/* One-time journey intro; retain Argon's hero geometry and static HTML content. */
.home-hero .hero-media{object-position:center}
.home-hero .journey-video{opacity:0;transition:opacity .55s ease;pointer-events:none}
.home-hero[data-journey-state=playing] .journey-video,.home-hero[data-journey-state=paused] .journey-video{opacity:1}
.home-hero .hero-content{transition:opacity .55s ease}
.home-hero[data-journey-state=loading] .hero-content>p,.home-hero[data-journey-state=loading] .hero-content>.actions,
.home-hero[data-journey-state=playing] .hero-content>p,.home-hero[data-journey-state=playing] .hero-content>.actions,
.home-hero[data-journey-state=paused] .hero-content>p,.home-hero[data-journey-state=paused] .hero-content>.actions{opacity:0;visibility:hidden;pointer-events:none}
/* Reserve each line's space: cumulative reveals never move earlier lines or CTAs. */
.home-hero .slogan .line[hidden]{display:block;visibility:hidden}
.home-hero .hero-content>p,.home-hero .hero-content>.actions{transition:opacity .55s ease}
.home-hero:after{background:linear-gradient(90deg,rgba(7,25,35,.64),rgba(7,25,35,.42) 42%,rgba(7,25,35,.08) 78%,transparent);transition:opacity .55s ease}
.home-hero[data-journey-state=playing]:after,.home-hero[data-journey-state=paused]:after{opacity:.45}
.home-hero .slogan,.home-hero .hero-content>p{text-shadow:0 2px 5px #071923,0 0 22px rgba(7,25,35,.7)}
.home-hero .button.secondary{background:rgba(7,25,35,.38)}
.hero-video-controls{position:absolute;z-index:3;right:var(--edge);bottom:24px;width:min(440px,calc(100% - 2 * var(--edge)));display:grid;grid-template-columns:44px minmax(0,1fr) 44px 44px;align-items:center;gap:4px;padding:4px;border:1px solid #587483;border-radius:6px;background:rgba(7,25,35,.82);color:#edf7fc}
.hero-video-controls button{width:44px;min-height:44px;padding:10px;border:0;border-radius:3px;background:transparent;color:inherit;display:grid;place-items:center}
.hero-video-controls button:hover{background:#214859}
.hero-video-controls button:focus-visible,.hero-timeline input:focus-visible{outline:2px solid #63d4ff;outline-offset:2px}
.hero-video-controls button svg{display:block;width:20px;height:20px}
.hero-video-controls [data-video-toggle],.hero-video-controls [data-intro-replay]{grid-column:1;grid-row:1}
.hero-timeline{position:relative;grid-column:2;grid-row:1;min-width:0;height:44px}
.hero-timeline input{appearance:none;display:block;width:100%;height:44px;min-height:44px;margin:0;padding:12px 0 0;background:transparent;accent-color:#00aff0;cursor:pointer}
.hero-timeline input::-webkit-slider-runnable-track{height:2px;background:#8ca7b6;border-radius:2px}
.hero-timeline input::-webkit-slider-thumb{appearance:none;width:14px;height:14px;margin-top:-6px;border:0;border-radius:50%;background:#63d4ff}
.hero-timeline input::-moz-range-track{height:2px;background:#8ca7b6}.hero-timeline input::-moz-range-thumb{width:14px;height:14px;border:0;border-radius:50%;background:#63d4ff}
.hero-timeline output{position:absolute;inset:0 0 auto;pointer-events:none;text-align:center;font:600 10px/1.3 var(--font);font-variant-numeric:tabular-nums;color:#edf7fc}
.hero-video-controls [data-video-sound]{grid-column:3;grid-row:1}.hero-video-controls [data-intro-skip]{grid-column:4;grid-row:1}
.home-hero[data-journey-state=still] .hero-video-controls{grid-template-columns:44px minmax(0,1fr) 44px}
.home-hero[data-timeline-ready=false] .hero-video-controls{width:auto;grid-template-columns:44px}
.hero-video-controls:not(:has(button:not([hidden]))){display:none}
@media(max-width:900px){.home-hero .hero-content{padding-bottom:112px}}
.hero-video-controls [hidden],.hero-intro-chapter[hidden]{display:none}
@media(max-width:680px){
  .home-hero:after{background:linear-gradient(90deg,rgba(7,25,35,.69),rgba(7,25,35,.45) 65%,rgba(7,25,35,.18))}
  .hero-video-controls{right:22px;bottom:24px}

}
@media(prefers-reduced-motion:reduce){
  .home-hero .journey-video{display:none;transition:none}
  .home-hero .hero-content,.home-hero:after{transition:none}
}