/* The existing lockup and navigation sit over a native, full-bleed film. */
.has-film-hero .intro-panel{height:100vh;height:100svh;min-height:0;width:100%;padding:0;overflow:hidden;isolation:isolate;}
.hero-poster,.hero-film{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:50% 50%;border:0;border-radius:0;pointer-events:none;user-select:none;-webkit-touch-callout:none;}
.hero-film{opacity:0;}
.hero-film.is-playing{opacity:1;}
.has-film-hero .intro-mark{position:relative;z-index:1;pointer-events:none;mix-blend-mode:difference;}
.has-film-hero .intro-mark,.has-film-hero .intro-mark>.intro-wordmark,.has-film-hero .intro-mark>span:last-child{color:#fff;}
body.has-film-hero .topbar{position:fixed;inset:0 0 auto;opacity:1;transform:none;pointer-events:auto;transition:none;}
.has-film-hero:not(.hero-outside) .topbar{background:transparent!important;backdrop-filter:none;}
/* Preserve the existing mobile navigation, with a stable small viewport height.
   The film's human subject is composed centrally across the opening sequence. */
@media(max-width:760px){.hero-poster,.hero-film{object-position:50% 48%;}}
@media(prefers-reduced-motion:reduce){.hero-film{display:none;}}
.has-image-hero .intro-panel{isolation:isolate;overflow:hidden;}
.has-image-hero .intro-mark{position:relative;z-index:1;}
.project-description{display:none;}