:root{--violet:#9b4dff;--cyan:#35caff;--coral:#ff536f;--amber:#ffad45}.lighting-product{background:#070916}.lighting-product .product-scene{background:#070916}.product-nav nav .current{color:#7ccfff;opacity:1}.light-hero-image{position:absolute;inset:0;background:url('assets/nanoleaf-living-canvas.png') center/cover;filter:contrast(1.12) saturate(1.16) brightness(1.03);backface-visibility:hidden;transform:translateZ(0);animation:heroSharpColour 10s ease-in-out infinite alternate}.light-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#030713f5 0,#030713c9 31%,transparent 62%),linear-gradient(0deg,#030713a3,transparent 42%)}@keyframes heroSharpColour{to{filter:contrast(1.15) saturate(1.3) brightness(1.08) hue-rotate(12deg)}}.light-copy{position:absolute;z-index:3;left:10vw;top:50%;translate:0 -44%;max-width:670px}.light-copy p,.shape-copy p,.control-head p,.rhythm-copy p{max-width:500px;color:#b1bdd0;font-size:15px;line-height:1.7}.colour-readout{position:absolute;z-index:4;right:5vw;bottom:6vh;width:270px;padding:16px;border:1px solid #ffffff32;border-radius:18px;background:#071026c2;backdrop-filter:blur(12px);display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.colour-readout span{height:6px;border-radius:9px;background:var(--amber);box-shadow:0 0 15px currentColor;animation:palette 4s ease-in-out infinite}.colour-readout span:nth-child(2){background:var(--coral);animation-delay:.4s}.colour-readout span:nth-child(3){background:var(--violet);animation-delay:.8s}.colour-readout span:nth-child(4){background:var(--cyan);animation-delay:1.2s}.colour-readout b{grid-column:1/4;font:600 12px Manrope;margin-top:6px}.colour-readout small{font-size:9px;color:#92a0b5;margin-top:7px}@keyframes palette{50%{filter:hue-rotate(55deg) brightness(1.4);transform:scaleY(1.6)}}
.hero-colour-wave{position:absolute;z-index:1;inset:6% -25%;background:linear-gradient(108deg,transparent 25%,#ffac3236 38%,#ff3e8e3f 48%,#7a45ff3a 57%,#29c9ff36 66%,transparent 78%);mix-blend-mode:screen;filter:blur(20px);translate:-28% 0;animation:heroWaveTravel 9s ease-in-out infinite}@keyframes heroWaveTravel{50%,100%{translate:28% 0}}
.hero-panel-pulses{position:absolute;z-index:2;inset:0;pointer-events:none}.hero-panel-pulses i{position:absolute;width:90px;height:90px;border-radius:50%;background:#ffb13b5c;filter:blur(24px);mix-blend-mode:screen;animation:panelHeroPulse 4.8s ease-in-out infinite}.hero-panel-pulses i:nth-child(1){left:50%;top:25%}.hero-panel-pulses i:nth-child(2){left:61%;top:36%;background:#ff3e995c;animation-delay:.7s}.hero-panel-pulses i:nth-child(3){left:70%;top:23%;background:#b34dff66;animation-delay:1.4s}.hero-panel-pulses i:nth-child(4){left:79%;top:14%;background:#3f8fff66;animation-delay:2.1s}.hero-panel-pulses i:nth-child(5){left:88%;top:24%;background:#30d4ff60;animation-delay:2.8s}.hero-panel-pulses i:nth-child(6){left:72%;top:51%;background:#ff4c9a61;animation-delay:3.5s}@keyframes panelHeroPulse{0%,100%{opacity:.15;transform:scale(.55)}35%{opacity:.85;transform:scale(1.35)}}
.hero-mini-wave{grid-column:1/-1;height:20px;display:flex;align-items:end;gap:3px;margin-top:3px}.hero-mini-wave i{width:3px;height:5px;border-radius:3px;background:linear-gradient(var(--cyan),var(--violet));animation:heroMiniBars 1.1s ease-in-out infinite}.hero-mini-wave i:nth-child(2n){animation-delay:.2s}.hero-mini-wave i:nth-child(3n){animation-delay:.4s}@keyframes heroMiniBars{50%{height:19px;filter:brightness(1.5)}}
.shape-scene{background:radial-gradient(circle at 72% 50%,#9e43ff35,transparent 34%),linear-gradient(135deg,#07152b,#090615)}.shape-scene:before,.control-scene:before,.rhythm-scene:before{content:"";position:absolute;inset:0;opacity:.18;background-image:linear-gradient(#fff0 96%,#ffffff12 96%),linear-gradient(90deg,#fff0 96%,#ffffff12 96%);background-size:64px 64px;animation:gridMove 18s linear infinite}@keyframes gridMove{to{background-position:64px 64px}}.shape-copy,.rhythm-copy{position:absolute;z-index:3;left:10vw;top:50%;translate:0 -46%;width:39%}.shape-copy h2,.rhythm-copy h2,.control-head h2{font-size:clamp(45px,5vw,72px)}.shape-meta{display:flex;gap:16px;align-items:center;margin-top:30px;font-size:10px;letter-spacing:.14em}.shape-meta b{padding:11px 14px;border:1px solid #a971ff;border-radius:30px}.shape-meta span{color:#8290aa}.panel-sculpture{position:absolute;right:6vw;top:13vh;width:50vw;height:73vh}.tile{position:absolute;width:115px;height:100px;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:linear-gradient(145deg,var(--coral),var(--violet));box-shadow:0 0 45px #a24cff;animation:tileColour 6s ease-in-out infinite alternate}.t1{left:10%;top:34%}.t2{left:23%;top:22%;animation-delay:.3s}.t3{left:23%;top:46%;animation-delay:.6s}.t4{left:36%;top:10%;animation-delay:.9s}.t5{left:36%;top:34%;animation-delay:1.2s}.t6{left:36%;top:58%;animation-delay:1.5s}.t7{left:49%;top:22%;animation-delay:1.8s}.t8{left:49%;top:46%;animation-delay:2.1s}.t9{left:62%;top:34%;animation-delay:2.4s}.t10{left:75%;top:22%;animation-delay:2.7s}.t11{left:75%;top:46%;animation-delay:3s}.t12{left:88%;top:34%;animation-delay:3.3s}@keyframes tileColour{to{filter:hue-rotate(145deg) brightness(1.3);transform:scale(.94)}}.shape-orbit{position:absolute;inset:5%;border:1px dashed #8d6aff52;border-radius:50%;animation:shapeSpin 24s linear infinite}@keyframes shapeSpin{to{rotate:360deg}}.shape-label{position:absolute;right:4%;bottom:2%;font:600 11px Manrope;letter-spacing:.14em}.shape-label span{color:#7d91b4;margin-left:10px}
.control-scene{background:radial-gradient(circle at 70% 50%,#ff4e7131,transparent 35%),#071022}.control-head{position:absolute;left:9vw;top:50%;translate:0 -48%;width:36%}.control-console{position:absolute;right:6vw;top:16vh;width:50vw;height:69vh;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:12px}.control-method{position:relative;border:1px solid #ffffff25;border-radius:20px;background:linear-gradient(145deg,#101c35dd,#080d1ccc);color:#fff;text-align:left;padding:25px;display:flex;flex-direction:column;align-items:flex-start;cursor:pointer;transition:.4s;overflow:hidden}.control-method:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent,#ffffff18,transparent);translate:-100% 0}.control-method:hover:after,.control-method.active:after{animation:methodScan 1.5s ease-in-out infinite}@keyframes methodScan{to{translate:100% 0}}.control-method.active{border-color:#d06fff;background:linear-gradient(145deg,#7624c9bb,#101a36);box-shadow:0 0 55px #a449ff31}.control-method i{font-size:24px;color:#a874ff;font-style:normal}.control-method b{font:500 22px Manrope;margin-top:auto}.control-method small{font-size:11px;color:#9aa8bd;margin-top:7px}.voice-wave{position:absolute;left:50%;top:50%;translate:-50% -50%;width:130px;height:130px;border-radius:50%;background:#081126;border:1px solid #ffffff25;display:flex;align-items:center;justify-content:center;gap:4px;box-shadow:0 0 70px #9b4dff57}.voice-wave i{width:3px;height:18px;border-radius:4px;background:linear-gradient(var(--coral),var(--violet));animation:audio 1s ease-in-out infinite}.voice-wave i:nth-child(2n){animation-delay:.2s}.voice-wave i:nth-child(3n){animation-delay:.4s}@keyframes audio{50%{height:65px;filter:brightness(1.5)}}.scene-result{position:absolute;left:50%;bottom:17px;translate:-50% 0;width:220px;border:1px solid #ffffff28;border-radius:14px;background:#070e20e8;padding:12px 15px;display:grid}.scene-result small{font-size:8px;color:#b27cff;letter-spacing:.15em}.scene-result b{font:500 14px Manrope;margin-top:3px}.scene-result span{position:absolute;right:14px;bottom:15px;font-size:8px;color:#8799b8}
.rhythm-scene{background:radial-gradient(circle at 70% 50%,#0bbdca32,transparent 33%),radial-gradient(circle at 55% 30%,#b83eff25,transparent 25%),#050b19}.compatibility{margin-top:30px;font:600 9px Manrope;letter-spacing:.15em;color:#8598b8;line-height:1.8}.rhythm-visual{position:absolute;right:7vw;top:14vh;width:48vw;height:72vh;display:flex;align-items:end;justify-content:center;gap:8px;padding-bottom:16%;border:1px solid #ffffff1e;border-radius:50%;background:radial-gradient(circle,#16244c,#071023 48%,transparent 68%)}.equalizer{height:240px;display:flex;align-items:center;gap:9px}.equalizer i{width:10px;height:40px;border-radius:8px;background:linear-gradient(var(--cyan),var(--violet),var(--coral));box-shadow:0 0 18px #8e4dff;animation:eq 1.25s ease-in-out infinite}.equalizer i:nth-child(2n){animation-delay:.2s}.equalizer i:nth-child(3n){animation-delay:.45s}.equalizer i:nth-child(4n){animation-delay:.7s}@keyframes eq{50%{height:210px;filter:hue-rotate(80deg)}}.beat-rings i{position:absolute;inset:22%;border:1px solid #55d9ff61;border-radius:50%;animation:beat 2s ease-out infinite}.beat-rings i:nth-child(2){animation-delay:.65s}.beat-rings i:nth-child(3){animation-delay:1.3s}@keyframes beat{to{inset:3%;opacity:0}}.rhythm-visual>b,.rhythm-visual>small{position:absolute;bottom:11%;font:600 10px Manrope;letter-spacing:.16em}.rhythm-visual>small{bottom:7%;color:#8798b5;font-size:9px}
.light-features{padding:105px 7vw 45px 10vw;background:radial-gradient(circle at 80% 15%,#b443ff38,transparent 27%),linear-gradient(135deg,#071126,#120817);color:#fff}.light-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:32px;border:1px solid #ffffff25;background:#0710239c}.light-feature-grid article{height:210px;padding:24px;border-right:1px solid #ffffff25;border-bottom:1px solid #ffffff25;position:relative;overflow:hidden;transition:.4s}.light-feature-grid article:nth-child(3n){border-right:0}.light-feature-grid article:nth-child(n+4){border-bottom:0}.light-feature-grid article:after{content:"";position:absolute;width:110px;height:110px;right:-55px;top:-55px;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:linear-gradient(145deg,#ff52782e,#7b4dff3d);animation:featureHue 6s linear infinite}.light-feature-grid article:hover{background:#5624aa55;transform:translateY(-7px);box-shadow:0 20px 60px #0008}.light-feature-grid span{font-size:10px;color:#b37cff}.light-feature-grid h3{font:500 20px Manrope;margin:40px 0 8px}.light-feature-grid p{font-size:12px;line-height:1.6;color:#9faec3;max-width:330px}@keyframes featureHue{to{filter:hue-rotate(360deg);rotate:360deg}}.light-cta{background:radial-gradient(circle at center,#9c3cff35,transparent 39%),#080a18}.cta-tiles{display:flex;gap:3px;margin-bottom:30px}.cta-tiles i{width:42px;height:38px;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:linear-gradient(145deg,var(--coral),var(--violet));animation:tileColour 3s ease-in-out infinite alternate}.cta-tiles i:nth-child(2n){animation-delay:.6s}.cta-tiles i:nth-child(3n){animation-delay:1.2s}
@media(max-width:900px){.light-copy,.shape-copy,.control-head,.rhythm-copy{left:16vw;width:72%}.light-copy h1{font-size:48px}.colour-readout{display:none}.panel-sculpture,.rhythm-visual{right:-40vw;opacity:.48;width:85vw}.tile{width:72px;height:64px}.control-console{right:-25vw;width:78vw;opacity:.55}.light-feature-grid{grid-template-columns:repeat(2,1fr)}.light-feature-grid article{height:150px;padding:14px}.light-feature-grid h3{font-size:14px;margin-top:25px}.light-feature-grid p{font-size:10px}.feature-heading h2{font-size:34px}}