/* First-session, 2-second brand entrance. The real headline keeps its layout box.
   All hiding is opt-in; removing one class restores the fully usable page. */
.is-home .film-hero h1>span,
.is-home .film-hero h1 em,
.is-home .film-hero h1 em::after{animation:none!important}
.hero-business{display:inline-block}
@media(prefers-reduced-motion:no-preference){
 html.home-intro::before{
  content:'';position:fixed;inset:0;z-index:9000;background:#10213f;
  pointer-events:none;animation:home-unveil 1900ms ease both;
 }
 /* Raise the existing header above the veil; the logo never moves or duplicates.
    Only the navigation fades, and any input dismisses the entrance immediately. */
 .home-intro .site-header{z-index:9002;animation:home-stage 1900ms ease both}
 .home-intro .site-header :is(#primary-nav,.menu-toggle){animation:home-details 1900ms ease both}
 .home-intro .film-hero{z-index:9001;background:#10213f;animation:home-stage 1900ms ease both}
 .home-intro .hero-film-stage{animation:home-stage 1900ms ease both}
 .home-intro .film-hero .hero-film-media{animation:home-film 1900ms cubic-bezier(.16,1,.3,1) both}
 .home-intro .film-hero h1>span:first-child{animation:home-first 750ms cubic-bezier(.16,1,.3,1) both!important}
 .home-intro .film-hero h1 em{animation:home-moves 900ms cubic-bezier(.16,1,.3,1) 300ms both!important}
 .home-intro .film-hero h1 em::after{animation:home-underline 650ms cubic-bezier(.16,1,.3,1) 750ms both!important}
 .home-intro .hero-business{animation:home-business 650ms cubic-bezier(.16,1,.3,1) 650ms both}
 .home-intro .film-details,
 .home-intro .hero-film-stage>.motion-toggle{animation:home-details 1900ms ease both}
}
@keyframes home-first{
 from{opacity:0;transform:translateY(.22em);clip-path:inset(0 -5% 100% -5%)}
 to{opacity:1;transform:none;clip-path:inset(-20% -5% -25% -5%)}
}
@keyframes home-moves{
 0%{opacity:0;transform:translateX(-.32em) rotate(-7deg)}
 70%{opacity:1;transform:translateX(.025em) rotate(-2deg)}
 100%{opacity:1;transform:rotate(-3deg)}
}
@keyframes home-business{from{opacity:0;transform:translateY(.2em)}to{opacity:1;transform:none}}
@keyframes home-underline{from{transform:rotate(-4deg) scaleX(0)}to{transform:rotate(-4deg) scaleX(1)}}
@keyframes home-unveil{0%,55%{opacity:1}100%{opacity:0}}
@keyframes home-stage{0%,55%{background:#10213f}100%{background:#101310}}
@keyframes home-film{0%,48%{opacity:0;transform:scale(1.045)}100%{opacity:1;transform:scale(1)}}
@keyframes home-details{0%,60%{opacity:0}100%{opacity:1}}
@media print{html.home-intro::before{display:none}.home-intro .film-hero,.home-intro .film-hero *,.home-intro .site-header,.home-intro .site-header *{animation:none!important}}