.site-intro[hidden]{display:none!important}
.site-intro{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;background:#05070b;color:#dde7f3;isolation:isolate;opacity:1;transition:opacity .78s cubic-bezier(.22,.61,.36,1);overscroll-behavior:contain}
.site-intro:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 48%,#14203016,transparent 45%)}
.intro-center{position:relative;width:232px;aspect-ratio:320/260;transform:translateY(-12px);transition:transform .85s cubic-bezier(.16,1,.3,1),opacity .65s ease}
.intro-symbol{display:block;width:100%;height:100%;overflow:visible}
.intro-track{stroke:#bac9dc18;stroke-width:2;transition:opacity .4s ease}
.intro-bar,.intro-piece{fill:#dce6f2}
.intro-bar{filter:drop-shadow(0 0 5px #c5d9f025)}
[data-intro-clip]{transition:none}
.intro-meta{position:absolute;top:50%;left:7px;right:7px;transform:translateY(24px);display:flex;justify-content:center;line-height:1;transition:opacity .4s ease,transform .6s cubic-bezier(.16,1,.3,1)}
.intro-counter{position:relative;display:inline-flex;color:#c6d0df;font-size:28px;line-height:1;font-weight:300;letter-spacing:-1px;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}
.intro-counter [data-intro-percent]{min-width:3ch;text-align:center}
.intro-piece{opacity:0;transform:translateY(10px);transform-box:fill-box;transform-origin:center;transition:opacity .5s ease,transform .65s cubic-bezier(.16,1,.3,1)}
.site-intro:not([data-phase="loading"]) .intro-track{opacity:0}
.site-intro:not([data-phase="loading"]) .intro-meta{opacity:0;transform:translateY(16px)}
.site-intro[data-phase="assembling"] .intro-piece,.site-intro[data-phase="assembled"] .intro-piece,.site-intro[data-phase="revealing"] .intro-piece{opacity:1;transform:none}
.intro-piece-middle{transition-delay:0s}.intro-piece-left{transition-delay:.1s}.intro-piece-right{transition-delay:.18s}
.site-intro[data-phase="revealing"]{opacity:0;pointer-events:none}
.site-intro[data-phase="revealing"] .intro-center{transform:translateY(-20px) scale(.98);opacity:0}
.intro-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
html.has-intro{overflow:hidden;scrollbar-gutter:auto}
html.has-intro .public-landing>.header,html.has-intro .public-landing>main,html.has-intro .public-landing>.footer{visibility:hidden;opacity:0;pointer-events:none}
html.has-intro.is-entering .public-landing>.header,html.has-intro.is-entering .public-landing>main,html.has-intro.is-entering .public-landing>.footer{visibility:visible;opacity:1;transition:opacity .8s cubic-bezier(.16,1,.3,1);pointer-events:none}
.is-opening .studio-copy .hero-write-letter{opacity:0;transition:opacity .6s cubic-bezier(.16,1,.3,1)}
.is-opening .studio-copy .hero-write-letter.is-written{opacity:1}
@media(max-width:660px){.intro-center{width:196px}.intro-meta{transform:translateY(22px)}.intro-counter{font-size:25px}}
@media(prefers-reduced-motion:reduce){.site-intro,.intro-center,.intro-piece,.intro-meta,.intro-track,[data-intro-clip],.is-opening .studio-copy .hero-write-letter{transition:none!important}.intro-counter{animation:none}.intro-piece{transform:none}.intro-center{transform:none!important}html.has-intro.is-entering .public-landing>.header,html.has-intro.is-entering .public-landing>main,html.has-intro.is-entering .public-landing>.footer{transition:none}}
