html.intro-lock,html.intro-lock body{overflow:hidden;overscroll-behavior:none}body>header,body>main,body>.coordinates,body>.side-progress{transition:opacity .6s ease}.intro-playing:not(.intro-exit)>header,.intro-playing:not(.intro-exit)>main,.intro-playing:not(.intro-exit)>.coordinates,.intro-playing:not(.intro-exit)>.side-progress{opacity:0;pointer-events:none}.intro-playing>header,.intro-playing>main,.intro-playing>nav,.intro-playing>.coordinates,.intro-playing>.side-progress{pointer-events:none}.intro-playing #brain{z-index:41}.intro-shell{position:fixed;inset:0;z-index:40;overflow:hidden;background:#062f35;background:radial-gradient(ellipse at 50% 48%,#0b4249 0,#062f35 62%,#04282e 100%);opacity:1;transition:opacity .6s ease;isolation:isolate}.intro-shell[hidden]{display:none!important}.intro-exit .intro-shell{opacity:0;pointer-events:none}.intro-logo-wrap{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);width:min(66vw,780px);opacity:var(--intro-logo-opacity,0);will-change:opacity}.intro-logo{display:block;width:100%;height:auto;max-width:100%;user-select:none;-webkit-user-drag:none}.intro-running .intro-logo{animation:dypika-logo-reveal .92s cubic-bezier(.18,.8,.2,1) both}.intro-orbit{position:absolute;left:50%;top:48%;width:min(65vh,55vw);aspect-ratio:1;border-radius:50%;border:1px solid #9bc5bd15;transform:translate(-50%,-50%) scale(.88);opacity:0;transition:opacity 1.2s,transform 3.4s cubic-bezier(.2,.7,.1,1)}.intro-running .intro-orbit{opacity:1;transform:translate(-50%,-50%) scale(1)}.intro-orbit:before,.intro-orbit:after{content:'+';position:absolute;color:#96bbb33d;font:13px var(--mono)}.intro-orbit:before{top:14%;left:13%}.intro-orbit:after{bottom:14%;right:13%}.intro-caption{position:absolute;left:50%;top:calc(48% + min(12vw,150px) + 35px);transform:translateX(-50%);font:7px/1.8 var(--mono);letter-spacing:3px;color:#b9d0c7;white-space:nowrap;opacity:0}.intro-running .intro-caption{animation:dypika-caption 1s .4s ease both}.intro-track{position:absolute;bottom:8vh;left:50%;transform:translateX(-50%);width:min(180px,35vw);height:1px;background:#86b1ac35;overflow:hidden}.intro-track>span{display:block;width:100%;height:100%;background:#ffe000;transform:scaleX(var(--intro-progress,0));transform-origin:left center}#intro-skip{position:absolute;right:3.4vw;top:28px;padding:10px 0;background:none;border:0;font:7px/1.5 var(--mono);letter-spacing:1px;color:#b4ceca;cursor:pointer}#intro-skip:hover,#intro-skip:focus-visible{color:#ffe000}#intro-skip:focus-visible{outline:1px solid #ffe000;outline-offset:8px}@keyframes dypika-logo-reveal{0%{clip-path:inset(0 100% 0 0);transform:translateY(14px);filter:blur(4px)}100%{clip-path:inset(0 0 0 0);transform:translateY(0);filter:blur(0)}}@keyframes dypika-caption{from{opacity:0;letter-spacing:5px;transform:translate(-50%,7px)}to{opacity:.8;letter-spacing:3px;transform:translate(-50%,0)}}
@media(max-width:700px){.intro-logo-wrap{width:84vw}.intro-orbit{width:82vw}.intro-caption{font-size:5.5px;letter-spacing:2px;top:calc(48% + 20vw + 25px)}#intro-skip{top:21px;right:6vw;font-size:6px;letter-spacing:.5px}.intro-track{bottom:9vh}}
@media(prefers-reduced-motion:reduce){.intro-running .intro-logo,.intro-running .intro-caption{animation:none;clip-path:none;filter:none}.intro-caption{opacity:.8}.intro-orbit{transition:none}.intro-shell{transition:opacity .2s}.intro-playing>main,.intro-playing>header{transition-duration:.2s}}
