/* Scoped to the homepage hero; preserve the existing copy and navigation. */
[data-fg-cinematic] .hero-image{position:absolute;inset:0;overflow:hidden}
[data-fg-cinematic] .hero-image img,
[data-fg-cinematic] .hero-image video{width:100%;height:100%;object-fit:cover;object-position:center}
[data-fg-cinematic] video{position:absolute;inset:0;opacity:0;transition:opacity .18s linear}
[data-fg-cinematic].film-ready video{opacity:1}
[data-fg-cinematic] [data-video-toggle]{position:absolute;z-index:3;right:max(24px,calc((100% - 1200px)/2));bottom:24px;min-height:44px;padding:9px 16px;background:#071f32e8;color:#fff;border:1px solid #b6c6ce;border-radius:3px;font:500 12px/1.5 var(--body);cursor:pointer}
[data-fg-cinematic] [data-video-toggle]:focus-visible{outline:3px solid #e6c69d;outline-offset:4px}
[data-fg-cinematic] [hidden]{display:none!important}
@media(min-width:851px){[data-fg-cinematic]{min-height:max(clamp(600px,73svh,820px),42vw)}}
@media(max-width:850px){
  [data-fg-cinematic]{display:block;min-height:0;overflow:hidden}
  [data-fg-cinematic] .hero-inner{padding-block:24px 42px}
  [data-fg-cinematic] .welcome-copy{max-width:none}
  /* Intact same 16:9 frame, above the existing mobile copy. */
  [data-fg-cinematic] .hero-image{position:relative;inset:auto;height:auto;aspect-ratio:16/9}
  [data-fg-cinematic] .hero-image img,[data-fg-cinematic] .hero-image video{position:absolute;inset:0;object-fit:contain}
  [data-fg-cinematic]:after{height:auto;aspect-ratio:16/9;background:linear-gradient(0deg,rgba(7,31,50,.22),transparent 18%)}
  [data-fg-cinematic] [data-video-toggle]{top:10px;right:10px;bottom:auto;min-height:44px;padding:8px 12px}
}
@media(prefers-reduced-motion:reduce){[data-fg-cinematic] video{transition:none}}