/* Homepage film: muted inline playback with an accessible manual fallback. */
.direction-hero{background:#081b15}
.hero-visual img,.hero-visual video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 54%;filter:brightness(.82) saturate(.85)}
/* Keep the native poster visible while loading; hiding the video can prevent
   visibility-based autoplay. The separate image remains the error fallback. */
.hero-visual video{opacity:1}
.hero-visual video.is-unavailable{opacity:0}
.hero-visual::after{background:linear-gradient(180deg,#03120fc2 0%,#071b144d 32%,#09150c7a 65%,#050b08b3 100%)}
.direction-hero-copy{position:relative;z-index:1;text-shadow:0 2px 24px #0008}
.direction-hero h1{font-size:clamp(78px,10vw,144px)}
.direction-hero h1 em{color:#ffd3a3}
.direction-hero-copy>p:not(.eyebrow){font-size:20px;line-height:1.6}
@media(max-width:760px){
 .hero-visual img,.hero-visual video{object-position:50% 55%}
 .direction-hero h1{font-size:clamp(66px,10.5vw,100px)}
 .direction-hero-copy>p:not(.eyebrow){font-size:17px}
 .hero-baseline>span:first-child{display:none}
 .hero-baseline>a{padding-left:0}
}
@media(max-width:520px){
 .direction-hero{padding:130px 20px 145px}
 .direction-hero h1{font-size:clamp(48px,14.3vw,74px);line-height:1.04}
 .direction-hero-copy .eyebrow{font-size:9px;letter-spacing:.12em;margin-bottom:27px}
 .direction-hero-copy>p:not(.eyebrow){font-size:16px;line-height:1.65;max-width:315px;margin-inline:auto}
 .direction-hero-copy>p:not(.eyebrow) br{display:none}
 .hero-baseline{align-items:center;gap:14px}
 .hero-baseline>a{font-size:10px;gap:12px}
}
@media(prefers-reduced-motion:reduce){.hero-visual video{transition:none}}

/* Keep the control outside aria-hidden artwork and clear of the chat launcher. */
.home-page .hero-baseline{right:104px;align-items:center;gap:14px;flex-wrap:wrap}
.home-page .hero-video-toggle{appearance:none;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border:1px solid #ffffffa0;border-radius:999px;background:#102118e6;color:#fff;font:inherit;font-size:12px;font-weight:500;line-height:1.4;letter-spacing:0;white-space:nowrap;cursor:pointer;flex-shrink:0}
.home-page .hero-video-toggle:hover{background:#233c2c}
.home-page .hero-video-toggle:focus-visible{outline:3px solid #fff;outline-offset:4px}
.home-page .hero-video-toggle[hidden]{display:none}
@media(max-width:520px){.home-page .hero-video-toggle{padding-inline:12px;font-size:11px}.home-page .hero-baseline>a{padding-right:0}}