.mx-intro{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:24px;border:0;background:#090d11;color:#f8f8f3;overflow:hidden;font-family:var(--font-chakra),var(--font-sans),sans-serif;animation:mx-reveal-out .38s 1.72s both}.mx-intro::backdrop{background:#090d11}.mx-intro[open]{display:grid;place-items:center}.mx-intro-grid{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,#d7931424,transparent 57%),linear-gradient(#ffffff03 1px,transparent 0),linear-gradient(90deg,#ffffff03 1px,transparent 0);background-size:auto,70px 70px,70px 70px;-webkit-mask-image:linear-gradient(transparent,#000 25%,#000 75%,transparent);mask-image:linear-gradient(transparent,#000 25%,#000 75%,transparent)}.mx-intro-content{text-align:center;position:relative;width:min(880px,100%)}.mx-intro-eyebrow{display:block;color:#a9afa9;font-size:clamp(9px,1.1vw,12px);letter-spacing:.3em;animation:mx-label .45s .12s both}.mx-intro-word{display:flex;justify-content:center;margin:22px 0 0;font-family:var(--font-chakra),Arial,sans-serif;font-weight:900;font-style:italic;font-size:clamp(42px,13vw,138px);line-height:1.1;letter-spacing:-.075em;padding-right:.08em}.mx-intro-word span{display:inline-block;transform-origin:50% 65%;animation:mx-inflate 1.05s calc(var(--i)*55ms) both;text-shadow:0 6px 30px #0005}.mx-intro-shop{display:flex;align-items:center;justify-content:center;gap:20px;font-weight:900;font-style:italic;font-size:clamp(23px,5.4vw,52px);letter-spacing:.2em;color:#ffba23;animation:mx-shop .7s .45s both}.mx-intro-shop i{display:block;width:clamp(30px,8vw,80px);height:3px;background:#ffba23;transform:skewX(-28deg)}.mx-intro-content p{font-size:clamp(12px,2vw,16px);color:#abb2b6;letter-spacing:.03em;margin:24px 0;animation:mx-label .45s .7s both}.mx-intro-line{height:2px;width:100px;margin:32px auto 0;background:#ffba23;transform-origin:left;animation:mx-progress 1.5s .1s both}.mx-intro-skip{position:absolute;right:max(22px,env(safe-area-inset-right));top:max(22px,env(safe-area-inset-top));border:1px solid #ffffff30;border-radius:999px;background:#ffffff08;color:#ecece4;padding:12px 20px;font:inherit;font-size:13px;cursor:pointer;min-height:44px}.mx-intro-skip:focus-visible{outline:2px solid #ffba23;outline-offset:4px}.mx-intro-footer{position:absolute;bottom:max(26px,env(safe-area-inset-bottom));left:0;right:0;text-align:center;color:#81898e;letter-spacing:.25em;font-size:10px}@keyframes mx-inflate{0%{opacity:0;transform:translateY(28px) scale(.45,1.55);filter:blur(5px);-webkit-text-stroke:0 transparent}40%{opacity:1;transform:translateY(-4px) scale(1.13,.87);filter:blur(0);-webkit-text-stroke:2px currentColor}65%{transform:translateY(0) scale(.97,1.04);-webkit-text-stroke:1px currentColor}to{opacity:1;transform:scale(1);filter:blur(0);-webkit-text-stroke:0 transparent}}@keyframes mx-shop{0%{opacity:0;transform:scaleX(.55) translateY(10px)}65%{opacity:1;transform:scaleX(1.08)}to{opacity:1;transform:none}}@keyframes mx-label{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes mx-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes mx-reveal-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-18px)}}@media(prefers-reduced-motion:reduce){.mx-intro,.mx-intro *{animation:none!important}}