.mozz-intro{position:fixed;inset:0;z-index:10000;width:100%;max-width:none;height:100dvh;max-height:none;border:0;margin:0;padding:24px;background:radial-gradient(ellipse at 50% 38%,#232940,#0c0d10 70%);color:#f4f4f0;overflow:hidden;display:none;font-family:Onest,system-ui,sans-serif}.mozz-intro[open]{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px}.mozz-intro::backdrop{background:#0c0d10}.intro-skip{position:absolute;top:max(20px,env(safe-area-inset-top));right:24px;border:1px solid #ffffff44;border-radius:999px;padding:11px 20px;min-height:44px;background:#ffffff0d;color:#fff;font:600 13px Onest,system-ui,sans-serif;cursor:pointer;z-index:2}.intro-brand{font:800 clamp(34px,7vw,68px) Unbounded,system-ui,sans-serif;letter-spacing:-.06em;margin:0;animation:brand-arrive .8s ease-out both}.intro-caption{margin:0;color:#b0b4c5;font-size:13px;letter-spacing:.08em}.intro-workshop{position:relative;perspective:1000px;width:min(380px,80vw);height:min(440px,54dvh);display:grid;place-items:center}.intro-case{position:relative;transform-style:preserve-3d;width:150px;height:300px;transform:rotateX(16deg) rotateY(-28deg) rotateZ(-12deg);animation:case-arrive 4s cubic-bezier(.2,.65,.25,1) both}.intro-case i{position:absolute;inset:0;border-radius:28px;background:#333741;border:1px solid #8f93a5;transform:translateZ(var(--z))}.intro-skin{position:absolute;inset:0;border-radius:28px;background:#d8dbed;transform:translateZ(10px);overflow:hidden;box-shadow:inset 0 0 0 3px #9399b2}.intro-ink{position:absolute;inset:0;background:radial-gradient(circle at 28% 64%,#ffd35f 0 16%,transparent 17%),radial-gradient(circle at 70% 74%,#f783a6 0 17%,transparent 18%),repeating-linear-gradient(-35deg,#7185ff 0 26px,#bdc7ff 26px 52px);clip-path:inset(0 0 100%);animation:print-reveal 2.2s .5s ease-in-out forwards}.intro-ink:after{content:'MAKE\A IT\A YOURS.';white-space:pre;position:absolute;left:15px;top:100px;line-height:1.1;font:800 25px Unbounded,system-ui,sans-serif;color:#171a2d}.intro-camera{position:absolute;left:10px;top:10px;width:55px;height:60px;border:3px solid #a6adc7;border-radius:14px;background:radial-gradient(circle at 28% 28%,#080a10 0 9px,#626b89 10px 12px,transparent 13px),radial-gradient(circle at 70% 70%,#080a10 0 9px,#626b89 10px 12px,transparent 13px),#363d56}.intro-printer{position:absolute;left:-38px;right:-38px;top:15px;height:27px;transform:translateZ(50px);background:linear-gradient(#6c7184,#242734);border:1px solid #a3abc3;border-radius:8px;box-shadow:0 8px 20px #0007;animation:print-head 2.2s .5s ease-in-out both}.intro-printer:before{content:'';position:absolute;left:40%;top:-12px;width:20%;height:48px;border-radius:8px;background:linear-gradient(120deg,#d4d8e6,#6a718b);box-shadow:0 4px 12px #0008}.intro-printer:after{content:'';position:absolute;inset:100% 32% auto;height:20px;background:linear-gradient(#8d9effbb,transparent);filter:blur(2px)}.intro-rail{position:absolute;inset:-22px -28px;border-inline:3px solid #66708b88;transform:translateZ(-8px)}.intro-floor{position:absolute;width:260px;height:70px;bottom:14px;border-radius:50%;background:#6a7fff20;filter:blur(18px);animation:brand-arrive 1s both}.intro-replay{border:0;background:none;color:inherit;font:inherit;font-size:12px;text-decoration:underline;cursor:pointer}
@keyframes case-arrive{0%{opacity:0;transform:translateY(70px) rotateX(50deg) rotateY(-70deg) rotateZ(-12deg) scale(.7)}20%{opacity:1;transform:rotateX(16deg) rotateY(-28deg) rotateZ(-12deg)}75%{transform:rotateX(16deg) rotateY(-28deg) rotateZ(-12deg)}100%{transform:rotateX(0) rotateY(12deg) rotateZ(0)}}@keyframes print-reveal{to{clip-path:inset(0)}}@keyframes print-head{0%{top:15px;opacity:0}8%{opacity:1}88%{top:280px;opacity:1}100%{top:300px;opacity:0}}@keyframes brand-arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media(max-width:450px){.intro-skip{right:16px}.mozz-intro{padding:16px}.intro-workshop{height:390px;max-height:58dvh}.intro-caption{font-size:11px}}@media(prefers-reduced-motion:reduce){.mozz-intro *{animation:none!important}.intro-ink{clip-path:inset(0)}.intro-printer{display:none}}