/* A single entrance sequence; decorative layers never capture input. */
.hero-video{width:100%;height:100%;object-fit:cover;object-position:center 54%;display:block}
.video-toggle{position:absolute;z-index:2;right:4.2%;bottom:132px;color:#fff;background:#101e27aa;border:1px solid #ffffff80;border-radius:2px;padding:7px 12px;font-size:12px;cursor:pointer;backdrop-filter:blur(6px)}
.video-toggle[hidden]{display:none}
@media(max-width:760px){.hero-video{object-position:62% center}.video-toggle{right:6%;bottom:115px}}
@media(prefers-reduced-motion:reduce){.hero-video,.video-toggle{display:none}}
.hero::before,.hero::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:3;visibility:hidden}
.hero::before{background:var(--navy);animation:opening-curtain 1.35s cubic-bezier(.76,0,.24,1) both}
.hero::after{background:var(--lime);animation:opening-accent 1.35s cubic-bezier(.76,0,.24,1) both}
.hero-photo{animation:none}
.hero-content>.eyebrow{animation:opening-copy .65s .55s ease-out both}
.hero-content>h1{animation:opening-copy .75s .65s ease-out both}
.hero-content>.hero-description{animation:opening-copy .7s .8s ease-out both}
.hero-content>.hero-actions{animation:opening-copy .65s .95s ease-out both}
@keyframes opening-curtain{
  0%,12%{visibility:visible;clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}
  72%{visibility:visible;clip-path:polygon(78% 0,122% 0,100% 100%,48% 100%)}
  99%{visibility:visible}
  100%{visibility:hidden;clip-path:polygon(130% 0,150% 0,130% 100%,110% 100%)}
}
@keyframes opening-accent{
  0%,8%{visibility:visible;clip-path:polygon(-38% 0,-30% 0,-60% 100%,-68% 100%)}
  42%{visibility:visible;clip-path:polygon(45% 0,56% 0,26% 100%,15% 100%)}
  99%{visibility:visible}
  100%{visibility:hidden;clip-path:polygon(140% 0,148% 0,118% 100%,110% 100%)}
}

@keyframes opening-copy{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){
  .hero::before,.hero::after{display:none;animation:none}
  .hero-photo,.hero-content>.eyebrow,.hero-content>h1,.hero-content>.hero-description,.hero-content>.hero-actions{animation:none}
}