[data-sig="electrician-lights"]{padding:0;background:var(--dark);color:var(--surface);height:calc(190dvh - 88px)}[data-sig="electrician-lights"] .lights-stage{position:sticky;top:0;height:100dvh;max-width:none;overflow:hidden;background:var(--dark)}[data-sig="electrician-lights"] .house-scene{position:absolute;inset:0;width:100%;height:100%}[data-sig="electrician-lights"] .house-scene picture,[data-sig="electrician-lights"] .house-scene img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:50% 64%}[data-sig="electrician-lights"] .house-scene::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#12233380,transparent);pointer-events:none}[data-sig="electrician-lights"] .hero-copy{position:relative;z-index:3;padding:48px var(--edge);max-width:var(--wrap);margin:auto}[data-sig="electrician-lights"] .hero-copy>p:first-child{font-size:14px;color:var(--surface);margin-bottom:16px}[data-sig="electrician-lights"] h1{font-size:clamp(72px,7.5vw,108px);max-width:700px;color:var(--surface)}[data-sig="electrician-lights"] .hero-copy>p{margin-top:16px;font-size:16px}[data-sig="electrician-lights"] .button{margin-top:24px;color:var(--surface);background:var(--dark)}[data-sig="electrician-lights"] .hero-note{position:absolute;bottom:32px;left:var(--edge);right:var(--edge);z-index:3;display:flex;justify-content:space-between;font-size:13px;text-shadow:0 1px 8px var(--dark)}[data-sig="electrician-lights"] .wiring{position:absolute;pointer-events:none;z-index:2}[data-sig="electrician-lights"] .wire{stroke:var(--amber);stroke-width:2;fill:none;stroke-dasharray:1;stroke-dashoffset:1;opacity:.7}[data-sig="electrician-lights"] .window-plates{position:absolute;inset:0;z-index:1;pointer-events:none}[data-sig="electrician-lights"] .window-plates img{position:absolute;opacity:0;object-fit:fill;background:transparent;outline:0}[data-sig="electrician-lights"] .window-plates img.on{opacity:1}
@media(max-width:700px){[data-sig="electrician-lights"]{height:calc(155dvh - 76px)}[data-sig="electrician-lights"] .hero-copy{padding:32px 24px}[data-sig="electrician-lights"] h1{font-size:66px;max-width:100%}[data-sig="electrician-lights"] .hero-copy>p:first-child{font-size:11px}[data-sig="electrician-lights"] .hero-copy>p{max-width:270px}[data-sig="electrician-lights"] .hero-note{font-size:11px;bottom:92px;left:24px;right:24px;gap:24px}[data-sig="electrician-lights"] .lights-stage{height:100dvh}[data-sig="electrician-lights"] .house-scene img{object-position:50% 68%}}
@media(prefers-reduced-motion:reduce){[data-sig="electrician-lights"]{height:calc(100dvh - 76px)}[data-sig="electrician-lights"] .lights-stage{position:relative;height:100%}}
[data-sig="electrician-lights"] .foreground{pointer-events:none;z-index:2}[data-sig="electrician-lights"] h1{transition:color .12s linear}
@supports(animation-timeline:view()){[data-sig="electrician-lights"]{view-timeline-name:--lights;view-timeline-axis:block}[data-sig="electrician-lights"] .wire{animation:electrician-wire-draw linear both;animation-timeline:--lights;animation-range:contain 0% contain 100%}@keyframes electrician-wire-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}}
@media(prefers-reduced-motion:reduce){[data-sig="electrician-lights"] .wire{animation:none}[data-sig="electrician-lights"] h1{transition:none}}
