.brand-intro{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;overflow:hidden;background:#050505;color:#f6f4ef;animation:intro-away .55s 3.45s cubic-bezier(.7,0,.3,1) forwards;font-family:'Clash Display',sans-serif;pointer-events:none}
.brand-intro:before{content:'';position:absolute;width:42vmax;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#9fc9f132 0,#9fc9f10d 34%,transparent 69%);filter:blur(2px);animation:intro-orbit 3.75s both}
.brand-intro__grain{position:absolute;inset:-50%;opacity:.1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");animation:intro-grain .16s steps(2) infinite}
.brand-intro__sweep{position:absolute;inset:-25%;background:linear-gradient(106deg,transparent 40%,#a9c8e812 48%,#fff4 50%,#a9c8e812 52%,transparent 60%);transform:translateX(-72%) skewX(-8deg);animation:intro-sweep 2.8s .45s cubic-bezier(.22,1,.36,1) both;mix-blend-mode:screen}
.brand-intro__frame{position:absolute;inset:clamp(18px,3vw,46px)}.brand-intro__frame span{position:absolute;background:#ffffff35;animation:intro-frame 1.3s .15s both}.brand-intro__frame span:nth-child(1),.brand-intro__frame span:nth-child(3){left:0;right:0;height:1px;transform-origin:left}.brand-intro__frame span:nth-child(1){top:0}.brand-intro__frame span:nth-child(3){bottom:0;transform-origin:right}.brand-intro__frame span:nth-child(2),.brand-intro__frame span:nth-child(4){top:0;bottom:0;width:1px;transform-origin:top}.brand-intro__frame span:nth-child(2){right:0}.brand-intro__frame span:nth-child(4){left:0;transform-origin:bottom}
.brand-intro__stage{position:relative;width:min(860px,82vw);text-align:center;animation:intro-stage 3.45s both}.brand-intro__kicker{margin:0 0 20px;font:500 clamp(8px,1vw,12px) 'Satoshi',sans-serif;letter-spacing:.42em;color:#a9c8e8;opacity:0;transform:translateY(8px);animation:intro-kicker .55s .2s forwards}
.brand-intro__name{display:flex;justify-content:center;align-items:baseline;gap:.12em;font-size:clamp(58px,13vw,190px);font-weight:600;letter-spacing:-.075em;line-height:.78;white-space:nowrap;animation:intro-lockup 3.2s .15s cubic-bezier(.22,1,.36,1) both}.brand-intro__name span{display:block;clip-path:inset(0 100% 0 0);animation:intro-word .68s cubic-bezier(.77,0,.18,1) forwards}.brand-intro__name span:nth-child(2){color:#a9c8e8;animation-delay:.18s}.brand-intro__name b{font-weight:600;color:#a9c8e8;opacity:0;transform:scale(2);animation:intro-dot .35s .72s forwards}
.brand-intro__signal{display:flex;align-items:center;gap:16px;width:min(460px,75vw);margin:34px auto 0}.brand-intro__signal i{display:block;height:1px;flex:1;background:#a9c8e8;transform:scaleX(0);transform-origin:left;animation:intro-line 1.35s .55s forwards}.brand-intro__signal em{font:500 clamp(7px,.8vw,10px) 'Satoshi',sans-serif;font-style:normal;letter-spacing:.18em;color:#aaa;opacity:0;animation:intro-kicker .45s .95s forwards}
.brand-intro__meta{position:absolute;left:clamp(32px,5vw,72px);right:clamp(32px,5vw,72px);bottom:clamp(29px,4.5vw,66px);display:flex;align-items:center;justify-content:space-between;font:500 clamp(7px,.65vw,10px) 'Satoshi',sans-serif;letter-spacing:.26em;color:#ffffff73;opacity:0;animation:intro-meta .55s 1.05s forwards}.brand-intro__pulse{display:flex;align-items:end;gap:4px;height:14px}.brand-intro__pulse i{display:block;width:2px;height:4px;background:#a9c8e8;animation:intro-pulse .6s ease-in-out infinite alternate}.brand-intro__pulse i:nth-child(2){animation-delay:-.42s}.brand-intro__pulse i:nth-child(3){animation-delay:-.2s}.brand-intro__pulse i:nth-child(4){animation-delay:-.54s}
@keyframes intro-word{0%{clip-path:inset(0 100% 0 0);transform:translateX(-.18em);filter:blur(8px)}100%{clip-path:inset(0);transform:none;filter:none}}
@keyframes intro-dot{to{opacity:1;transform:none}}
@keyframes intro-kicker{to{opacity:1;transform:none}}
@keyframes intro-line{50%,100%{transform:scaleX(1)}100%{opacity:.25}}
@keyframes intro-frame{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes intro-orbit{0%{opacity:0;transform:scale(.65)}35%,75%{opacity:1}100%{opacity:0;transform:scale(1.35)}}
@keyframes intro-sweep{0%{opacity:0;transform:translateX(-72%) skewX(-8deg)}18%{opacity:1}100%{opacity:0;transform:translateX(72%) skewX(-8deg)}}
@keyframes intro-grain{0%{transform:translate(0)}25%{transform:translate(3%,-2%)}50%{transform:translate(-2%,3%)}75%{transform:translate(2%,2%)}100%{transform:translate(-3%,-1%)}}
@keyframes intro-stage{0%,5%{opacity:0;transform:scale(.97)}20%,78%{opacity:1;transform:none}100%{opacity:0;transform:scale(1.05);filter:blur(9px)}}
@keyframes intro-lockup{0%{transform:translateY(18px) scale(.96)}22%,78%{transform:none}100%{transform:translateY(-8px) scale(1.04)}}
@keyframes intro-meta{to{opacity:1}}
@keyframes intro-pulse{from{height:3px;opacity:.4}to{height:14px;opacity:1}}
@keyframes intro-away{to{opacity:0;visibility:hidden;transform:scale(1.015)}}
@media(max-width:700px){.brand-intro__name{flex-direction:column;align-items:center;gap:.08em;font-size:clamp(68px,24vw,112px);line-height:.72}.brand-intro__name b{position:absolute;right:2%;bottom:26%}.brand-intro__signal{margin-top:38px}.brand-intro__signal em{max-width:140px;line-height:1.6}.brand-intro__meta{left:30px;right:30px;bottom:30px}.brand-intro__meta>span:first-child{max-width:95px;line-height:1.5}}
@media(prefers-reduced-motion:reduce){.brand-intro__grain,.brand-intro__sweep,.brand-intro__frame{display:none}.brand-intro__stage,.brand-intro__name,.brand-intro__name span,.brand-intro__name b,.brand-intro__kicker,.brand-intro__signal i,.brand-intro__signal em,.brand-intro__meta{animation:none;opacity:1;transform:none;clip-path:none;filter:none}}