/* Real product photography, with lightweight demonstrations behind the objects. */
.category-card[data-card-motion]{--touch-hue:32;background:#111718;transition:border-color .4s,background .6s;}
.category-card[data-card-motion].is-active{border-color:#b7946175;background:#151b1c}
.category-card[data-card-motion] .category-picture{z-index:1;pointer-events:none;overflow:visible}
.category-card[data-card-motion]:after{z-index:2;pointer-events:none;background:linear-gradient(0deg,#101415 0%,#101415ed 20%,transparent 44%)}
.category-card[data-card-motion] :is(.category-number,.category-copy,.category-arrow){z-index:3}
.category-card[data-card-motion] .category-picture img{transition:transform 1.4s cubic-bezier(.2,.65,.2,1),filter 1.3s,opacity 1s;object-fit:contain}
.category-card[data-card-motion] .category-number{color:#8a9998}
.product-demo{position:absolute;inset:0 0 29%;pointer-events:none;z-index:0;overflow:hidden;color:#ddcfb8}
.product-demo svg{display:block;width:100%;height:100%;position:absolute;inset:0;overflow:visible}
.demo-grid{position:absolute;inset:0;opacity:.14;background-image:linear-gradient(#aec0ba30 1px,transparent 1px),linear-gradient(90deg,#aec0ba30 1px,transparent 1px);background-size:14% 24%;mask-image:radial-gradient(ellipse at center,black,transparent 70%)}
.demo-fact>span,.power-readout>span,.touch-readout>span,.profile-caption>span,.connector-hud>span,.luminaire-fact>span{font-size:8px;letter-spacing:.14em;display:block;color:#8b9b96}
.demo-fact strong{font-size:37px;line-height:1.3;font-weight:400;letter-spacing:-.04em}.demo-fact small{font-size:12px;margin-left:4px}.demo-fact>i{display:block;height:1px;background:#91a49640;width:65px;margin-top:9px}
.category-card.category-02 .category-picture{inset:6% 2% 31%;transform:none}
.category-card.category-02 .category-picture img{transform:rotate(-5deg)}
.category-card.category-02.is-active .category-picture img{transform:rotate(-5deg) translateY(-4px);filter:drop-shadow(0 12px 30px #d1b27120)}
.power-aura{position:absolute;inset:8% 14%;border-radius:50%;background:radial-gradient(ellipse,#ead5a025,transparent 66%);opacity:0;transition:opacity 2s .3s}.is-active .power-aura{opacity:1}
.power-circuit path{stroke-linecap:round;stroke-linejoin:round}.cable-back path{stroke:#283032;stroke-width:5}.cable{stroke-width:3;stroke-dasharray:1;stroke-dashoffset:1}.cable-red{stroke:#d76f4f}.cable-black{stroke:#97a8a0;stroke-width:2}.output-cables path{stroke:#374240;stroke-width:2}.output-energy{stroke:#edcb86;stroke-width:2;stroke-dasharray:1;stroke-dashoffset:1;filter:drop-shadow(0 0 4px #efb871)}.terminal-pulse{stroke:#fbd8a1;stroke-width:1;opacity:0}
.is-active .cable{animation:connect-wire 1.2s cubic-bezier(.25,.5,.2,1) forwards}.is-active .cable-black{animation-delay:.12s}.is-active .output-energy{animation:connect-wire 1.6s .8s ease forwards}.is-active .terminal-pulse{animation:terminal-ready 2s .7s forwards}
.power-readout{position:absolute;top:24%;right:7%;opacity:.65;transition:opacity .6s}.power-readout>div{display:flex;align-items:center;gap:11px;margin:9px 0 8px}.power-readout b{font-size:35px;line-height:1;font-weight:400;letter-spacing:-.04em;color:#77827c;transition:color .6s,text-shadow .6s}.power-readout small{font-size:13px;margin-left:3px}.power-readout>div>i{font-size:13px;color:#60716d;font-style:normal}.power-readout>p{font-size:6px;letter-spacing:.04em;color:#8caaa0;max-width:135px;line-height:1.9}.power-readout>p>i{display:inline-block;width:4px;height:4px;margin-right:4px;border-radius:50%;background:#69796a;transition:background .4s,box-shadow .4s}.is-active .power-readout{opacity:1}.is-active[data-demo-step="0"] .auto-12,.is-active[data-demo-step="1"] .auto-24,.is-active[data-demo-step="2"] :is(.auto-12,.auto-24){color:#fbe3b3;text-shadow:0 0 24px #ecc47644}.is-active .power-readout>p>i{background:#c7dcb2;box-shadow:0 0 8px #c7dcb2}.power-height{position:absolute;left:7%;top:24%;opacity:.55;transition:opacity .5s}.is-active .power-height{opacity:.95}
.touch-wall{position:absolute;inset:0;background:linear-gradient(145deg,#23323550,transparent 50%);border-bottom:1px solid #505c5a30}.touch-light{position:absolute;left:12%;right:8%;top:20%;bottom:0;background:radial-gradient(ellipse at 70% 50%,hsl(var(--touch-hue) 70% 62% / .28),transparent 70%);opacity:.2;transition:opacity .8s,background .2s}.is-active .touch-light{opacity:1;animation:touch-ambience 6s ease-in-out both}.touch-surface{position:absolute;left:6%;right:6%;height:2px;bottom:16%;background:#78878255;box-shadow:0 1px 0 #000;transform:rotate(-6deg);transition:background .8s,box-shadow .8s}.is-active .touch-surface{background:hsl(var(--touch-hue) 90% 82%);box-shadow:0 0 12px hsl(var(--touch-hue) 90% 65% / .7),0 15px 65px 18px hsl(var(--touch-hue) 90% 65% / .23);animation:touch-line 6s ease-in-out both}
.touch-signal circle{stroke:#d2e9df;stroke-width:.6;opacity:0;transform-origin:340px 161px}.is-active .touch-signal circle{animation:radio-wave 2s .4s 2 both}.is-active .touch-signal circle:nth-child(2){animation-delay:.7s}.is-active .touch-signal circle:nth-child(3){animation-delay:1s}
.touch-readout{position:absolute;left:7%;top:26%;max-width:38%;opacity:.45;transform:translateY(8px);transition:opacity .7s,transform .7s}.is-active .touch-readout{opacity:1;transform:none}.touch-readout strong{display:block;font-size:24px;font-weight:400;letter-spacing:-.04em;line-height:1.24;margin:20px 0;color:#a2adab}.touch-readout em{color:#e6d7c3}.touch-readout small{font-size:6px;letter-spacing:.1em;color:#98aaa2}.touch-spectrum{height:2px;width:100px;max-width:100%;background:linear-gradient(90deg,#d79c68,#caae6c,#b7c675,#7cb4a6,#879ac0,#ab89aa);position:relative;margin:25px 0 12px;opacity:.55}.touch-spectrum i{position:absolute;left:15%;top:-3px;width:8px;height:8px;border:1px solid #e8e3d6;border-radius:50%;background:#172021;box-shadow:0 0 6px #fff3}.is-active .touch-spectrum i{animation:touch-position 6s ease-in-out forwards}
.category-card.category-03 .category-picture{inset:7% -11% 29% 20%}.category-card.category-03 .category-picture img{transform:rotate(15deg);filter:drop-shadow(0 22px 20px #0007)}.category-card.category-03.is-active .category-picture img{transform:rotate(9deg) translateY(-7px)}
.profile-room{opacity:0;transform:translateY(-28px);transition:opacity 1.2s .1s,transform 1.8s .1s}.is-active .profile-room{opacity:1;transform:none}.ceiling-plane{fill:#343a38;stroke:#77807933;stroke-width:1}.room-wall{fill:#1b2422}.ceiling-groove{stroke:#0c1211;stroke-width:6}.ceiling-glow{stroke:#f8bd7b;stroke-width:10;filter:blur(8px);opacity:0}.ceiling-core{stroke:#fff0cd;stroke-width:2;stroke-dasharray:1;stroke-dashoffset:1}.wall-corner{stroke:#7f968033;stroke-width:1}.is-active .ceiling-glow{animation:terminal-ready 2s 1.5s forwards}.is-active .ceiling-core{animation:connect-wire 2.2s 1.1s forwards}.profile-bloom{position:absolute;inset:25% 0 0;background:radial-gradient(ellipse at 50% 0,#e3b57a30,transparent 70%);opacity:0;transition:opacity 2s 1s}.is-active .profile-bloom{opacity:1}.profile-caption{position:absolute;left:7%;top:58%;opacity:0;transform:translateY(10px);transition:opacity 1s 1s,transform 1s 1s}.profile-caption strong{display:block;font-size:24px;line-height:1.25;font-weight:400;letter-spacing:-.03em;margin-top:12px}.profile-caption em{color:#9aaa9e}.is-active .profile-caption{opacity:1;transform:none}.profile-installed{position:absolute;right:7%;top:25%;font-size:6px;letter-spacing:.1em;color:#94a19a;opacity:0;transition:opacity 1s 1.5s}.is-active .profile-installed{opacity:1}.category-card.category-04 .category-picture{inset:6% 10% 28%;transition:inset 1.8s,opacity 1.3s}.category-card.category-04 .category-picture img{transform:rotate(-8deg)}.category-card.category-04.is-active .category-picture{inset:-2% 8% 46% 42%;opacity:0;transition:inset 1.8s,opacity 1s 1.4s}.category-card.category-04.is-active .category-picture img{transform:rotate(-22deg) scale(.7)}
.category-card.category-05 .category-picture{inset:12% 6% 45% 40%}.category-card.category-05 .category-picture img{transform:rotate(-7deg);filter:drop-shadow(0 20px 20px #0008)}.category-card.category-05.is-active .category-picture img{transform:rotate(0deg) translateY(-4px);filter:drop-shadow(0 3px 22px #d2b58435)}.connector-aura{position:absolute;inset:15% 0 6% 30%;background:radial-gradient(ellipse,#d7bb8335,transparent 68%);opacity:0;transition:opacity 1.4s .4s}.is-active .connector-aura{opacity:1}.connector-hud{position:absolute;top:25%;left:7%}.connector-hud strong{display:block;font-size:72px;line-height:1.3;font-weight:400;letter-spacing:-.075em;color:#b5c1ba;transition:color .7s}.connector-hud strong small{font-size:29px;vertical-align:10%;margin:0 2px;font-weight:300}.connector-hud p{font-size:6px;letter-spacing:.07em;color:#92a49a}.is-active .connector-hud strong{color:#f1d6a8}.connector-feed{opacity:.7}.feed-shadow{stroke:#344039;stroke-width:10}.feed-power{stroke:#f6cb83;stroke-width:2;stroke-dasharray:1;stroke-dashoffset:1;filter:drop-shadow(0 0 7px #fbc075)}.feed-return{stroke:#a4aaa1;stroke-width:1;stroke-dasharray:1;stroke-dashoffset:1}.is-active .feed-power,.is-active .feed-return{animation:connect-wire 1.8s .5s forwards}.connection-map{position:absolute;left:7%;right:7%;bottom:8%;display:grid;grid-template-columns:repeat(9,1fr);gap:6px}.connection-mode{height:45px;border-top:1px solid #4d5c5140;padding-top:3px;position:relative;transition:border-color .25s,background .25s}.connection-mode>span{font-size:7px;line-height:1;color:#778a7d}.connection-mode svg{position:relative;height:27px;width:100%;stroke:#728678;stroke-width:2;transition:stroke .3s}.connection-mode .wire{stroke:#ac7057;stroke-width:1}.connection-mode .join{fill:#b4c8b733;stroke:#9dad9e;stroke-width:1}.is-active .connection-mode{animation:connection-show .7s both;animation-delay:calc(var(--connection)*.1s)}.connector-note{position:absolute;bottom:0;left:7%;font-size:6px;color:#758f80;letter-spacing:.08em}.connection-mode.is-current{border-color:#ecc57b;background:#e8c99509}.connection-mode.is-current svg{stroke:#ffe0a2;filter:drop-shadow(0 0 4px #edba5540)}
.category-card.category-07{background:#101819}.category-card.category-07 .category-picture{inset:2% 8% 5% 42%!important}.category-card.category-07 .category-picture img{transform:rotate(13deg);filter:drop-shadow(0 18px 32px #0007)}.category-card.category-07.is-active .category-picture img{transform:rotate(10deg) translateY(-7px);filter:drop-shadow(0 15px 32px #fce5b540) brightness(1.12)}.demo-luminaire{inset:0}.luminaire-wash{position:absolute;left:42%;right:2%;top:15%;bottom:5%;background:radial-gradient(ellipse,#e6d4b836,transparent 66%);opacity:0;transition:opacity 1.8s}.luminaire-pool{position:absolute;left:48%;right:8%;bottom:12%;height:15%;border-radius:50%;background:#fff2cf15;filter:blur(25px);opacity:0;transform:scale(.7);transition:opacity 1.8s,transform 1.8s}.is-active :is(.luminaire-wash,.luminaire-pool){opacity:1;transform:none}.luminaire-fact{position:absolute;left:32px;top:24%}.luminaire-fact strong{display:block;font-size:60px;font-weight:400;letter-spacing:-.05em;line-height:1.4;color:#b7c3bb}.luminaire-fact p{font-size:7px;letter-spacing:.12em;color:#879d93}.luminaire-caption{position:absolute;right:7%;top:14%;font-size:7px;letter-spacing:.15em;color:#7b968b}
@keyframes connect-wire{to{stroke-dashoffset:0}}@keyframes terminal-ready{0%{opacity:0}40%{opacity:1}100%{opacity:.65}}@keyframes radio-wave{0%{opacity:0;transform:scale(.7)}25%{opacity:.22}100%{opacity:0;transform:scale(1.3)}}@keyframes touch-position{0%{left:15%}35%{left:85%}70%{left:40%}100%{left:18%}}@keyframes touch-ambience{0%,100%{filter:hue-rotate(0)}40%{filter:hue-rotate(180deg)}75%{filter:hue-rotate(70deg)}}@keyframes touch-line{0%,100%{filter:hue-rotate(0)}40%{filter:hue-rotate(180deg)}75%{filter:hue-rotate(70deg)}}@keyframes connection-show{from{opacity:.3;transform:translateY(4px)}to{opacity:1;transform:none}}
@media(max-width:1100px){.power-readout{right:5%;top:24%}.power-height{top:25%}.power-readout b{font-size:29px}.power-readout>div{gap:7px}.power-readout>p{max-width:103px;font-size:5px}.power-readout>span,.demo-fact>span{font-size:6px}.demo-fact strong{font-size:30px}.touch-readout strong,.profile-caption strong{font-size:22px}.connector-hud strong{font-size:58px}.connector-hud strong small{font-size:22px}.connection-map{gap:4px}}
@media(max-width:760px){.category-card[data-card-motion]{height:495px}.product-demo{bottom:33%}.category-card[data-card-motion]:after{background:linear-gradient(0deg,#101415 0%,#101415ed 25%,transparent 41%)}.category-card[data-card-motion] .category-copy{bottom:28px}.category-card[data-card-motion] .category-copy h3{font-size:31px;margin:12px 0 14px}.category-card[data-card-motion] .category-copy p:last-child{font-size:11px}.category-card[data-card-motion] .category-number{top:23px;left:24px;font-size:9px}.category-card.category-02 .category-picture{inset:19% -12% 34% -12%}.power-readout{top:20%;right:7%}.power-height{top:20%;left:7%}.power-readout>p{font-size:5px}.power-readout b{font-size:29px}.power-readout>div{margin-top:7px}.power-readout small{font-size:10px}.power-height strong{font-size:27px}.power-height small{font-size:9px}.power-height>i{width:45px;margin-top:5px}.power-circuit{transform:translateY(30px)}.category-card.category-03 .category-picture{inset:11% -28% 33% 17%}.touch-readout{top:24%;left:7%;max-width:41%}.touch-readout>span{font-size:6px}.touch-readout strong{font-size:24px;line-height:1.23;margin:19px 0}.touch-readout small{font-size:5px}.touch-spectrum{width:94px;margin-top:23px}.touch-surface{bottom:14%}.touch-signal{transform:translate(6%,10%)}.category-card.category-04 .category-picture{inset:8% 5% 35%}.category-card.category-04.is-active .category-picture{inset:3% -3% 51% 37%}.profile-caption{top:56%}.profile-caption>span{font-size:6px}.profile-caption strong{font-size:24px;line-height:1.18;margin-top:13px}.profile-installed{font-size:5px;right:6%;top:29%}.category-card.category-05 .category-picture{inset:14% 1% 43% 34%}.connector-hud{top:25%;left:7%}.connector-hud>span{font-size:7px}.connector-hud strong{font-size:56px}.connector-hud p{font-size:5px;max-width:96px;line-height:1.7}.connector-hud strong small{font-size:21px}.connector-feed{transform:translateY(15px)}.connection-map{bottom:7%;gap:4px;left:7%;right:7%}.connection-mode{height:39px}.connection-mode>span{font-size:6px}.connection-mode svg{height:24px}.connector-note{font-size:5px;bottom:1%}.category-card.category-07 .category-picture{inset:7% 2% 36% 25%!important}.category-card.category-07 .category-picture img{transform:rotate(4deg)}.category-card.category-07.is-active .category-picture img{transform:rotate(0deg) translateY(-7px)}.luminaire-wash{inset:6% -10% 27% 12%}.luminaire-pool{left:22%;bottom:42%}.luminaire-fact{top:24%;left:24px}.luminaire-fact>span{font-size:5px;max-width:73px;line-height:1.9}.luminaire-fact strong{font-size:41px;margin-top:8px}.luminaire-fact p{font-size:5px;max-width:80px}.luminaire-caption{top:17%;right:7%;font-size:5px}}
@media(max-width:359px){.category-card[data-card-motion]{height:470px}.category-card[data-card-motion] .category-copy h3{font-size:29px}.category-card[data-card-motion] .category-copy{left:23px}.touch-readout strong{font-size:21px}.profile-caption strong{font-size:22px}.power-readout b{font-size:25px}.power-readout>p{max-width:85px}}
@media(prefers-reduced-motion:reduce){.category-card[data-card-motion] *{animation:none!important;transition:none!important}.is-active :is(.cable,.output-energy,.ceiling-core,.feed-power,.feed-return){stroke-dashoffset:0}.is-active :is(.terminal-pulse,.ceiling-glow){opacity:.6}.is-active .touch-signal{display:none}}

.connector-note{display:none}

/* Native navigation and independent, accessible demonstration controls. */
.category-card-link{position:absolute;inset:0;z-index:2;display:block;color:inherit;outline-offset:-5px}
.category-card-link:focus-visible{outline:2px solid #eac295}
.category-card :is(.category-picture,.category-number,.category-copy,.category-arrow){pointer-events:none}
.category-card button:focus-visible{outline:2px solid #f1c28c;outline-offset:3px}