:root{--gold:#dca95f;--warm:#ffc66e;--white:#edf3ff}.commercial-product{background:#11100e}.commercial-product .product-scene{background:#11100e}.product-nav nav .current{color:var(--warm);opacity:1}.commercial-image{position:absolute;inset:0;background:url('assets/commercial-lighting-gallery.png') center/cover;filter:contrast(1.1) saturate(1.08);animation:galleryTone 10s ease-in-out infinite alternate}.commercial-shade{position:absolute;inset:0;background:linear-gradient(90deg,#070706fa,#070706d8 35%,transparent 65%),linear-gradient(0deg,#0707069d,transparent 45%)}@keyframes galleryTone{to{filter:contrast(1.14) saturate(1.18) brightness(1.07)}}.commercial-copy{position:absolute;z-index:3;left:10vw;top:50%;translate:0 -44%;max-width:720px}.commercial-copy p,.commercial-section-copy p,.track-copy p,.temperature-copy p,.landscape-copy p{font-size:15px;line-height:1.72;color:#bab6af;max-width:520px}.hero-beams i{position:absolute;z-index:2;top:0;width:120px;height:72%;background:linear-gradient(#ffe2a34c,transparent);clip-path:polygon(42% 0,58% 0,100% 100%,0 100%);mix-blend-mode:screen;transform-origin:top;animation:heroBeam 5s ease-in-out infinite}.hero-beams i:nth-child(1){left:49%}.hero-beams i:nth-child(2){left:62%;animation-delay:.8s}.hero-beams i:nth-child(3){left:75%;animation-delay:1.6s}.hero-beams i:nth-child(4){left:87%;animation-delay:2.4s}@keyframes heroBeam{50%{opacity:.25;transform:rotate(4deg)}}.lighting-readout{position:absolute;z-index:4;right:5vw;bottom:6vh;width:310px;padding:14px;border:1px solid #e0b1674f;border-radius:15px;background:#11100ed0;display:flex;align-items:center;gap:10px;backdrop-filter:blur(12px)}.lighting-readout>i{width:8px;height:8px;border-radius:50%;background:var(--warm);box-shadow:0 0 15px var(--warm)}.lighting-readout span{display:grid}.lighting-readout small{font-size:8px;color:#d6aa63}.lighting-readout b{font:500 12px Manrope}.lighting-readout em{margin-left:auto;font:600 8px Manrope;color:#9d9a95;font-style:normal}.lighting-readout>div{position:absolute;left:14px;right:14px;bottom:0;height:1px}.lighting-readout>div i{display:block;height:100%;background:var(--warm);animation:lightProgress 4s linear infinite}@keyframes lightProgress{from{width:0}to{width:100%}}
.wallwash-scene{background:radial-gradient(circle at 74% 45%,#b7782d2d,transparent 34%),#11100e}.commercial-section-copy,.track-copy,.temperature-copy,.landscape-copy{position:absolute;left:10vw;top:50%;translate:0 -48%;width:38%}.commercial-section-copy h2,.track-copy h2,.temperature-copy h2,.landscape-copy h2{font-size:clamp(44px,5vw,72px)}.wash-controls,.focus-tabs{display:flex;gap:8px;margin-top:28px}.wash-controls button,.focus-tabs button{padding:10px 13px;border:1px solid #ffffff29;border-radius:30px;background:transparent;color:#a29c93;font-size:9px;cursor:pointer}.wash-controls button.active,.focus-tabs button.active{background:#fff;color:#15120e}.wall-demo{position:absolute;right:6vw;top:12vh;width:50vw;height:75vh;border:1px solid #ffffff22;border-radius:25px;overflow:hidden;background:#29231e}.texture-wall{position:absolute;inset:0;background:repeating-radial-gradient(ellipse at 50% 20%,#4a4035 0 2px,#211d19 3px 15px)}.wash-lights{position:absolute;z-index:2;left:5%;right:5%;top:0;display:flex;justify-content:space-around}.wash-lights i{width:24px;height:18px;background:#151515;border:3px solid #68645f}.wash-gradient{position:absolute;inset:0;background:linear-gradient(90deg,#ffd69218,#ffd6928a,#ffd69218);transition:.7s;mix-blend-mode:screen}.wall-demo.graze .wash-gradient{background:repeating-linear-gradient(90deg,transparent 0 55px,#ffd78670 70px 100px,transparent 120px)}.wall-demo.accent .wash-gradient{clip-path:polygon(40% 0,60% 0,78% 100%,22% 100%);background:#ffcb7473}.wash-status{position:absolute;left:20px;right:20px;bottom:18px;padding:12px 14px;border:1px solid #ffffff29;border-radius:13px;background:#12100edb;display:flex;align-items:center;gap:9px}.wash-status>i{width:7px;height:7px;border-radius:50%;background:var(--warm);box-shadow:0 0 12px var(--warm)}.wash-status span{display:grid}.wash-status small{font-size:8px;color:#d2a35d}.wash-status b{font:500 11px Manrope}.wash-status em{margin-left:auto;font:600 8px Manrope;color:#a9a49d;font-style:normal}
.track-scene{background:radial-gradient(circle at 72% 47%,#704f292c,transparent 35%),#0e0e0d}.focus-stage{position:absolute;right:5vw;top:12vh;width:52vw;height:76vh;border:1px solid #ffffff20;border-radius:25px;background:linear-gradient(#1b1b19,#10100f);overflow:hidden}.track-line{position:absolute;left:7%;right:7%;top:10%;height:7px;background:#31312f;display:flex;justify-content:space-around}.track-line i{width:35px;height:18px;background:#111;border:2px solid #777;transform:translateY(4px)}.focus-head{position:absolute;top:12%;width:28px;height:45px;border-radius:8px;background:#252522}.fh1{left:23%}.fh2{left:49%}.fh3{left:75%}.beam{position:absolute;top:17%;width:210px;height:55%;background:linear-gradient(#ffd78b5e,transparent);clip-path:polygon(45% 0,55% 0,100% 100%,0 100%);transform-origin:top;transition:.8s}.fb1{left:11%}.fb2{left:37%}.fb3{left:63%}.focus-stage[data-focus="art"] .fb2,.focus-stage[data-focus="art"] .fb3,.focus-stage[data-focus="object"] .fb1,.focus-stage[data-focus="object"] .fb3,.focus-stage[data-focus="path"] .fb1,.focus-stage[data-focus="path"] .fb2{opacity:.12}.focus-object{position:absolute;bottom:12%;width:130px;height:110px;border:1px solid #ffffff30;display:grid;place-content:center;font:600 10px Manrope;color:#89847c;transition:.7s}.art-object{left:14%}.product-object{left:41%}.path-object{left:68%}.focus-stage[data-focus="art"] .art-object,.focus-stage[data-focus="object"] .product-object,.focus-stage[data-focus="path"] .path-object{color:#fff;border-color:#e8b663;box-shadow:0 20px 70px #ffc86e6b;transform:translateY(-7px)}
.luminaire-scene{padding:105px 7vw 40px 10vw;background:radial-gradient(circle at 82% 12%,#98672b2a,transparent 26%),#11110f}.luminaire-head{display:flex;align-items:end;justify-content:space-between}.luminaire-head h2{font-size:clamp(38px,4.4vw,64px);text-align:right;margin:0}.luminaire-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:30px;border:1px solid #ffffff24}.luminaire-grid article{height:205px;padding:22px;border-right:1px solid #ffffff24;border-bottom:1px solid #ffffff24;position:relative;transition:.4s}.luminaire-grid article:nth-child(3n){border-right:0}.luminaire-grid article:nth-child(n+4){border-bottom:0}.luminaire-grid span{font-size:10px;color:#deb064}.luminaire-grid h3{font:500 18px Manrope;position:absolute;left:120px;top:55px}.luminaire-grid p{font-size:11px;color:#9d9993;position:absolute;left:120px;top:88px}.fixture{position:absolute;left:22px;top:55px;width:78px;height:85px;display:grid;place-content:center}.fixture i{display:block;width:62px;height:62px;border:8px solid #a6a5a1;border-radius:50%;background:radial-gradient(circle,#ffe4a0,#171717 35%);box-shadow:0 18px 35px #ffcc7800;animation:fixtureOn 3.2s ease-in-out infinite}.trimless i{border-radius:3px}.surface i{height:75px;border-radius:25px}.linear i{width:78px;height:25px;border-radius:2px}.track i{height:35px;border-radius:8px;rotate:-25deg}.outdoor i{border-radius:8px;background:#222}.luminaire-grid article:hover{background:#60401754;transform:translateY(-6px)}@keyframes fixtureOn{50%{box-shadow:0 25px 55px #ffcc78;background:radial-gradient(circle,#fff5d7,#e4b35f 45%)}}
.temperature-scene{background:radial-gradient(circle at 74% 47%,#b179342e,transparent 35%),#10100f}.temperature-slider{margin-top:30px;display:flex;align-items:center;gap:15px}.temperature-slider input{width:230px;accent-color:#e9ae55}.temperature-slider span{display:grid}.temperature-slider b{font:500 16px Manrope}.temperature-slider small{font-size:8px;color:#d3a55f}.temperature-room{position:absolute;right:6vw;top:13vh;width:50vw;height:73vh;border:1px solid #ffffff22;border-radius:25px;background:hsl(calc(38 + var(--temp)*180) 25% calc(16% + var(--temp)*8%));overflow:hidden;transition:.4s}.material{position:absolute;bottom:22%;width:24%;height:40%;display:grid;place-content:center;border:1px solid #ffffff25;font:600 10px Manrope}.m1{left:10%;background:#62594e}.m2{left:38%;background:#8a5c35}.m3{left:66%;background:#353d48}.temp-light{position:absolute;left:0;right:0;top:0;display:flex;justify-content:space-around}.temp-light i{width:190px;height:72%;background:hsla(calc(42 + var(--temp)*170) 100% 82%/.45);clip-path:polygon(46% 0,54% 0,100% 100%,0 100%);transition:.4s}.temp-status{position:absolute;left:20px;right:20px;bottom:17px;padding:12px;border:1px solid #ffffff2a;border-radius:12px;background:#11100ed9;display:grid}.temp-status small{font-size:8px;color:#d5a55c}.temp-status b{font:500 11px Manrope}.temp-status em{position:absolute;right:13px;bottom:15px;font:600 9px Manrope;color:#fff;font-style:normal}
.landscape-scene{background:radial-gradient(circle at 72% 50%,#31502f3d,transparent 35%),#080d0b}.landscape-tags{display:flex;gap:8px;margin-top:28px}.landscape-tags span{padding:9px 11px;border:1px solid #ffffff29;border-radius:25px;font-size:9px}.night-landscape{position:absolute;right:5vw;top:12vh;width:52vw;height:75vh;border:1px solid #ffffff1f;border-radius:25px;background:linear-gradient(#071528,#1b3225 65%,#142015);overflow:hidden}.building{position:absolute;left:35%;right:7%;top:14%;bottom:23%;background:#262620;border-left:10px solid #48453c;box-shadow:inset 0 30px #111}.tree-light{position:absolute;bottom:20%;width:120px;height:260px;background:radial-gradient(ellipse at bottom,#ffcd737a,transparent 67%);clip-path:polygon(45% 100%,0 0,100% 0,55% 100%);animation:treeGlow 3.5s ease-in-out infinite}.tl1{left:8%}.tl2{right:4%;animation-delay:1s}.path-lights i{position:absolute;bottom:8%;width:15px;height:15px;border-radius:50%;background:#ffe09c;box-shadow:0 0 35px #ffc86a}.path-lights i:nth-child(1){left:25%}.path-lights i:nth-child(2){left:38%}.path-lights i:nth-child(3){left:51%}.path-lights i:nth-child(4){left:64%}.path-lights i:nth-child(5){left:77%}@keyframes treeGlow{50%{filter:brightness(1.5);transform:scaleX(1.2)}}.landscape-status{position:absolute;left:20px;right:20px;bottom:16px;padding:11px 13px;background:#0c110dda;border:1px solid #ffffff29;border-radius:12px;display:flex;align-items:center;gap:9px}.landscape-status i{width:7px;height:7px;border-radius:50%;background:#64d99c;box-shadow:0 0 12px #64d99c}.landscape-status b{font:500 11px Manrope}.landscape-status em{margin-left:auto;font:600 9px Manrope;color:#d9aa60;font-style:normal}.commercial-cta{background:radial-gradient(circle,#9b682e3d,transparent 42%),#100f0d}.beam-mark{position:relative;width:88px;height:88px;display:grid;place-content:center;margin-bottom:25px}.beam-mark i{position:absolute;left:50%;top:0;width:1px;height:100%;background:#e8b461;transform-origin:bottom;animation:beamMark 3s ease-in-out infinite}.beam-mark i:nth-child(2){rotate:35deg}.beam-mark i:nth-child(3){rotate:-35deg}.beam-mark b{font-size:26px;color:#e8b461}@keyframes beamMark{50%{opacity:.25;scale:1 .6}}
@media(max-width:900px){.commercial-copy,.commercial-section-copy,.track-copy,.temperature-copy,.landscape-copy{left:16vw;width:72%}.commercial-copy h1{font-size:47px}.lighting-readout{display:none}.wall-demo,.focus-stage,.temperature-room,.night-landscape{right:-40vw;width:84vw;opacity:.48}.luminaire-grid{grid-template-columns:repeat(2,1fr)}.luminaire-grid article{height:145px;padding:14px}.fixture{scale:.65;left:5px;top:35px}.luminaire-grid h3{left:85px;top:36px;font-size:14px}.luminaire-grid p{left:85px;top:68px;font-size:9px}}