@font-face{font-family:Fredoka;src:url(/assets/fonts/fredoka/Fredoka.ttf)format("truetype");font-weight:300 700;font-display:swap}#brand-intro{z-index:10000;padding:env(safe-area-inset-top) 16px env(safe-area-inset-bottom);background:linear-gradient(var(--bi-sky), var(--bi-white));-webkit-user-select:none;user-select:none;place-items:center;font-family:Fredoka,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;transition:opacity .42s;display:grid;position:fixed;inset:0}#brand-intro .bi-stack{flex-direction:column;align-items:center;margin-top:-6vh;display:flex}#brand-intro .bi-studio{opacity:0;align-items:center;gap:10px;animation:.52s cubic-bezier(.34,1.56,.64,1) 60ms forwards bi-pop;display:flex}#brand-intro .bi-mark{width:40px;height:40px;filter:drop-shadow(0 3px 0 var(--bi-outline));animation:.6s cubic-bezier(.34,1.56,.64,1) 60ms both bi-spin}#brand-intro .bi-name{color:var(--bi-ui);letter-spacing:.02em;font-size:24px;font-weight:600}#brand-intro .bi-presents{color:var(--bi-soft);letter-spacing:.18em;text-transform:lowercase;opacity:0;margin-top:6px;font-size:16px;font-weight:500;animation:.36s ease-out .34s forwards bi-up}#brand-intro .bi-title{color:var(--bi-white);text-align:center;-webkit-text-stroke:8px var(--bi-outline);paint-order:stroke fill;max-width:calc(100vw - 32px);text-shadow:0 6px 0 var(--bi-outline);opacity:0;transform-origin:50% 80%;margin-top:18px;font-size:clamp(44px,13vw,66px);font-weight:700;line-height:1.05;animation:.68s linear .48s forwards bi-bounce}#brand-intro .bi-dots{opacity:0;gap:8px;height:10px;margin-top:26px;transition:opacity .4s;display:flex}#brand-intro .bi-dots i{background:var(--bi-club);width:10px;height:10px;box-shadow:0 0 0 2px var(--bi-outline);border-radius:50%}#brand-intro.bi-wait .bi-dots{opacity:.85}#brand-intro.bi-wait .bi-dots i{animation:1.2s ease-in-out infinite bi-dot}#brand-intro.bi-wait .bi-dots i:nth-child(2){animation-delay:.16s}#brand-intro.bi-wait .bi-dots i:nth-child(3){animation-delay:.32s}#brand-intro.bi-out{opacity:0;pointer-events:none}#brand-intro.bi-out .bi-stack{transition:transform .42s ease-in;transform:scale(1.05)}@keyframes bi-pop{0%{opacity:0;transform:scale(.6)}60%{opacity:1}to{opacity:1;transform:scale(1)}}@keyframes bi-spin{0%{transform:rotate(-24deg)scale(.7)}to{transform:rotate(0)scale(1)}}@keyframes bi-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes bi-bounce{0%{opacity:0;animation-timing-function:ease-out;transform:scale(.3)}45%{opacity:1;animation-timing-function:ease-in-out;transform:scale(1.1,.92)}70%{animation-timing-function:ease-in-out;transform:scale(.96,1.04)}to{opacity:1;transform:scale(1)}}@keyframes bi-dot{0%,to{opacity:.55;transform:translateY(0)}40%{opacity:1;transform:translateY(-6px)}}@media (prefers-reduced-motion:reduce){#brand-intro .bi-studio,#brand-intro .bi-mark,#brand-intro .bi-presents,#brand-intro .bi-title{animation:.3s ease-out forwards bi-fade;transform:none}#brand-intro .bi-mark,#brand-intro.bi-wait .bi-dots i{animation:none}#brand-intro.bi-out .bi-stack{transform:none}}@keyframes bi-fade{0%{opacity:0}to{opacity:1}}
