.hero-photo:not(.hero-photo-lit){opacity:0;transition:opacity 1.4s cubic-bezier(.22,1,.36,1)}.hero-image-ready .hero-photo:not(.hero-photo-lit){opacity:1}.hero-photo-lit{z-index:-2;opacity:0;pointer-events:none}.hero-image-ready.hero-pulse-ready .hero-photo-lit{animation:5.5s ease-in-out 1.4s infinite paused hero-ring-breathe}.hero-image-ready.hero-pulse-ready.hero-pulse-playing .hero-photo-lit{animation-play-state:running}@keyframes hero-ring-breathe{0%,to{opacity:.03}45%,55%{opacity:1}}@media (prefers-reduced-motion:reduce){.hero-photo:not(.hero-photo-lit){transition:none}.hero-image-ready.hero-pulse-ready .hero-photo-lit{opacity:.7;animation:none!important}}.hardware-carousel{align-self:center;min-width:0;height:600px;position:relative}.hardware-carousel canvas{width:100%;height:calc(100% - 60px);display:block}.hardware-loading{text-align:center;font-size:13px;position:absolute;inset:45% 0 auto}.hardware-controls{justify-content:center;align-items:center;gap:8px;display:flex}.hardware-controls button{color:var(--ink);background:0 0;border:1px solid #0000;border-radius:7px;padding:10px 12px;font-size:12px}.hardware-controls button[aria-pressed=true]{background:#e6e4d20d;border-color:#e6e4d233}#hardwarePause{color:var(--muted)}@media (max-width:900px){.hardware-carousel{height:480px}}@media (max-width:620px){.hardware-carousel{height:410px}}.hardware-carousel canvas{height:100%}.hardware-controls{margin-top:30px;display:block}.hardware-playback{gap:12px;margin-bottom:20px;display:flex}.hardware-controls #hardwarePause{background:var(--lime);color:#161616;min-width:95px}.hardware-controls #hardwareRestart{color:var(--muted)}.hardware-scenes{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.hardware-scenes button{text-align:left;border-radius:0;min-width:0;padding:0;background:0 0!important;border:0!important}.device-track{background:#e6e4d226;border-radius:4px;height:3px;margin-bottom:12px;display:block;overflow:hidden}.device-track>span{background:var(--lime);transform-origin:0;width:100%;height:100%;display:block;transform:scaleX(0)}.device-scene-label{color:var(--muted);font-size:12px;line-height:1.5;display:block}.device-scene-label>span{margin-right:5px;font-size:10px}.hardware-scenes [aria-pressed=true] .device-scene-label{color:var(--ink)}@media (max-width:620px){.hardware-scenes{gap:10px}.device-scene-label{font-size:11px}.hardware-carousel{width:100%}.hardware-layout>.hardware-controls{width:100%;margin-top:-12px;margin-bottom:12px}}