/* FPE visual finish: lightweight artwork, solid text surfaces, brief motion. */
/* Sculpted surfaces keep the same layout; motion is brief or pointer-driven. */
.fpe-page-art{box-shadow:12px 14px 0 #102b3d,22px 28px 48px #0003!important}
.fpe-service-icon{box-shadow:5px 6px 0 #091c29,9px 12px 18px #10233133;transform:perspective(500px) rotateY(-12deg) rotateX(8deg)}
.fpe-service-icon img{filter:drop-shadow(3px 5px 2px #0005)}
.fpe-panel-scene{height:350px;display:grid;place-items:center;background:radial-gradient(ellipse at center,#315e78,#0e2134 70%);perspective:850px;overflow:hidden}
.fpe-panel-model{position:relative;width:150px;height:220px;padding:26px 18px;background:linear-gradient(130deg,#d4e1e7,#859eaf);border:3px solid #e4eef2;border-radius:7px;box-shadow:15px 12px 0 #456175,25px 30px 30px #0006;transform:rotateX(12deg) rotateY(-25deg) rotateZ(5deg);transform-style:preserve-3d}
.fpe-panel-model::before{content:"";position:absolute;inset:-12px 12px 12px -40px;background:linear-gradient(120deg,#4c6e85dd,#223e52ee);border:2px solid #9ab3c3;border-radius:6px;transform-origin:left;transform:translateZ(12px) rotateY(-65deg);box-shadow:5px 8px 10px #0003}
.fpe-panel-breakers{display:grid;grid-template-columns:1fr 1fr;gap:9px;transform:translateZ(5px)}
.fpe-panel-breakers i{height:22px;background:linear-gradient(90deg,#122330 60%,#809bad 60%,#adc3ce 78%,#213e50 78%);border:1px solid #122330;border-radius:3px;box-shadow:2px 3px 0 #334c5d}
@media(prefers-reduced-motion:no-preference){
 [data-fpe-motion="on"] .fpe-page-art.fpe-enter-view .fpe-panel-model{animation:fpe-panel-reveal 1.1s ease-out both}
 @media(hover:hover) and (pointer:fine){
  [data-fpe-motion="on"] :is(.service-grid .card,.pathway):hover{transform:perspective(1000px) rotateX(var(--art-x,0deg)) rotateY(var(--art-y,0deg)) translateY(-5px);box-shadow:8px 16px 28px #10233130}
 }
}
@keyframes fpe-panel-reveal{from{transform:rotateX(5deg) rotateY(15deg) rotateZ(0);opacity:.4}to{transform:rotateX(12deg) rotateY(-25deg) rotateZ(5deg);opacity:1}}
[data-fpe-motion="off"] :is(.service-grid .card,.pathway){animation:none!important;transition:none!important;transform:none!important}
@media(prefers-reduced-motion:reduce){.service-grid .card,.pathway,.fpe-panel-model{animation:none!important;transition:none!important}.service-grid .card:hover,.pathway:hover{transform:none!important}}
@media(max-width:560px){.fpe-page-art{box-shadow:5px 7px 0 #102b3d,10px 16px 24px #0002!important}.fpe-panel-scene{height:290px}}
:root{--fpe-sky:#78ceff;--fpe-line:#536f84;--fpe-paper:#f5f7f8}
.hero-new{background:radial-gradient(ellipse at 90% 12%,#0875b955,transparent 55%),linear-gradient(120deg,#101820 12%,#122b3e 70%,#0c3b59)}
.hero-new::before{content:"";position:absolute;inset:0 0 0 auto;width:55%;background:url('/graphics/circuit.svg') right center/contain no-repeat;opacity:.26;pointer-events:none}
.hero-emblem{border-radius:24px;border-color:#527f9b;background:linear-gradient(145deg,#123b56,#0d202f 65%);box-shadow:0 24px 64px #0006,inset 0 1px #87d6ff33;overflow:hidden}
.hero-emblem::before{inset:12px;border:1px solid #78ceff44;border-radius:16px}
.hero-emblem img{position:relative}
.hero-emblem>div{position:relative;color:#ffe09a;line-height:1.6}
.hero-new .hero-bottom{gap:10px 14px}
.hero-new .hero-bottom span{padding:7px 11px;border:1px solid #567183;border-radius:8px;background:#102331;color:#edf3f7}
.hero-new .button,.home-assessment .button{border-radius:10px}
.proof-band{border-top:1px solid #436478;border-bottom:1px solid #436478;background:#152d3e}
.proof-band-inner>div{padding:8px 0 8px 17px;border-left:3px solid #78ceff}
.proof-band-inner>div:nth-child(2){border-color:#f1c76b}
.proof-band-inner>div:nth-child(3){border-color:#f68c82}
.proof-band-inner strong{color:#fff}
.proof-band-inner span{color:#e0e8ed}
.home-assessment{background:radial-gradient(ellipse at 100% 0,#176a9144,transparent 65%),#122536}
.home-assessment-inner{gap:48px;align-items:center}
.power-roadmap{gap:0;border:1px solid #63859a;border-top:4px solid #f1c76b;border-radius:18px;padding:26px;background:#142c3d;box-shadow:0 18px 44px #06121c55;min-width:0}
.power-roadmap>b{color:#ffe09a;font-size:13px;letter-spacing:.1em;line-height:1.6}
.power-roadmap .power-goals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:19px}
.power-roadmap .power-goals>span{display:flex;flex-direction:column;align-items:center;gap:9px;text-align:center;padding:14px 6px;background:#203e53;border:1px solid #68879b;border-radius:10px;color:#f7fafc;font-size:13px;line-height:1.35}
.power-goals img{display:block;width:36px;height:36px}
.power-roadmap .roadmap-connector{text-align:center;color:#ffe09a;font-size:26px;line-height:1;margin:12px 0}
.roadmap-steps{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.roadmap-steps li{display:flex;align-items:center;gap:13px;background:#0e2231;border:1px solid #59768a;border-radius:9px;padding:13px}
.roadmap-steps li>b{display:grid;place-items:center;flex:none;width:34px;height:34px;background:#f1c76b;border-radius:50%;color:#152331;font-size:13px}
.power-roadmap .roadmap-steps span{padding:0;border:0;font-size:15px;line-height:1.45;color:#f7fafc}
.power-roadmap>small{display:block;margin-top:15px;color:#dbe7ee;font-size:13px;line-height:1.5}
.pathway-grid{background:transparent;gap:18px}
.pathway-grid .pathway{position:relative;border:1px solid #527186;border-top:3px solid #78ceff;border-radius:16px;background:linear-gradient(145deg,#1b374d,#142633);padding:28px}
.pathway-grid .pathway:nth-child(2){border-top-color:#f68c82}
.pathway-grid .pathway:nth-child(3){border-top-color:#f1c76b}
.pathway-grid .pathway:nth-child(4){border-top-color:#78dbbf}
.fpe-service-icon{display:flex!important;align-items:center;justify-content:center;width:64px;height:64px;flex:none;background:#123047;border:1px solid #6090ab;border-radius:16px;margin-bottom:20px}
.fpe-service-icon img{display:block;width:48px;height:48px;object-fit:contain}
.pathway-grid .pathway-num{color:#ffe09a;font-size:12px;line-height:1.6}
.pathway-grid h3{margin:15px 0;font-size:clamp(25px,2.8vw,34px);color:#fff}
.pathway-grid .arrow-link{color:#ffe09a}
.service-grid .card{border-radius:16px;border-top:3px solid #1675a9;box-shadow:0 5px 18px #17212a08;justify-content:flex-start}
.service-grid .card .fpe-service-icon{margin-bottom:16px;background:#123047}
.service-grid .card h3{margin-top:18px}
.service-grid .card:nth-child(3n+2){border-top-color:#9d6a16}
.service-grid .card:nth-child(3n){border-top-color:#a83c3c}
.service-grid .card .num{color:#79500c}
.home-photo{padding-top:72px;background:var(--fpe-paper)}
.home-photo .photo-grid{gap:22px}
.home-photo figure{overflow:hidden;border-radius:16px;border:1px solid #c3d1d9;box-shadow:0 10px 24px #17212a0f}
.home-photo figcaption{border-top:4px solid #176d9d;padding:19px 21px;background:#fff;color:#14232e;font-size:18px}
.home-photo figure:nth-child(2) figcaption{border-color:#a9741b}
.home-photo figure:nth-child(3) figcaption{border-color:#a63c3c}
.home-photo figcaption span{display:block;color:#354550;font-size:14px;line-height:1.5;font-weight:400;margin-top:6px}
.review-cards article{border-radius:14px;border-top:3px solid #d6a84e;box-shadow:0 8px 24px #06121c44}
.about-preview img{border-radius:18px;border:1px solid #708b9b;box-shadow:14px 14px 0 #173b51}
.page-hero::after{border-width:35px;border-color:#78ceff22;background:url('/graphics/circuit.svg') center/cover no-repeat;border-radius:28%;transform:rotate(-12deg);pointer-events:none}
.cta-band{position:relative;background:linear-gradient(115deg,#e1b153,#f6d489);border-top:1px solid #ffe9b2;border-bottom:1px solid #bb841f}
.cta-band .button{border-radius:9px}
:is(.pathway,.service-grid .card,.home-assessment .button):focus-visible{outline:3px solid #f1c76b;outline-offset:5px}
.service-grid .card:focus-visible{outline-color:#146495}
@media(hover:hover) and (pointer:fine){
 .pathway-grid .pathway:hover{background:#203e53;border-color:#a5dfff}
 .service-grid .card:hover{border-color:#146495;box-shadow:0 16px 30px #17212a17}
}
@media(prefers-reduced-motion:no-preference){
 .hero-emblem{animation:fpe-emblem-arrive .75s ease-out backwards}
 .hero-emblem::after{animation:fpe-charge-arrive 1.3s ease-out both}
 .pathway-grid .pathway,.service-grid .card,.button{transition:transform .18s ease,background-color .18s ease,border-color .18s ease,box-shadow .18s ease}
 @media(hover:hover) and (pointer:fine){.pathway-grid .pathway:hover,.service-grid .card:hover{transform:translateY(-4px)}.home-photo img{transition:transform .35s ease}.home-photo figure:hover img{transform:scale(1.035)}}
}
@keyframes fpe-emblem-arrive{from{transform:translateY(12px)}to{transform:translateY(0)}}
@keyframes fpe-charge-arrive{from{transform:translateX(65px) skewX(-35deg)}to{transform:translateX(0) skewX(-35deg)}}
@media(max-width:760px){
 .hero-new::before{width:85%;opacity:.14;background-position:right bottom}
 .hero-emblem{max-width:380px;margin-left:auto;margin-right:auto}
 .home-assessment-inner{gap:30px}
 .power-roadmap{padding:21px}
 .home-photo{padding-top:55px}
 .pathway-grid .pathway{padding:24px}
 .about-preview img{box-shadow:7px 7px 0 #173b51}
}
@media(max-width:390px){.power-roadmap .power-goals{gap:5px}.power-roadmap .power-goals>span{font-size:12px}.power-roadmap{padding:17px}}
@media(prefers-reduced-motion:reduce){.hero-emblem,.hero-emblem::after,.pathway-grid .pathway,.service-grid .card,.home-photo img,.button{animation:none!important;transition:none!important;transform:none!important}}
/* Original isometric FPE scenes: no WebGL, remote embeds or heavy 3D runtime. */
.fpe-illustration-section{background:radial-gradient(ellipse at 85% 35%,#164566,#102332 70%);color:#fff}
.fpe-illustration-section .lead{color:#e5eef4}
.fpe-depth-figure{margin:0;min-width:0;border:1px solid #658aa3;border-radius:20px;overflow:hidden;background:#102638;box-shadow:0 22px 45px #06121b55}
.fpe-depth-stage{position:relative;background:radial-gradient(ellipse at 50% 65%,#1d5678,#0d2133 70%);perspective:900px;overflow:hidden;padding:10px}
.fpe-depth-stage>img{display:block;width:100%;height:auto;aspect-ratio:680/420;object-fit:contain;filter:drop-shadow(0 14px 12px #0005)}
.fpe-depth-figure .fpe-visual-key{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;list-style:none;padding:16px;margin:0;border-top:1px solid #5b7a91;background:#142e42}
.fpe-visual-key li{color:#f5f9fc;font-size:14px;line-height:1.45;display:flex;align-items:flex-start;gap:8px;min-width:0}
.fpe-visual-key li>b{display:grid;place-items:center;flex:none;line-height:1;width:23px;height:23px;background:#f1c76b;color:#142638;font-size:12px;border-radius:50%}
.fpe-depth-figure figcaption{padding:0 16px 18px;color:#dce8f0;background:#142e42;font-size:13px;line-height:1.65}
.fpe-resource-grid .card{border-radius:16px;justify-content:flex-start;border-top:4px solid #216b96}
.fpe-resource-grid .card h3{margin-top:0}
.fpe-resource-grid .card strong{color:#79500c;margin-top:20px}
.fpe-resource-grid .card:focus-visible{outline:3px solid #146495;outline-offset:4px}
.fpe-resource-note{color:#354550;font-size:14px;line-height:1.6;margin-top:24px}
.fpe-learning-link{padding-top:24px;padding-bottom:24px;display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid #557185;line-height:1.5}
.fpe-learning-link strong{color:#f4f8fb;font-size:16px}
.fpe-learning-link a{color:#ffe09a;text-decoration:underline;text-underline-offset:4px;min-height:44px;display:flex;align-items:center}
@media(prefers-reduced-motion:no-preference){
 .fpe-enter-view{animation:fpe-view-lift .6s ease-out both}
 @media(hover:hover) and (pointer:fine){
  .fpe-depth-stage>img{transition:transform .45s ease;transform-origin:center center}
  .fpe-depth-figure:hover .fpe-depth-stage>img{transform:rotateX(3deg) rotateY(-6deg) scale(1.025)}
  .hero-emblem{transition:transform .3s ease,box-shadow .3s ease}
  .hero-emblem:hover{transform:perspective(1000px) rotateY(-3deg) rotateX(2deg);box-shadow:0 30px 70px #0008}
  .fpe-service-icon img{transition:transform .25s ease}
  :is(.pathway,.service-grid .card,.fpe-resource-grid .card):hover .fpe-service-icon img{transform:rotate(-7deg) scale(1.08)}
  .fpe-resource-grid .card{transition:transform .2s ease,box-shadow .2s ease}
  .fpe-resource-grid .card:hover{transform:translateY(-4px);box-shadow:0 18px 35px #142b3c1c}
 }
}
@keyframes fpe-view-lift{from{transform:translateY(14px)}to{transform:translateY(0)}}
@media(max-width:760px){.fpe-learning-link{display:block}.fpe-learning-link a{margin-top:8px}.fpe-depth-figure .fpe-visual-key{grid-template-columns:1fr}.fpe-depth-stage{padding:4px}.fpe-depth-figure{border-radius:15px}}
@media(prefers-reduced-motion:reduce){.fpe-enter-view,.fpe-depth-stage>img,.hero-emblem,.fpe-resource-grid .card,.fpe-service-icon img{animation:none!important;transition:none!important;transform:none!important}}
/* A picture-led hero system across the public site. */
.fpe-visual-hero{padding:65px 0;background:radial-gradient(ellipse at 100% 10%,#17699755,transparent 65%),#102332}
.fpe-visual-hero .fpe-hero-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:45px;max-width:1280px}
.fpe-visual-hero h1{font-size:clamp(38px,4.1vw,62px);line-height:1.08;margin-bottom:24px}
.fpe-page-hero-copy{min-width:0}
.fpe-visual-hero .lead{font-size:19px;line-height:1.65}
.fpe-page-art{margin:0;border:1px solid #6b91a7;border-radius:20px;background:#10293b;box-shadow:0 22px 50px #030d1666;min-width:0;position:relative}
.fpe-art-surface{border-radius:19px 19px 0 0;overflow:hidden;background:#0e2134;position:relative;transform-style:preserve-3d}
.fpe-art-surface>img{width:100%;height:360px;display:block;object-fit:cover}
.fpe-page-art.concept-art .fpe-art-surface>img[src$=".svg"]{height:auto;aspect-ratio:640/420;object-fit:contain}
.fpe-page-art figcaption{position:relative;background:#142f42;color:#edf5fa;font-size:14px;line-height:1.55;padding:16px 19px;border-radius:0 0 19px 19px}
.fpe-home-art figcaption{display:flex;align-items:center;gap:13px}
.fpe-home-art figcaption>img{width:55px;height:55px;object-fit:contain;flex:none}
.fpe-home-art figcaption>span{font-size:19px;font-weight:800;color:#ffe09a;letter-spacing:-.02em}
.fpe-home-art figcaption small{display:block;font-size:12px;line-height:1.5;font-weight:400;color:#e2edf3;letter-spacing:0;margin-top:4px}
.hero-new .hero-inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:45px;padding-top:55px;padding-bottom:55px;min-height:0}
.hero-new .hero-copy{padding:20px 0}
.hero-new h1{font-size:clamp(43px,5.2vw,72px)}
.fpe-home-art .fpe-art-surface>img{height:auto;aspect-ratio:3/2;object-fit:cover}
.fpe-home-art.photo-art .fpe-art-surface>img{aspect-ratio:6/5;object-position:center top}
.fpe-field-strip{background:#12334b}
.fpe-field-strip .section-intro{color:#e2edf3}
.fpe-field-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:20px}
.fpe-field-grid figure{margin:0;border:1px solid #718fa2;border-radius:16px;overflow:hidden;background:#0e2436}
.fpe-field-grid img{width:100%;height:310px;object-fit:cover;display:block}
.fpe-field-grid figure:first-child img{object-position:center 36%}
.fpe-field-grid figcaption{padding:17px;color:#f4f8fc;font-size:15px;line-height:1.5;font-weight:700}
.fpe-diagram-section{background:#102333;color:#f5f8fb;border-top:1px solid #3c596e;border-bottom:1px solid #3c596e}
.fpe-diagram-section .section-intro{color:#e2edf3}
.fpe-diagram-board{display:flex;align-items:stretch;gap:15px;padding:25px;border:1px solid #668a9f;border-radius:20px;background:radial-gradient(ellipse at 50% 30%,#1c4f6f,#0d2233 75%)}
.fpe-diagram-node{min-width:0;flex:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:23px 19px;border:1px solid #7196ac;border-radius:12px;background:#1c3d54;color:#fff;position:relative}
.fpe-diagram-node img{display:block;width:52px;height:52px;margin-bottom:18px}
.fpe-diagram-node strong{font-size:20px;line-height:1.3}
.fpe-diagram-node span{font-size:15px;color:#e0edf5;line-height:1.6;margin-top:9px}
.fpe-diagram-arrow{display:grid;place-items:center;color:#f1c76b;font-size:32px;flex:0 0 28px}
.fpe-diagram-sources{flex:1;display:grid;gap:8px;min-width:0}
.fpe-source-choice{font-size:13px;text-align:center;color:#ffe09a;letter-spacing:.08em}
.fpe-diagram-endpoints{flex:1.1;display:grid;gap:10px;min-width:0}
.fpe-diagram-endpoints .fpe-diagram-node{padding:15px;display:grid;grid-template-columns:36px 1fr;gap:4px 12px}
.fpe-diagram-endpoints img{width:36px;height:36px;margin:0;grid-row:1/3}
.fpe-diagram-endpoints strong{font-size:16px}
.fpe-diagram-endpoints span{font-size:13px;margin:0}
.fpe-diagram-caption{font-size:14px;line-height:1.75;color:#dfeaf1;max-width:900px;margin:21px 0 0}
.fpe-diagram-caption a{color:#ffe09a;text-decoration:underline;text-underline-offset:4px}
.fpe-motion-toggle{padding:9px 13px;border:1px solid #849bad;border-radius:8px;background:#1a3549;color:#f0f7fa;min-height:44px;font:600 14px/1.4 Arial,sans-serif;cursor:pointer}
.fpe-motion-toggle:focus-visible{outline:3px solid #f1c76b;outline-offset:3px}
@media(prefers-reduced-motion:no-preference){
 .fpe-page-art{animation:fpe-art-rise .85s ease-out backwards}
 .fpe-art-surface{transition:transform .3s ease}
 .fpe-diagram-board.fpe-enter-view .fpe-diagram-node{animation:fpe-node-charge 1.5s ease-out 1}
 .fpe-diagram-board.fpe-enter-view .fpe-diagram-node:nth-of-type(2){animation-delay:.12s}
 .fpe-diagram-board.fpe-enter-view .fpe-diagram-node:nth-of-type(3){animation-delay:.24s}
 @media(hover:hover) and (pointer:fine){.fpe-page-art:hover .fpe-art-surface{transform:perspective(1000px) rotateX(var(--art-x,2deg)) rotateY(var(--art-y,-3deg))}.fpe-field-grid img{transition:transform .3s ease}.fpe-field-grid figure:hover img{transform:scale(1.035)}}
}
@keyframes fpe-art-rise{from{transform:translateY(18px) rotate(-1deg)}to{transform:translateY(0) rotate(0)}}
@keyframes fpe-node-charge{0%{border-color:#7196ac;box-shadow:none}45%{border-color:#a6dfff;box-shadow:0 0 22px #42b9ff38}100%{border-color:#7196ac;box-shadow:none}}
[data-fpe-motion="off"] *,[data-fpe-motion="off"] *::before,[data-fpe-motion="off"] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
[data-fpe-motion="off"] :is(.fpe-art-surface,.fpe-page-art,.fpe-enter-view,.fpe-service-icon img,.fpe-depth-stage>img){transform:none!important}
@media(max-width:950px){
 .fpe-visual-hero .fpe-hero-layout,.hero-new .hero-inner{grid-template-columns:1fr;gap:30px}
 .fpe-visual-hero{padding:45px 0}
 .hero-new .hero-inner{display:grid;padding-top:40px;padding-bottom:45px}
 .hero-new .hero-copy{padding:0}
 .fpe-visual-hero h1{font-size:clamp(37px,6.8vw,60px)}
 .fpe-page-art{max-width:650px;width:100%;justify-self:center}
 .fpe-art-surface>img{height:340px}
 .fpe-field-grid{grid-template-columns:1fr 1fr}
 .fpe-field-grid figure:first-child{grid-column:1/-1}
 .fpe-field-grid figure:first-child img{height:400px}
 .fpe-diagram-board{flex-direction:column;padding:18px}
 .fpe-diagram-arrow{transform:rotate(90deg);flex-basis:auto;line-height:1}
 .fpe-diagram-node{flex:auto}
 .fpe-diagram-sources{grid-template-columns:1fr auto 1fr;align-items:stretch}
}
@media(max-width:560px){.fpe-field-grid{grid-template-columns:1fr}.fpe-field-grid figure:first-child{grid-column:auto}.fpe-field-grid img,.fpe-field-grid figure:first-child img{height:300px}.fpe-art-surface>img{height:275px}.fpe-page-art figcaption{font-size:13px}.fpe-diagram-sources{grid-template-columns:1fr}.fpe-diagram-node{padding:18px}.fpe-diagram-node strong{font-size:19px}}
@media(prefers-reduced-motion:reduce){.fpe-page-art,.fpe-art-surface,.fpe-diagram-node,.fpe-field-grid img{animation:none!important;transition:none!important;transform:none!important}}
/* Practical lighting education, with a conceptual room preview. */
.fpe-lighting-guide{background:#102b3e;color:#f4f8fc}
.fpe-lighting-guide .section-intro,.fpe-lighting-guide p{color:#e2edf4}
.fpe-scene-layout{align-items:center;gap:35px;margin-bottom:35px}
.fpe-scene-demo{--scene-tone:#ffce8c;border:1px solid #7899ad;border-radius:18px;padding:18px;background:#0b1e2e;min-width:0}
.fpe-scene-art{overflow:hidden;border-radius:10px;background:#102535}
.fpe-light-room{display:block;width:100%;height:auto;aspect-ratio:8/5}
.fpe-scene-buttons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:15px}
.fpe-scene-buttons button{min-height:48px;padding:10px 6px;border:1px solid #8baabe;background:#243f52;color:#fff;border-radius:8px;font:700 15px/1.3 Arial,sans-serif;cursor:pointer}
.fpe-scene-buttons button[aria-pressed="true"]{background:#f3cd76;border-color:#f3cd76;color:#132638}
.fpe-scene-buttons button:focus-visible{outline:3px solid #97dcff;outline-offset:3px}
.fpe-scene-description{font-size:16px;line-height:1.65;min-height:80px;margin:18px 0 10px}
.fpe-scene-demo small{display:block;font-size:13px;line-height:1.6;color:#d6e5ef}
.fpe-scene-demo[data-scene="relax"] .room-overhead{opacity:.28}
.fpe-scene-demo[data-scene="relax"] .room-accent{opacity:.85}
.fpe-scene-demo[data-scene="relax"] .room-night{opacity:.3}
.fpe-scene-demo[data-scene="everyday"]{--scene-tone:#ffe4bb}
.fpe-scene-demo[data-scene="everyday"] .room-overhead{opacity:.85}
.fpe-scene-demo[data-scene="everyday"] .room-night{opacity:.15}
.fpe-scene-demo[data-scene="focus"]{--scene-tone:#e4f1ff}
.fpe-scene-demo[data-scene="focus"] .room-accent{opacity:.2}
.fpe-scene-demo[data-scene="focus"] .room-sconce{opacity:.35}
.fpe-scene-demo[data-scene="focus"] .room-night{opacity:0}
.fpe-scene-demo[data-scene="night"]{--scene-tone:#ffd394}
.fpe-scene-demo[data-scene="night"] :is(.room-overhead,.room-accent,.room-sconce){opacity:0}
.fpe-fixture-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.fpe-fixture-grid article{background:#1c3b50;border:1px solid #6a8b9f;border-radius:14px;padding:24px;min-width:0}
.fpe-fixture-grid h3{font-size:23px;color:#ffe09a;margin:0 0 12px}
.fpe-fixture-grid p{font-size:16px;line-height:1.65;margin:0}
.fpe-fixture-grid a{color:#ffe09a;text-decoration:underline;text-underline-offset:3px}
.fpe-kelvin-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.fpe-kelvin-grid article{background:#fff;border:1px solid #6b8799;border-radius:14px;overflow:hidden;color:#162c3b;padding:0 20px 20px;min-width:0}
.kelvin-swatch{height:85px;margin:0 -20px 18px;box-shadow:inset 0 -12px 25px #0000000b;background:linear-gradient(120deg,#ffbb67,#ffe3b3)}
.kelvin-swatch.warm-neutral{background:linear-gradient(120deg,#ffcf8b,#ffedcf)}
.kelvin-swatch.neutral{background:linear-gradient(120deg,#fff1dc,#edf4fa)}
.kelvin-swatch.cool{background:linear-gradient(120deg,#f5faff,#c6e5ff)}
.fpe-kelvin-grid strong{font-size:28px;display:block;color:#163b56}
.fpe-kelvin-grid h3{font-size:21px;line-height:1.35;margin:10px 0}
.fpe-kelvin-grid p,.fpe-lighting-note,.fpe-lighting-details p{font-size:16px;line-height:1.7;color:#263f50}
.fpe-lighting-note{max-width:1000px;margin:25px 0}
.fpe-light-labels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.fpe-light-labels>div{border-left:4px solid #1573a4;background:#e6eef3;padding:15px;color:#162c3b}
.fpe-light-labels b{display:block;font-size:19px;margin-bottom:6px}
.fpe-light-labels span{font-size:15px;line-height:1.5;display:block}
.fpe-lighting-details{margin:24px 0;border:1px solid #668296;border-radius:10px;padding:18px;background:#fff;color:#162c3b}
.fpe-lighting-details summary{font-weight:800;cursor:pointer;font-size:18px;min-height:30px}
.fpe-lighting-source{font-size:14px;line-height:1.8;color:#263f50}
.fpe-lighting-source a{color:#085d89;text-decoration:underline;text-underline-offset:3px}
@media(prefers-reduced-motion:no-preference){.fpe-light-room :is(.room-overhead,.room-accent,.room-sconce,.room-night){transition:opacity .35s ease}}
@media(max-width:1000px){.fpe-kelvin-grid,.fpe-light-labels{grid-template-columns:repeat(2,minmax(0,1fr))}.fpe-fixture-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.fpe-scene-layout{grid-template-columns:1fr}.fpe-scene-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}.fpe-scene-description{min-height:0}.fpe-fixture-grid{grid-template-columns:1fr}}
@media(max-width:450px){.fpe-kelvin-grid,.fpe-light-labels{grid-template-columns:1fr}.fpe-scene-demo{padding:12px}.fpe-lighting-guide .button{white-space:normal}}