/* Full-screen photograph with the energy bar reserved over empty foreground. */
.motion-hero{display:block;position:relative;height:100svh;min-height:720px;padding:0;isolation:isolate;background:#102d23}
.scene-visual{position:static;height:100%;overflow:visible;isolation:auto}
.scene-visual .motion-universe{position:absolute;inset:0;height:100%;width:100%;z-index:-1;margin:0;padding:0}
.scene-visual .hero-sim{height:100%;background:#102d23}
.photo-canvas{position:absolute;inset:0;width:100%;height:100%;transform:none}
.scene-visual .photo-canvas .home-photo{width:100%;height:100%;object-fit:cover;object-position:center center}
.scene-visual .hero-sim:after,.motion-hero[data-scene=night] .scene-visual .hero-sim:after{display:block;z-index:1;pointer-events:none;background:linear-gradient(180deg,#102d23b3,transparent 16%,transparent 80%,#102d2340),linear-gradient(90deg,#102d2399,transparent 40%);mask-image:linear-gradient(180deg,#000 0%,#000 48%,transparent 66%)}
.motion-header{position:relative;width:calc(100% - 96px);margin:0 auto;padding:0;height:88px;min-height:88px;background:transparent;border-bottom:1px solid #f7f7f240;z-index:10}.motion-hero[data-scene=night] .motion-header{background:transparent}
.motion-intro{position:absolute;top:122px;left:48px;width:350px;max-width:40%;padding:0;pointer-events:none;z-index:3}.motion-intro h1{font-size:clamp(46px,4.5vw,70px);text-shadow:0 2px 18px #102d2340}.motion-intro h1 em{white-space:normal}.motion-intro .eyebrow{font-size:12px;letter-spacing:.07em;color:#e1f1d7}.motion-intro>p:not(.eyebrow),.motion-hero[data-scene=night] .motion-intro>p:not(.eyebrow){font-size:17px;line-height:1.55;max-width:310px;text-shadow:0 1px 9px #102d23}
.photo-canvas .roof-hotspot{left:53%;top:24%;right:auto;bottom:auto}.photo-canvas .battery-hotspot{right:17%;top:55%;bottom:auto;left:auto}.photo-canvas .car-hotspot{left:15%;top:61%;bottom:auto;right:auto}
.photo-canvas .scene-note{top:auto;bottom:207px;right:48px;font-size:10px;background:#102d23ba}
.scene-dock{position:absolute;left:48px;right:48px;bottom:25px;width:auto;margin:0;padding:20px 26px;background:#102d23f0;border:1px solid #d2e7c14d;border-radius:7px;backdrop-filter:blur(16px);z-index:5;grid-template-columns:1fr auto;gap:35px}.scene-narration{min-height:0}.scene-narration h2{font-size:25px}.scene-narration>p:not(.eyebrow){font-size:15px;max-width:535px}.scene-scroll{display:none}
@media(min-width:1600px){.motion-header{width:calc(100% - 144px)}.motion-intro{left:72px;top:150px}.scene-dock{left:72px;right:72px;padding:26px 30px;bottom:30px}.photo-canvas .scene-note{right:72px;bottom:230px}}
@media(min-width:801px) and (max-height:740px){.motion-intro{top:115px;width:310px}.motion-intro h1{font-size:50px}.motion-intro>p:not(.eyebrow){font-size:16px}.scene-dock{padding-block:17px}.scene-narration h2{font-size:23px}}
@media(max-width:1050px) and (min-width:801px){.motion-header{width:calc(100% - 64px)}.motion-intro{left:32px;max-width:35%;width:300px}.motion-intro h1{font-size:48px}.scene-dock{left:32px;right:32px;padding:20px}.scene-narration h2{font-size:23px}.motion-controls .segmented button{padding-inline:12px;font-size:14px}.photo-canvas .scene-note{right:32px}}
@media(max-width:800px){
 .motion-hero{height:auto;min-height:0;padding:0;background:#234633}.motion-hero[data-scene=night]{background:#102d23}.scene-visual{height:auto;position:relative;overflow:hidden}.motion-header{width:calc(100% - 36px);margin:auto;height:82px;min-height:82px;padding:0;background:#234633}.motion-hero[data-scene=night] .motion-header{background:#102d23}
 .motion-intro{position:relative;inset:auto;max-width:none;width:auto;padding:23px 24px 0}.motion-intro h1{font-size:43px}.motion-intro .eyebrow{display:none}.motion-intro>p:not(.eyebrow),.motion-hero[data-scene=night] .motion-intro>p:not(.eyebrow){font-size:15px;max-width:none}
 .scene-visual .motion-universe{position:relative;inset:auto;height:auto;aspect-ratio:1672/941;margin-top:16px;z-index:1}.scene-visual .hero-sim{height:100%}.scene-visual .hero-sim:after,.motion-hero[data-scene=night] .scene-visual .hero-sim:after{display:none}.scene-visual .photo-canvas .home-photo{object-fit:contain}
 .scene-dock{position:relative;inset:auto;width:auto;display:grid;grid-template-columns:1fr;margin:0;padding:19px 22px;border:0;border-radius:0;gap:22px;backdrop-filter:none;background:#102d23}.motion-controls{order:-1}.scene-narration h2{font-size:22px}.photo-canvas .scene-note{right:7px;bottom:4px;font-size:8px;padding:3px 5px}.photo-canvas .roof-hotspot{left:49%;top:19%}.photo-canvas .battery-hotspot{right:13%;top:49%}.photo-canvas .car-hotspot{left:5%;top:57%}.photo-canvas .scene-hotspot .hotspot-copy{font-size:10px}
}
@media(prefers-reduced-motion:reduce){.home-photo{transition:none}}
@media(min-width:801px){.photo-canvas .battery-hotspot{left:68%;right:auto;top:46%}.photo-canvas .car-hotspot{left:17%;top:61%}}

/* Interactive scene layers: the visual surface must not intercept hotspot clicks. */
.scene-visual{pointer-events:none}
.scene-visual .motion-universe{z-index:0;pointer-events:none}
.scene-visual .motion-header,.scene-visual .scene-hotspot{pointer-events:auto}
.scene-dock{pointer-events:auto}
.storage-option{display:inline-flex;align-items:center;gap:12px;margin-top:12px;padding:0 0 3px;min-height:28px;border:0;border-bottom:1px solid #c3e3b377;background:transparent;color:#c4e7b2;font-size:13px;line-height:1.5;cursor:pointer}
.storage-option span{font-size:16px}.storage-option:hover{color:#f7f7f2;border-color:#f7f7f2}
.scene-hotspot,.motion-controls button{touch-action:manipulation}
@media(min-width:801px){.scene-dock{padding-top:17px;padding-bottom:17px}.storage-option{margin-top:7px;min-height:24px}}
@media(max-width:800px){.storage-option{min-height:44px;font-size:14px}.scene-visual .motion-universe{z-index:1}}

/* The third photo action explores the lived-in evening home. */
.photo-canvas .evening-hotspot{left:51%;top:49%;right:auto;bottom:auto}
.evening-hotspot[aria-pressed=true]{border-color:#a2d98b;background:#102d23}
@media(max-width:800px){.photo-canvas .evening-hotspot{left:46%;top:44%}}