.mel-intro-layer{z-index:100;background:var(--background);flex-direction:column;justify-content:center;align-items:center;gap:1.2rem;padding:1.5rem;display:flex;position:fixed;inset:0}.mel-intro-art{text-align:center;width:min(100%,560px)}.mel-intro-svg{width:100%;height:auto;display:block;overflow:visible}.mel-intro-tagline{color:var(--primary);margin:.2rem 0 0;font-size:clamp(1rem,2.7vw,1.25rem);font-weight:500}.mel-intro-skip{border:1px solid var(--border);background:var(--card);min-width:8rem;min-height:44px;color:var(--foreground);cursor:pointer;border-radius:999px;padding:.55rem 1.2rem}.mel-intro-skip:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.mel-intro-scene{transform-box:fill-box;transform-origin:50%}.mel-intro-door-leaf{transform-box:fill-box;transform-origin:0 100%}.mel-intro-key{transform-box:view-box;transform-origin:226.1px -8.2px}.mel-intro-art--en{--mel-entry-x:-480px}.mel-intro-art--ar{--mel-entry-x:210px}.mel-intro-art--calm{--mel-door-angle:-66deg;--mel-turn:-30deg;--mel-ease:cubic-bezier(.38, 0, .25, 1)}.mel-intro-art--lively{--mel-door-angle:-72deg;--mel-turn:-47deg;--mel-ease:cubic-bezier(.3, 0, .15, 1)}.mel-intro-art--cinematic{--mel-door-angle:-78deg;--mel-turn:-55deg;--mel-ease:cubic-bezier(.5, 0, .2, 1)}.mel-intro-art--playing .mel-intro-key{animation:mel-key 2.4s var(--mel-ease) both}.mel-intro-art--playing .mel-intro-door-leaf{animation:mel-door 2.4s var(--mel-ease) both}.mel-intro-art--playing .mel-intro-scene{animation:2.4s ease-in-out both mel-scene}.mel-intro-art--playing .mel-intro-word{animation:2.4s ease-out both mel-word}.mel-intro-art--playing .mel-intro-chain{animation:2.4s ease-out both mel-chain}.mel-intro-art--playing .mel-intro-tagline{animation:2.4s ease-out both mel-word}.mel-intro-art--lively.mel-intro-art--playing .mel-intro-tagline{animation:2.4s ease-out both mel-tagline-lively}.mel-intro-art--cinematic.mel-intro-art--playing .mel-intro-tagline{animation:2.4s ease-out both mel-tagline-cinematic}.mel-intro-art--frozen .mel-intro-key,.mel-intro-art--frozen .mel-intro-door-leaf,.mel-intro-art--frozen .mel-intro-scene,.mel-intro-art--frozen .mel-intro-word,.mel-intro-art--frozen .mel-intro-chain,.mel-intro-art--frozen .mel-intro-tagline{animation-play-state:paused;animation-delay:var(--mel-stage-delay)}@keyframes mel-key{0%,8%{transform:translate(var(--mel-entry-x), -180px) rotate(12deg)}38%{transform:translate(-56px,-123px)rotate(30deg)}49%{transform:translate(-56px, -123px) rotate(calc(30deg + var(--mel-turn)))}54%{transform:translate(-56px,-123px)rotate(30deg)}69%{transform:translate(-10px,-123px)rotate(30deg)}90%,to{transform:translate(0)rotate(0)}}@keyframes mel-door{0%,51%{transform:perspective(500px)rotateY(0)}73%,to{transform:perspective(500px) rotateY(var(--mel-door-angle))}}@keyframes mel-scene{0%{opacity:1;transform:translateY(6px)scale(.96)}25%,72%{opacity:1;transform:translateY(0)scale(1)}88%,to{opacity:0;transform:translateY(15px)scale(1.25)}}@keyframes mel-word{0%,80%{opacity:0;transform:translateY(6px)}92%,to{opacity:1;transform:translateY(0)}}@keyframes mel-chain{0%,49%{opacity:.65}60%,to{opacity:0}}@keyframes mel-tagline-lively{0%,70%{opacity:0;transform:translateY(12px)}88%{opacity:1;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}@keyframes mel-tagline-cinematic{0%,78%{opacity:0;transform:translateY(8px)}92%,to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.mel-intro-art--playing .mel-intro-key,.mel-intro-art--playing .mel-intro-door-leaf,.mel-intro-art--playing .mel-intro-scene,.mel-intro-art--playing .mel-intro-word,.mel-intro-art--playing .mel-intro-chain,.mel-intro-art--playing .mel-intro-tagline{animation:none!important}.mel-intro-chain{opacity:0}}