.page-transition{z-index:95;pointer-events:none;grid-template-columns:repeat(4,1fr);display:none;position:fixed;inset:0;overflow:hidden}html[data-page-transition] .page-transition{display:grid}.page-transition>span{transform-origin:bottom;background:linear-gradient(110deg,#071115,#102326 80%,#12372f);border-right:1px solid #6ff2c166}.page-transition>span:nth-child(2){--scene-delay:35ms}.page-transition>span:nth-child(3){--scene-delay:70ms}.page-transition>span:nth-child(4){--scene-delay:.105s}html[data-page-transition=covering] .page-transition>span{animation:scene-cover .15s var(--scene-delay,0s) cubic-bezier(.65,0,.35,1) both}html[data-page-transition=revealing] .page-transition>span{transform-origin:top;animation:scene-uncover .7s var(--scene-delay,0s) var(--motion-ease) both}@keyframes scene-cover{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes scene-uncover{0%{transform:scaleY(1)}to{transform:scaleY(0)}}@media (prefers-reduced-motion:no-preference){:is(.studio-page:not(.home-page)>section:first-of-type,[data-cinema-intro]) :is(.section-kicker,.font-eyebrow){animation:cinema-text .8s 60ms var(--motion-ease) both}:is(.studio-page:not(.home-page)>section:first-of-type,[data-cinema-intro]) h1{animation:cinema-text 1.1s .14s var(--motion-ease) both}:is(.studio-page:not(.home-page)>section:first-of-type,[data-cinema-intro]) p:not(a p){animation:cinema-text 1s .28s var(--motion-ease) both}:is(.studio-page:not(.home-page)>section:first-of-type,[data-cinema-intro]) :is(a,button){animation:cinema-text .9s .4s var(--motion-ease) both}.studio-page:not(.home-page)>section:first-of-type img{animation:cinema-image 1.5s var(--motion-ease) both}html[data-page-transition=covering] :is(.studio-page>section:first-of-type,[data-cinema-intro]) :is(h1,p,a,button,img,.section-kicker,.font-eyebrow,.hero-enter){animation-play-state:paused}}@keyframes cinema-text{0%{opacity:.01;transform:translateY(28px)}to{opacity:1;transform:none}}@keyframes cinema-image{0%{opacity:0;scale:1.035}to{scale:1}}@media (max-width:639px){@keyframes cinema-text{0%{opacity:.01;transform:translateY(16px)}to{opacity:1;transform:none}}}@media (prefers-reduced-motion:reduce){.page-transition{display:none!important}}