/* Keep the film full bleed; navigation belongs to the website below it. */
body[data-page="home"] .site-header{position:fixed;top:0;left:0;width:100%;margin-bottom:0;background:#f7f8f4;visibility:hidden;opacity:0;pointer-events:none;transform:translateY(-100%);transition:opacity .3s ease,transform .3s ease,visibility .3s}
body[data-page="home"].film-navigation-visible .site-header{visibility:visible;opacity:1;pointer-events:auto;transform:translateY(0)}
.intro-film{position:relative;isolation:isolate;background:#0a1914;color:#fff;overflow:hidden}
.intro-film video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}
.film-heading{position:absolute;z-index:1;left:max(5vw,24px);top:9%;max-width:520px;pointer-events:none;transition:opacity .7s ease;color:#f7f8f4;text-shadow:0 2px 24px #07120ecc}
.film-heading p{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:inherit;margin:0 0 18px}
.film-heading h2{font-size:clamp(32px,5vw,76px);font-weight:500;letter-spacing:-.04em;line-height:1.06;margin:0;color:inherit}
.film-heading em{font-family:var(--font-serif,Newsreader,Georgia,serif);font-weight:400}
.film-revealed .film-heading{opacity:0}
.film-controls{position:absolute;bottom:22px;left:max(5vw,24px);right:max(5vw,24px);display:flex;align-items:center;gap:10px;z-index:2}
.film-controls[hidden]{display:none}
.film-controls button,.film-controls a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border:1px solid #ffffff70;border-radius:6px;background:#142e28e8;color:white;font:500 13px/1.3 var(--font-sans,system-ui);text-decoration:none;cursor:pointer;backdrop-filter:blur(12px);transition:background .2s,border-color .2s}
.film-controls button:hover,.film-controls a:hover{background:#32776b;border-color:#d9e9df}
.film-controls :is(button,a):focus-visible{outline:3px solid #b97a50;outline-offset:4px}
.film-controls [data-film-skip]{margin-left:auto}
.film-controls progress{width:110px;height:3px;border:0;appearance:none;background:#ffffff50;border-radius:4px;overflow:hidden}
.film-controls progress::-webkit-progress-bar{background:#ffffff50}
.film-controls progress::-webkit-progress-value{background:#b97a50}
.film-controls progress::-moz-progress-bar{background:#b97a50}
.film-light progress{background:#263b3630}.film-light progress::-webkit-progress-bar{background:#263b3630}
.film-status:empty{display:none}.film-status{position:absolute;left:5%;bottom:85px;padding:8px 12px;color:#fff;background:#162c27}
#home-overview{scroll-margin-top:100px}
@media(max-width:700px){.film-heading{top:10%;max-width:250px}.film-heading p{font-size:9px;margin-bottom:8px}.film-heading h2{font-size:29px}.film-controls{position:relative;left:auto;right:auto;bottom:auto;padding:12px 16px;gap:8px;background:#162c27}.film-controls button,.film-controls a{padding:8px 10px;font-size:12px}.film-controls progress{display:none}.film-controls [data-film-skip]{margin-left:auto}}
@media(prefers-reduced-motion:reduce){.film-heading{display:none}.film-controls *{transition:none}}

@media(prefers-reduced-motion:reduce){body[data-page="home"] .site-header{transition:none}}
/* The landmark receives reading focus; interactive controls retain their rings. */
#home-overview:focus{outline:none}