/* Cinematic full-width opening; searchable introduction follows in normal flow. */
.intro-video{padding:0;position:relative;background:#0a0a0b}
.intro-video .hero-film{position:relative;margin:0;width:100%;min-width:0}
.hero-film-frame{position:relative;height:100vh;height:100svh;min-height:420px;overflow:hidden;background:#0a0a0b}
.hero-film-frame img,.hero-film-frame video{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.hero-film-frame video{position:absolute;inset:0;opacity:0}
.hero-film-frame video.has-frame{opacity:1}
.hero-film figcaption{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:44px clamp(20px,5vw,72px) 24px;background:linear-gradient(transparent,rgba(10,10,11,.96));color:#f7f5f1;font-size:14px;line-height:1.6}
.hero-film figcaption span{flex:1;min-width:180px}
.hero-film button,.intro-explore{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border:1px solid #c9cace;border-radius:3px;background:#0a0a0b;color:#f7f5f1;font:inherit;cursor:pointer;text-decoration:none}
.hero-film button:focus-visible,.intro-explore:focus-visible{outline:3px solid #dba27b;outline-offset:4px}
.hero-film button:hover,.intro-explore:hover{background:#1e1d20}
.hero-film [hidden]{display:none!important}
.hero-film-status{position:absolute;bottom:110px;left:20px;right:20px;padding:12px;background:#0a0a0b;font-size:14px;color:#c9cace}
.hero#introduction{padding-top:90px;scroll-margin-top:20px}
/* Preserve the landscape wordmark in portrait and narrow viewports. */
@media(max-aspect-ratio:3/2){.hero-film-frame img,.hero-film-frame video{object-fit:contain}}
@media(max-width:600px){.hero-film figcaption{gap:12px;padding:36px 20px 20px}.hero-film figcaption span{flex-basis:100%}.hero#introduction{padding-top:64px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}