
.bypass-intro{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;overflow:hidden;background:#0c0e0b;animation:intro-out .8s 3.4s cubic-bezier(.65,0,.35,1) forwards}
.bypass-intro__scene{position:relative;isolation:isolate;display:flex;align-items:center;flex-direction:column;width:100%;color:#f1f5ed;transform:translateY(-12px)}
.bypass-intro__scene:before{content:'';position:absolute;z-index:-1;width:min(560px,100vw);aspect-ratio:1;top:40%;left:50%;border-radius:50%;background:radial-gradient(circle,#b8ff7015,transparent 66%);animation:intro-halo 3.5s ease both}
.bypass-intro__symbol{width:clamp(210px,25vw,280px);height:auto;animation:intro-symbol .9s cubic-bezier(.16,1,.3,1) both}
.bypass-intro__arrow{opacity:1}
.bypass-intro__name{display:flex;margin:12px 0 0;font-family:inherit;font-size:42px;font-weight:600;line-height:1.2;letter-spacing:-.045em}
.bypass-intro__letter{display:inline-block;animation:intro-letter .8s calc(.45s + var(--i)*.075s) cubic-bezier(.16,1,.3,1) both}
.bypass-intro__tagline{margin:20px 0 0;color:#a6b29a;font-size:16px;animation:intro-tagline .95s 1.1s cubic-bezier(.16,1,.3,1) both}
.bypass-intro__scene:after{content:'';width:36px;height:2px;margin-top:26px;border-radius:2px;background:#b8ff70;box-shadow:0 0 18px #b8ff7033;transform-origin:left;animation:intro-rule 1.1s 1.35s cubic-bezier(.16,1,.3,1) both}
.bypass-intro__skip{position:absolute;bottom:28px;right:30px;border:1px solid #ffffff20;border-radius:99px;background:transparent;color:#a6b29a;padding:8px 16px;font:12px inherit;cursor:pointer;animation:intro-tagline .6s .8s both}
.bypass-intro__skip:hover,.bypass-intro__skip:focus-visible{color:#b8ff70;border-color:#b8ff70;outline:none}
@keyframes intro-symbol{from{opacity:0;filter:blur(7px)}to{opacity:1;filter:blur(0)}}
@keyframes intro-letter{from{opacity:0;transform:translateY(22px) rotateX(-45deg);filter:blur(5px)}to{opacity:1;transform:translateY(0) rotateX(0);filter:blur(0)}}
@keyframes intro-tagline{from{opacity:0;transform:translateY(10px);filter:blur(3px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@keyframes intro-halo{0%{opacity:0;transform:translate(-50%,-50%) scale(.65)}50%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:.65;transform:translate(-50%,-50%) scale(1.12)}}
@keyframes intro-rule{from{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}
@keyframes intro-out{to{opacity:0;filter:blur(5px);visibility:hidden;pointer-events:none}}
@media(prefers-reduced-motion:reduce){.bypass-intro,.bypass-intro *,.bypass-intro__scene:before,.bypass-intro__scene:after{animation:none!important;filter:none!important}}

.bypass-intro__arrow{transform-origin:256px 256px;animation:intro-orbit 3.2s .1s cubic-bezier(.4,0,.2,1) both}@keyframes intro-orbit{from{transform:rotate(-360deg)}to{transform:rotate(0deg)}}
