/* Original diagrams and project photos, with accessible, optional motion. */
.fpe-learning-link.light strong{color:#172f41}
.fpe-learning-link.light p{color:#263f50}
.fpe-learning-link.light>.wrap{display:flex;justify-content:space-between;align-items:center;gap:25px}
.fpe-learning-link.light .button{flex-shrink:0}
.fpe-fixture-grid .fpe-fixture-art{margin:-24px -24px 22px;border-radius:14px 14px 0 0;overflow:hidden;background:#0e2435;border-bottom:1px solid #7091a6}
.fpe-fixture-art img{display:block;width:100%;height:auto;aspect-ratio:12/7}
.fpe-fixture-grid article{position:relative;overflow:hidden}
.fpe-fixture-grid article h3{margin-top:0}
.fpe-room-planner{padding:28px;border:1px solid #6e899b;border-radius:18px;background:#fff;box-shadow:0 16px 38px #18374a0c}
.fpe-room-options{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:23px}
.fpe-room-options button{min-height:48px;border:1px solid #617f94;border-radius:9px;padding:12px 17px;background:#e9f0f5;color:#17364b;font:700 16px/1.35 Arial,sans-serif;cursor:pointer;flex:1 1 130px}
.fpe-room-options button[aria-pressed="true"]{background:#143b57;color:#fff;border-color:#143b57;box-shadow:inset 0 -4px 0 #efc768}
.fpe-room-options button:focus-visible{outline:3px solid #1179ac;outline-offset:4px}
.fpe-room-result{border-left:4px solid #1689bc;border-radius:0 12px 12px 0;padding:23px;background:#edf4f8;color:#19384d;margin-bottom:22px}
.fpe-room-result h3{font-size:clamp(23px,3vw,30px);margin:6px 0 16px;line-height:1.3;color:#16354b}
.fpe-room-result ul{padding-left:22px;margin:0 0 17px;line-height:1.8;color:#263f50;font-size:17px}
.fpe-room-result p{color:#263f50;line-height:1.7;font-size:16px}
.fpe-room-result .eyebrow{color:#75500c;font-size:12px;margin:0}
.fpe-room-planner>small{display:block;font-size:14px;line-height:1.7;color:#354c5e;margin-top:15px}
.fpe-lighting-photos{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:24px;background:transparent}
.fpe-lighting-photos figure{margin:0;border:1px solid #8a9dab;border-radius:15px;overflow:hidden;background:#fff;min-width:0}
.fpe-lighting-photos a{display:block;position:relative;overflow:hidden}
.fpe-lighting-photos a::after{content:'View photo ↗';position:absolute;right:10px;bottom:10px;font-size:13px;font-weight:700;color:#fff;background:#102b3e;padding:9px 12px;border-radius:7px;border:1px solid #b8d3e2}
.fpe-lighting-photos a:focus-visible{outline:4px solid #1674a3;outline-offset:-4px}
.fpe-lighting-photos img{width:100%;height:300px;display:block;object-fit:cover}
.fpe-lighting-photos figcaption{padding:20px;line-height:1.6;background:#fff;color:#173447}
.fpe-lighting-photos figcaption strong{display:block;font-size:18px;line-height:1.4;margin-bottom:12px;color:#173447}
.fpe-lighting-photos figcaption span{display:block;font-size:15px;color:#354c5e;line-height:1.65}
.fpe-equipment-section{background:#102a3d;color:#f1f7fb;border-top:1px solid #688aa0;border-bottom:1px solid #688aa0}
.fpe-equipment-section .section-intro{color:#dfeaf2}
.fpe-equipment-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:32px;align-items:center}
.fpe-equipment-layout figure{margin:0;border:1px solid #6e96af;border-radius:18px;background:#0e2435;overflow:hidden;box-shadow:0 20px 40px #020d1655}
.fpe-equipment-layout img{width:100%;height:auto;display:block}
.fpe-equipment-layout figcaption{font-size:14px;line-height:1.6;padding:16px 20px;color:#e0edf5;border-top:1px solid #567e98}
.fpe-equipment-layout ol{padding:0;margin:0;list-style:none;display:grid;gap:14px}
.fpe-equipment-layout li{display:flex;gap:17px;align-items:flex-start;padding:18px;border:1px solid #789aaf;border-radius:12px;background:#1d3d54}
.fpe-equipment-layout li>b{background:#f4ca72;color:#153047;border-radius:50%;display:grid;place-items:center;flex:none;width:34px;height:34px;font-size:18px}
.fpe-equipment-layout h3{font-size:22px;color:#fff;margin:0 0 7px;line-height:1.35}
.fpe-equipment-layout p{font-size:16px;line-height:1.6;margin:0;color:#e0edf5}
.fpe-equipment-note{padding:23px;margin-top:28px;background:#163449;border:1px solid #789aaf;border-left:5px solid #f4ca72;border-radius:12px}
.fpe-equipment-note strong{font-size:20px;color:#ffe5ad}
.fpe-equipment-note p{color:#e0edf5;font-size:16px;line-height:1.7;margin:12px 0 0}
.fpe-equipment-note .fpe-source-links{font-size:14px}
.fpe-source-links a{color:#ffe5ad;text-decoration:underline;text-underline-offset:4px}
@media(prefers-reduced-motion:no-preference){
 .fpe-equipment-layout.fpe-enter-view{animation:fpe-guide-rise .65s ease-out}
 .fpe-lighting-photos.fpe-enter-view figure{animation:fpe-guide-rise .65s ease-out}
 .fpe-lighting-photos.fpe-enter-view figure:nth-child(2){animation-delay:.05s}
 .fpe-lighting-photos.fpe-enter-view figure:nth-child(3){animation-delay:.1s}
 .fpe-lighting-photos.fpe-enter-view figure:nth-child(4){animation-delay:.15s}
 @media(hover:hover) and (pointer:fine){
  .fpe-fixture-art img,.fpe-lighting-photos img{transition:transform .3s ease}
  .fpe-fixture-grid article:hover .fpe-fixture-art img{transform:scale(1.045)}
  .fpe-lighting-photos a:hover img{transform:scale(1.035)}
  .fpe-room-options button{transition:background-color .2s ease,border-color .2s ease}
 }
}
@keyframes fpe-guide-rise{from{transform:translateY(12px)}to{transform:translateY(0)}}
@media(max-width:1100px){.fpe-lighting-photos{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.fpe-equipment-layout{grid-template-columns:1fr}.fpe-learning-link.light>.wrap{display:block}.fpe-learning-link.light .button{margin-top:14px}.fpe-room-planner{padding:20px}}
@media(max-width:500px){.fpe-lighting-photos{grid-template-columns:1fr}.fpe-lighting-photos img{height:330px}.fpe-room-options{display:grid;grid-template-columns:1fr 1fr}.fpe-room-options button:last-child{grid-column:1/-1}.fpe-room-result{padding:18px}.fpe-equipment-layout li{padding:16px}.fpe-equipment-note{padding:18px}}
@media(prefers-reduced-motion:reduce){.fpe-equipment-layout,.fpe-lighting-photos figure,.fpe-lighting-photos img,.fpe-fixture-art img{animation:none!important;transition:none!important;transform:none!important}}
[data-fpe-motion="off"] :is(.fpe-lighting-photos img,.fpe-fixture-art img){transform:none!important}
