/* Finite cinematic entrance and interaction-driven depth. */
.hero-picture{overflow:hidden}
.hero-picture img{animation:none}
.hero-line{display:block;overflow:clip;padding-bottom:.07em;margin-bottom:-.07em}
.hero-line>span{display:block}
.hero-atmosphere{position:absolute;inset:0 0 0 38%;z-index:-1;pointer-events:none;overflow:hidden;opacity:0;mask-image:linear-gradient(90deg,transparent,#000 30%)}
.hero-atmosphere::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 43% 55% at var(--light-x,72%) var(--light-y,55%),#c0e4df19,transparent 72%);opacity:var(--light-strength,0);transition:opacity .6s}
.hero-atmosphere::after{content:"";position:absolute;inset:49% 4% 6% 21%;background:linear-gradient(#d0b17815 1px,transparent 1px),linear-gradient(90deg,#d0b17815 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse at 70% 72%,#000,transparent 70%);transform:translate3d(var(--grid-x,0px),var(--grid-y,0px),0);opacity:var(--grid-strength,0)}
.hero-light-pass{position:absolute;inset:-18% -70%;pointer-events:none;background:linear-gradient(108deg,transparent 44%,#e6d6a008 47%,#f3e5bd50 49.7%,#effffc80 50%,#d1eced18 50.4%,transparent 56%);opacity:0;transform:translate3d(-55%,0,0)}
.hero-cinematic .hero-atmosphere{opacity:1}
.hero-cinematic .hero-content{transform:translate3d(var(--copy-x,0px),var(--copy-y,0px),0)}
.hero-intro .hero-picture{animation:cinema-aperture 1.6s cubic-bezier(.19,1,.22,1) both}
.hero-intro .hero-light-pass{animation:cinema-light-pass 2.2s cubic-bezier(.2,.7,.2,1) both}
.hero-intro .hero-line>span{animation:cinema-line 1s cubic-bezier(.16,1,.3,1) both}
.hero-intro .hero-line:nth-child(2)>span{animation-delay:90ms}
.hero-intro .hero-line:nth-child(3)>span{animation-delay:180ms}
.hero-intro .hero-line:nth-child(4)>span{animation-delay:270ms}
.hero-intro .hero-content>.eyebrow{animation:cinema-caption .9s .1s both}
.hero-intro .hero-copy{animation:cinema-caption .9s .4s both}
.hero-intro .hero-content>.button,.hero-intro .hero-note{animation:cinema-caption .9s .55s both}
@keyframes cinema-aperture{from{clip-path:inset(0 0 0 30%);opacity:.45}to{clip-path:inset(0);opacity:1}}
@keyframes cinema-light-pass{0%{opacity:0;transform:translate3d(-55%,0,0)}18%{opacity:.9}75%{opacity:.6}100%{opacity:0;transform:translate3d(55%,0,0)}}
@keyframes cinema-line{from{transform:translate3d(0,110%,0) rotate(1.5deg);opacity:.2}to{transform:none;opacity:1}}
@keyframes cinema-caption{from{transform:translate3d(0,16px,0);opacity:.15}to{transform:none;opacity:1}}
@media(max-width:700px){.hero-atmosphere{inset:0 0 auto;height:760px;mask-image:linear-gradient(0deg,transparent,#000 45%)}.hero-atmosphere::after{inset:25% 3% 25% 25%;background-size:42px 42px}.hero-intro .hero-picture{animation-duration:1.3s}.hero-light-pass{background:linear-gradient(108deg,transparent 44%,#e6d6a008 47%,#f3e5bd35 49.7%,#effffc60 50%,#d1eced12 50.4%,transparent 56%)}}
@media(prefers-reduced-motion:reduce){.hero-intro .hero-picture,.hero-intro .hero-light-pass,.hero-intro .hero-line>span,.hero-intro .hero-content>*{animation:none!important;clip-path:none!important}.hero-cinematic .hero-content{transform:none!important}.hero-atmosphere{display:none}}