@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@900&text=A.RT&display=block');
.intro-runway,.intro-stage{display:none}
html.intro{--intro-length:round(125vh,1px);--intro-focus:78vh;--intro-banner:31px;--intro-ease:linear(0,0.0056,0.0106,0.0152,0.0194,0.0234,0.0273,0.0312,0.0352,0.0395,0.044,0.0491,0.0546,0.0609,0.0679,0.0758,0.0848,0.0948,0.1061,0.1314,0.1798,0.2461,0.3248,0.4106,0.4982,0.582,0.6569,0.7174,0.7655,0.8127,0.8566,0.8946,0.924,0.9422,0.9557,0.9679,0.9786,0.9875,0.9942,0.9985,1)}
@media(max-width:760px){html.intro{--intro-length:round(85vh,1px);--intro-banner:26px}}
html.intro .intro-runway{display:block;height:var(--intro-length)}
html.intro .intro-stage{display:block;position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;background:#050608;animation:intro-stage linear both;animation-timeline:scroll(root);animation-range:0 var(--intro-length)}
html.intro .page{position:relative;z-index:1;animation:intro-pin linear both;animation-timeline:scroll(root);animation-range:0 var(--intro-length)}
html.intro .page-body{transform-origin:50% calc(var(--intro-focus) - var(--intro-banner));animation:intro-scale both,intro-reveal linear both;animation-timing-function:var(--intro-ease),linear;animation-timeline:scroll(root),scroll(root);animation-range:0 var(--intro-length)}
html.intro-ghost .page-body,html.intro-ghost .page-body *{pointer-events:none!important}
html.intro .particle-stage{background:none}
html.intro .particle-stage:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 72% 47%,#1a2027 0,#0d1117 40%,#090c10 80%)}
html.intro .particle-stage:before,html.intro .particle-stage:after,html.intro .hero-copy:before,html.intro .hero-bottom:before{animation:intro-ground linear both;animation-timeline:scroll(root);animation-range:0 var(--intro-length)}
html.intro .header{animation:intro-bar linear both;animation-timeline:scroll(root);animation-range:0 var(--intro-length)}
html.intro main>:not(.hero),html.intro footer{animation:intro-below linear both;animation-timeline:scroll(root);animation-range:0 var(--intro-length)}
@keyframes intro-pin{from{translate:0 calc(-1*var(--intro-length))}to{translate:0 0}}
@keyframes intro-scale{from{scale:.34}to{scale:1}}
@keyframes intro-reveal{0%,20%{opacity:0;animation-timing-function:ease-in-out}42%,to{opacity:1}}
@keyframes intro-stage{0%,80%{opacity:1;animation-timing-function:ease-in-out}97%,to{opacity:0}}
@keyframes intro-ground{0%,80%{opacity:0;animation-timing-function:ease-in-out}97%,to{opacity:1}}
@keyframes intro-bar{0%,86%{background-color:#090c1000;border-bottom-color:#ffffff00;backdrop-filter:blur(0);animation-timing-function:ease-in-out}98%,to{background-color:#090c10ed;border-bottom-color:#ffffff12;backdrop-filter:blur(18px)}}
@keyframes intro-below{0%,88%{opacity:0;animation-timing-function:ease-in-out}to{opacity:1}}