
.meka-intro{position:fixed;inset:0;z-index:10000;background:radial-gradient(ellipse at 30% 35%,#33157680,transparent 55%),radial-gradient(ellipse at 75% 65%,#0757ab55,transparent 55%),#040812;display:grid;place-items:center;color:#fff;text-align:center;opacity:1;transition:opacity .4s ease;isolation:isolate}.meka-intro.is-leaving{opacity:0;pointer-events:none}.meka-intro-inner{width:min(500px,85vw)}.meka-intro-skip{position:absolute;right:max(24px,env(safe-area-inset-right));top:max(24px,env(safe-area-inset-top));padding:10px 22px;border:1px solid #ffffff55;border-radius:99px;background:#ffffff0d;color:#fff;font:inherit;cursor:pointer}.meka-intro-skip:focus-visible{outline:3px solid #7dd3fc}.meka-intro svg{display:block;width:min(330px,65vw);height:min(38dvh,280px);margin:auto;filter:drop-shadow(0 0 20px #654bff88)}.meka-intro .intro-mk{filter:brightness(0) invert(1)}.intro-trace{fill:none;stroke:#fff;stroke-width:76;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:100;stroke-dashoffset:100}.intro-trace-one{animation:mk-draw 1.25s .1s forwards}.intro-trace-two{animation:mk-draw 1s .85s forwards}.intro-trace-three{animation:mk-draw 1s 1.15s forwards}.intro-trace-four{animation:mk-draw .85s 1.5s forwards}.intro-full{opacity:0;animation:mk-appear .4s 2s forwards}.meka-intro-title{font-size:clamp(26px,5vw,42px);font-weight:800;letter-spacing:.22em;margin:16px 0;opacity:0;animation:mk-appear .45s 2s forwards}.meka-intro-tagline{font-size:clamp(14px,3vw,18px);color:#cfdbfa;opacity:0;animation:mk-appear .5s 2.35s forwards}.meka-intro--music{background:radial-gradient(ellipse,#74320c55,transparent 65%),#090909}.meka-intro--music .music-intro-logo{width:min(300px,65vw);height:auto;image-rendering:auto;animation:music-intro-glow 1.7s ease both}.music-intro-waves{display:flex;gap:6px;justify-content:center;height:38px;align-items:center;margin:30px}.music-intro-waves i{display:block;width:4px;height:20px;border-radius:3px;background:#ff8a3d;animation:music-wave .55s ease-in-out infinite alternate}.music-intro-waves i:nth-child(2n){animation-delay:-.3s;height:35px}.music-intro-waves i:nth-child(3n){animation-delay:-.1s;height:12px}@keyframes mk-draw{to{stroke-dashoffset:0}}@keyframes mk-appear{to{opacity:1}}@keyframes music-wave{to{transform:scaleY(.3)}}@keyframes music-intro-glow{0%{opacity:0;transform:scale(.95)}35%,100%{opacity:1;transform:scale(1);filter:drop-shadow(0 0 25px #fb762850)}}@media(prefers-reduced-motion:reduce){.meka-intro{display:none}}
/* Source-page transition; retains the approved Music identity and original logo. */
.meka-music-transition{z-index:10010;background:radial-gradient(ellipse at center,#6d2b0a55,transparent 62%),#000}.meka-music-transition .music-intro-logo{width:min(300px,65vw);height:auto}.music-transition-status{color:#d8baa7;font-size:14px;margin-top:12px}.meka-music-transition-active{overflow:hidden}

@media(prefers-reduced-motion:reduce){.meka-music-transition{display:grid}.meka-music-transition .music-intro-logo,.meka-music-transition .music-intro-waves i{animation:none!important}}

/* High-DPI wordmark stays stationary and unblurred; only the separate vinyl rotates. */
.meka-intro--music .music-intro-logo{display:block;width:min(340px,76vw);height:auto;margin:0 auto;filter:none!important;animation:music-logo-clear .35s ease both}.music-transition-vinyl{position:relative;width:clamp(96px,17vw,132px);aspect-ratio:1;border-radius:50%;margin:0 auto 26px;border:1px solid #64462e;background:linear-gradient(115deg,transparent 20%,#ffffff1d 23%,transparent 30%,transparent 65%,#ffffff14 70%,transparent 78%),repeating-radial-gradient(circle,#101010 0px,#101010 2px,#35302b 3px,#121212 4px);box-shadow:0 0 0 6px #21170f,0 0 36px #e971242d;animation:music-transition-spin 3s linear infinite}.music-transition-vinyl:before{content:'';position:absolute;inset:33%;border-radius:50%;background:conic-gradient(from 20deg,#ed7529,#ffbf75,#d75c19,#ed7529);border:1px solid #ffb873}.music-transition-vinyl:after{content:'';position:absolute;inset:47%;border-radius:50%;background:#0a0908;border:1px solid #a47049}.meka-intro--music .music-intro-waves{margin:23px 0 16px;height:30px}@keyframes music-transition-spin{to{transform:rotate(360deg)}}@keyframes music-logo-clear{from{opacity:0}to{opacity:1}}@media(max-height:500px){.music-transition-vinyl{width:80px;margin-bottom:16px}.meka-intro--music .music-intro-logo{width:min(260px,65vw)}.meka-intro--music .music-intro-waves{margin:12px 0;height:22px}}@media(prefers-reduced-motion:reduce){.music-transition-vinyl,.meka-intro--music .music-intro-logo{animation:none!important}}
/* Blend away only the logo's black canvas; preserve the white mark and all motion. */
.meka-intro--music .music-intro-logo{mix-blend-mode:screen}
