/* This layer disappears completely at the handoff. The original hero supplies
   the final artwork, layout, nodes and moving orbital lines. */
.home-journey{position:absolute;inset:0;z-index:8;pointer-events:none;overflow:hidden}
.intro-replay[hidden],.home-journey[hidden],.home-journey-controls[hidden],.home-journey-controls button[hidden]{display:none!important}
.home-journey-scene{position:absolute;inset:0;background:#01050d}
.home-journey-copy{position:absolute;inset:0 0 auto;height:min(100%,calc(100svh - var(--site-header-height,96px)));z-index:2;overflow:hidden;pointer-events:none}
.home-journey-universe{position:absolute;inset:0;opacity:0;background:linear-gradient(90deg,#00122155 0%,#00122122 44%,transparent 72%,#00122111 100%),url('/assets/orbit-environment.webp') center/cover no-repeat;pointer-events:none}
.home-journey-film{position:absolute;inset:0 0 auto;height:min(100%,calc(100svh - var(--site-header-height,96px)));overflow:hidden}
.home-journey-film>img,.home-journey-film>canvas,.home-journey-shade{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;pointer-events:none}
.home-journey-runway{position:absolute;left:50%;top:50%;width:100%;height:100%;max-width:none;object-fit:cover;pointer-events:none;z-index:1;transform:translate(-50%,-50%);transform-origin:50% 50%;will-change:transform}
.home-journey-film>[hidden]{display:none!important}
.home-journey-shade,.home-journey-quote,.home-journey-crawl{z-index:2}
.home-journey-truck,.home-journey-street{transform-origin:50% 40%;will-change:transform}
.home-journey-neighborhood{transform-origin:50% 45%;will-change:transform}
.home-journey-fallback.is-world{object-fit:contain}
.home-journey-shade{background:linear-gradient(0deg,#01060fee,#01060f99 45%,#01060f88 65%,#01060f33)}
.home-journey-quote{position:absolute;top:50%;left:5%;right:5%;transform:translateY(-50%);margin:0;color:#fff;text-align:center;line-height:1.3;letter-spacing:-.025em;font-family:Manrope,'DM Sans',Arial,sans-serif;font-size:clamp(30px,3.7vw,56px);text-shadow:0 2px 1px #18202b,0 5px 16px #000,0 0 36px #000b;font-weight:800}
.home-journey-quote span,.home-journey-quote strong{display:block}
.home-journey-quote span{margin-bottom:.12em}
.home-journey-quote strong{font-weight:800}
.home-journey-crawl{position:absolute;inset:0;perspective:760px;perspective-origin:50% 0;overflow:hidden;pointer-events:none}
.home-journey-crawl-beat{position:absolute;top:0;left:50%;width:min(96%,1600px);margin:0;visibility:hidden;opacity:0;transform-origin:50% 0;color:#fff3c4;text-align:center;font-family:Manrope,'DM Sans',Arial,sans-serif;font-size:clamp(34px,5.4vw,78px);font-weight:800;line-height:1.35;letter-spacing:0;-webkit-text-stroke:.3px #fff3c4;text-shadow:0 1px 0 #a38b50,0 3px 1px #483d25,0 6px 12px #000,0 0 28px #000d;will-change:transform}
.home-journey-crawl-beat p{margin:0 0 .65em}.home-journey-crawl-beat p:last-child{margin-bottom:0}
.home-journey-crawl-brand{font-size:clamp(48px,6.8vw,96px)}
.home-journey-crawl-brand span{font-size:.64em;letter-spacing:0}
.home-journey-controls{position:absolute;top:min(calc(100% - 60px),calc(100svh - var(--site-header-height,96px) - 60px));right:calc(2% + 52px);z-index:9;display:flex;gap:2px;align-items:center;height:44px;padding:0 4px;background:#031a2de8;border:1px solid #9bc8e855;border-radius:24px}
.home-journey-controls button{font:inherit;font-size:14px;font-weight:500;min-height:44px;padding:7px 12px;border:0;border-radius:6px;background:transparent;color:#e4effb}
.home-journey-controls button:hover{color:#fff;background:#ffffff14}
.home-journey-controls button:disabled{opacity:.7;cursor:wait}
.home-journey-controls button:focus-visible{outline:2px solid #b0e0ff;outline-offset:2px}
@media(max-width:700px){
 .home-journey-controls{right:calc(4% + 52px);gap:0;padding:0 3px}
 .home-journey-controls button{padding-inline:10px}
 .home-journey-quote{left:6%;right:6%;font-size:clamp(27px,5.3vw,36px)}
 .home-journey-crawl-beat{font-size:clamp(30px,6vw,44px);line-height:1.4}
 .home-journey-crawl-brand{font-size:clamp(44px,7.8vw,58px)}
 /* Keep the driver and the view through the windshield in the crop. */
 .home-journey-truck{object-position:54% center}
}
/* Reduced motion skips autoplay; an explicit Replay request can still play. */
@media(prefers-reduced-motion:reduce){.intelligence-opening:not(.journey-replaying) .home-journey,.intelligence-opening:not(.journey-replaying) .home-journey-controls{display:none!important}}

/* A quiet replay control stays at the film's lower-right edge, including after the finale. */
.intro-replay{position:absolute;top:min(calc(100% - 60px),calc(100svh - var(--site-header-height,96px) - 60px));right:2%;z-index:9;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #9bc8e888;border-radius:50%;background:#031a2de8;color:#edf8ff;box-shadow:0 3px 12px #0005;cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s}
.intro-replay svg{display:block;pointer-events:none}
.intro-replay:hover{background:#12476b;border-color:#c3e9ff;box-shadow:0 0 18px #55beff35}
.intro-replay:focus-visible{outline:3px solid #b0e0ff;outline-offset:4px}
@media(max-width:700px){.intro-replay{right:4%}}
@media(prefers-reduced-motion:reduce){.intro-replay{transition:none}}

/* Keep playback secondary: one compact, quiet cluster at the replay corner. */
.home-journey-controls{right:calc(2% + 43px);gap:0;padding:0 5px 0 2px;border-right:0;border-radius:24px 0 0 24px;background:#031a2dbf}
.home-journey-controls button{position:relative;display:grid;place-items:center;width:44px;height:44px;min-height:44px;padding:0;font-size:0;border-radius:50%;cursor:pointer}
.home-journey-controls button::before{content:"";display:block;width:18px;height:18px;background:currentColor}
.home-journey-controls [data-home-journey="play"]::before{clip-path:polygon(20% 8%,88% 50%,20% 92%)}
.home-journey-controls [data-home-journey="play"][data-playing="true"]::before{clip-path:polygon(15% 8%,38% 8%,38% 92%,15% 92%,15% 8%,62% 8%,85% 8%,85% 92%,62% 92%,62% 8%)}
.home-journey-controls [data-home-journey="skip"]::before{clip-path:polygon(5% 10%,65% 50%,5% 90%,5% 10%,73% 10%,90% 10%,90% 90%,73% 90%,73% 10%)}
.intro-replay{background:#031a2dbf;border-color:#9bc8e855;box-shadow:none}
@media(max-width:700px){.home-journey-controls{right:calc(4% + 43px)}}

/* One shared surface for all three playback actions. */
.intro-playback{position:absolute;top:min(calc(100% - 60px),calc(100svh - var(--site-header-height,96px) - 60px));right:2%;z-index:9;display:flex;align-items:center;padding:3px;border:1px solid #9bc8e855;border-radius:28px;background:#031a2dbf}
.intro-playback .home-journey-controls{position:static;height:44px;gap:0;padding:0;border:0;border-radius:0;background:transparent}
.intro-playback .intro-replay{position:static;width:44px;height:44px;border:0;border-radius:50%;background:transparent;box-shadow:none}
.intro-playback button{color:#e4effb}
.intro-playback button:hover{background:#ffffff14;color:#fff;box-shadow:none}
@media(max-width:700px){.intro-playback{right:4%}}

/* A single disclosure keeps all transport controls out of the film. */
.intro-playback{display:block;padding:0;border:0;background:transparent;border-radius:50%;width:44px;height:44px}
.intro-playback>summary{display:grid;place-items:center;box-sizing:border-box;width:44px;height:44px;list-style:none;border:1px solid #9bc8e844;border-radius:50%;background:#031a2da6;color:#e4effb;cursor:pointer}
.intro-playback>summary::-webkit-details-marker{display:none}
.intro-playback>summary:hover{background:#12476b}
.intro-playback>summary:focus-visible{outline:2px solid #b0e0ff;outline-offset:3px}
.intro-playback-panel{position:absolute;right:0;bottom:52px;display:flex;align-items:center;padding:3px;border:1px solid #9bc8e855;border-radius:28px;background:#031a2df2;box-shadow:0 4px 16px #0004}
.intro-playback:not([open])>.intro-playback-panel{display:none}
