.brand-intro[hidden]{display:none}.brand-intro{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;background:#111016;overflow:hidden;isolation:isolate;pointer-events:auto}.intro-orbit{position:absolute;width:min(85vw,600px);aspect-ratio:1;border:1px solid #d6fa6238;border-radius:50%;animation:intro-orbit 2.4s cubic-bezier(.2,.8,.2,1) both}.intro-orbit:before,.intro-orbit:after{content:'';position:absolute;inset:12%;border:1px solid #d6fa6220;border-radius:50%;transform:rotateX(60deg) rotateZ(-30deg)}.intro-orbit:after{transform:rotateY(60deg) rotateZ(30deg)}.intro-logo{position:relative;width:min(68vw,400px);aspect-ratio:500/123;filter:drop-shadow(0 0 28px #d6fa6230);animation:intro-settle 2.4s ease both}.intro-logo i{position:absolute;inset:0;background:url('/assets/recreation-logo.png') center/contain no-repeat;clip-path:inset(0 calc(100% - (var(--i) + 1)*12.5%) 0 calc(var(--i)*12.5%));animation:intro-slice 1.15s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--i)*65ms)}.intro-line{position:absolute;top:calc(50% + 85px);font:10px Manrope,sans-serif;letter-spacing:4px;direction:ltr;color:#d6fa62;animation:intro-caption 1.4s ease both;animation-delay:.6s}.intro-skip{position:absolute;bottom:max(30px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);font-size:12px;color:#aaa6b7;min-height:44px;padding:10px 24px;border:1px solid #ffffff22;border-radius:99px}.brand-intro.leaving{animation:intro-reveal .65s cubic-bezier(.76,0,.24,1) both;pointer-events:none}@keyframes intro-slice{from{transform:translateY(calc((var(--i) - 3.5)*35px)) rotate(calc((var(--i) - 3.5)*8deg));opacity:0;filter:blur(12px)}to{transform:none;opacity:1;filter:blur(0)}}@keyframes intro-orbit{0%{transform:scale(.3) rotate(-60deg);opacity:0}35%{opacity:1}100%{transform:scale(1.3) rotate(70deg);opacity:0}}@keyframes intro-settle{0%,65%{transform:scale(.9)}100%{transform:scale(1)}}@keyframes intro-caption{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes intro-reveal{to{clip-path:inset(0 0 100% 0);opacity:.2}}@media(prefers-reduced-motion:reduce){.brand-intro{display:none}}