:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--cream:#fff8ec;--paper:#fbefd9;--ink:#17161c;--ink-2:#45424f;--teal:#54cfc9;--teal-2:#2fb3ad;--teal-ink:#0b5f5b;--orange:#f7941d;--orange-2:#d65a1a;--navy:#23213a;--navy-2:#2e2b4b;--purple:#6a4bc8;--purple-2:#4b339a;--yellow:#f7c948;--green:#3dbb6b;--green-2:#2a9a55;--green-btn:#1e8449;--slate:#3e4152;--font-display:"Lilita One", "Fredoka", system-ui, sans-serif;--font-label:"Fredoka", system-ui, sans-serif;--font-body:"Nunito", system-ui, sans-serif;--radius:22px;--radius-lg:32px;--border:3px solid var(--ink);--pop:0 6px 0 var(--ink);--pop-lg:0 10px 0 var(--ink);--ease-bounce:cubic-bezier(.34, 1.56, .64, 1);--ease-out:cubic-bezier(.22, 1, .36, 1);--z-bg:0;--z-content:10;--z-nav:50;--z-modal:100}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:96px}body{background:var(--cream);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;font-size:1.0625rem;line-height:1.65}html,main{overflow-x:clip}img{max-width:100%;height:auto;display:block}a{color:inherit}h1,h2,h3{font-family:var(--font-display);letter-spacing:.01em;margin:0;font-weight:400;line-height:1.05}h2{font-size:clamp(2rem,4.4vw,3.4rem)}h3{font-size:1.6rem}p{margin:0 0 1rem}ul,ol{margin:0;padding:0;list-style:none}:focus-visible{outline:4px solid var(--ink);outline-offset:3px;border-radius:10px}.featured :focus-visible{outline-color:var(--yellow)}.footer :focus-visible{outline-color:var(--yellow)}.lightbox :focus-visible{outline-color:var(--yellow)}.container{width:min(1180px,100% - 32px);margin-inline-start:auto;margin-inline-end:auto}.skip-link{z-index:var(--z-modal);background:var(--ink);color:var(--cream);border-radius:12px;padding:10px 16px;font-weight:800;position:absolute;top:-60px;left:16px}.skip-link:focus{top:16px}.eyebrow{font-family:var(--font-label);text-transform:uppercase;letter-spacing:.22em;color:var(--teal-ink);margin-bottom:.75rem;font-size:.85rem;font-weight:600}.eyebrow:before{content:"";vertical-align:middle;background:currentColor;border-radius:3px;width:26px;height:5px;margin-right:10px;display:inline-block}.section-head{max-width:720px;margin-bottom:3rem}.section-head p:last-child{color:var(--ink-2)}.hl{color:var(--orange-2)}.btn{--bg:var(--cream);--fg:var(--ink);white-space:nowrap;min-height:48px;font-family:var(--font-display);letter-spacing:.03em;background:var(--bg);color:var(--fg);border:var(--border);box-shadow:var(--pop);cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .18s var(--ease-out), box-shadow .18s var(--ease-out), background-color .2s;border-radius:999px;justify-content:center;align-items:center;gap:.55em;padding:.7em 1.4em;font-size:1.15rem;text-decoration:none;display:inline-flex}.btn svg{fill:currentColor;flex:none;width:1.1em;height:1.1em}.btn:hover{box-shadow:0 8px 0 var(--ink);transform:translateY(-2px)}.btn:active{box-shadow:0 1px 0 var(--ink);transition-duration:60ms;transform:translateY(5px)}.btn-play{--bg:var(--green-btn);--fg:#fff;text-shadow:0 2px #00000040}.btn-play:hover{--bg:#1a7340}.btn-ghost:hover{--bg:#fff}.btn-sm{min-height:44px;box-shadow:0 4px 0 var(--ink);padding:.45em 1.1em;font-size:1rem}.btn-sm:hover{box-shadow:0 6px 0 var(--ink)}.btn-lg{padding:.75em 1.6em;font-size:1.3rem}.btn-xl{box-shadow:var(--pop-lg);white-space:nowrap;padding:.75em 1.6em;font-size:clamp(1.15rem,4.6vw,1.9rem)}.btn-xl:hover{box-shadow:0 12px 0 var(--ink)}.icon-btn{background:var(--cream);width:48px;height:48px;color:var(--ink);border:var(--border);box-shadow:0 4px 0 var(--ink);cursor:pointer;transition:transform .15s var(--ease-out), box-shadow .15s, background-color .2s;border-radius:50%;place-items:center;display:grid}.icon-btn svg{fill:none;stroke:currentColor;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.icon-btn:hover{background:var(--yellow)}.icon-btn:active{box-shadow:0 1px 0 var(--ink);transform:translateY(3px)}.nav{z-index:var(--z-nav);-webkit-backdrop-filter:blur(12px)saturate(1.3);border:var(--border);max-width:1180px;box-shadow:0 5px 0 var(--ink);transition:transform .35s var(--ease-out);background:#fff8ece0;border-radius:999px;justify-content:space-between;align-items:center;gap:1rem;margin-inline-start:auto;margin-inline-end:auto;padding:8px 10px 8px 12px;display:flex;position:fixed;top:16px;left:16px;right:16px}.nav.is-hidden{transform:translateY(calc(-100% - 24px))}.nav-brand{font-family:var(--font-display);white-space:nowrap;align-items:center;gap:10px;font-size:1.3rem;text-decoration:none;display:flex}.nav-brand img{width:44px;height:auto;transition:transform .4s var(--ease-bounce)}.nav-brand:hover img{transform:rotate(-12deg)scale(1.08)}.nav-brand em{color:#b5501a;font-style:normal}.nav-links{gap:4px;display:flex}.nav-links a{font-family:var(--font-label);border-radius:999px;padding:10px 14px;font-size:1rem;font-weight:600;text-decoration:none;transition:background-color .2s;display:block}.nav-links a:hover{background:#54cfc94d}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.motion-toggle{width:44px;height:44px;color:var(--ink);cursor:pointer;font-family:var(--font-label);background:0 0;border:3px solid #0000;border-radius:50%;place-items:center;margin-left:4px;padding:0;font-size:1rem;font-weight:600;transition:background-color .2s;display:grid}.motion-toggle:hover{background:#54cfc94d}.motion-toggle svg{fill:none;stroke:currentColor;stroke-width:3px;stroke-linecap:round;width:20px;height:20px}.motion-toggle .i-play{fill:currentColor;stroke:none;display:none}html.motion-off .motion-toggle .i-play{display:block}html.motion-off .motion-toggle .i-pause{display:none}.motion-label{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}html.motion-off *,html.motion-off :before,html.motion-off :after{animation-play-state:paused!important}html.motion-off .hero-art-play{animation:none}.nav-toggle{display:none}@media (max-width:860px){.nav-play{display:none}.nav-toggle{background:var(--yellow);border:var(--border);width:48px;height:48px;box-shadow:0 3px 0 var(--ink);cursor:pointer;border-radius:50%;place-content:center;gap:5px;padding:0;display:grid}.nav-toggle span{background:var(--ink);width:20px;height:3px;transition:transform .25s var(--ease-out), opacity .2s;border-radius:3px;display:block}.nav-toggle[aria-expanded=true] span:first-child{transform:translateY(8px)rotate(45deg)}.nav-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.nav-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-8px)rotate(-45deg)}#nav-menu{background:var(--cream);border:var(--border);box-shadow:0 5px 0 var(--ink);opacity:0;visibility:hidden;transition:opacity .2s, transform .25s var(--ease-out), visibility 0s .25s;border-radius:24px;padding:10px;position:absolute;top:calc(100% + 12px);left:0;right:0;transform:translateY(-8px)}.nav.is-open #nav-menu{opacity:1;visibility:visible;transition:opacity .2s, transform .25s var(--ease-out);transform:none}.nav-links{flex-direction:column}.nav-links a{padding:14px 18px;font-size:1.15rem}.motion-toggle{border-radius:999px;justify-content:flex-start;gap:12px;width:100%;height:auto;margin:0;padding:14px 18px;font-size:1.15rem;display:flex}.motion-label{clip:auto;width:auto;height:auto;position:static;overflow:visible}}.hero{padding:140px 0 80px;position:relative;overflow:hidden}.hero-bg{z-index:var(--z-bg);pointer-events:none;background:radial-gradient(circle at 1px 1px,#17161c1f 1.5px,#0000 0) 0 0/28px 28px;position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask-image:linear-gradient(#000 40%,#0000);mask-image:linear-gradient(#000 40%,#0000)}.bg-marble{border:3px solid var(--ink);border-radius:50%;position:absolute}.bg-marble:after{content:"";background:#ffffffb3;border-radius:50%;width:30%;height:22%;position:absolute;top:18%;left:20%;transform:rotate(-30deg)}.m1{background:var(--orange);width:34px;height:34px;top:18%;left:4%}.m2{background:var(--teal);width:22px;height:22px;top:72%;left:44%}.m3{background:var(--purple);width:28px;height:28px;top:12%;right:38%}.m4{background:var(--yellow);width:18px;height:18px;top:94%;left:46%}.hero-grid{z-index:var(--z-content);grid-template-columns:1.02fr 1fr;align-items:center;gap:40px;display:grid;position:relative}.pill{border:var(--border);box-shadow:0 4px 0 var(--ink);font-family:var(--font-label);background:#fff;border-radius:999px;align-items:center;gap:10px;margin-bottom:1.4rem;padding:8px 16px;font-size:.98rem;font-weight:500;display:inline-flex}.pill-dot{background:var(--green);border-radius:50%;width:12px;height:12px;animation:1.8s 4 ping;box-shadow:0 0 #3dbb6b99}@keyframes ping{70%{box-shadow:0 0 0 10px #3dbb6b00}to{box-shadow:0 0 #3dbb6b00}}.hero-title{margin-bottom:1.4rem;font-size:clamp(3rem,7.2vw,6rem);line-height:.98}.hero-title .word{opacity:0;animation:word-in .8s var(--ease-bounce) forwards;display:inline-block;transform:translateY(40px)rotate(4deg)}.hero-title .word:nth-of-type(2){animation-delay:80ms}.hero-title .word:nth-of-type(3){animation-delay:.22s}.hero-title .word:nth-of-type(4){animation-delay:.32s}.hero-title .word:nth-of-type(5){animation-delay:.44s}@keyframes word-in{to{opacity:1;transform:none}}.hero-title .accent{color:var(--orange);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;text-shadow:0 6px 0 var(--ink);position:relative}.squiggle{width:100%;height:.28em;position:absolute;bottom:-.18em;left:0;right:0;overflow:visible}.squiggle path{fill:none;stroke:var(--teal-2);stroke-width:6px;stroke-linecap:round;stroke-dasharray:260;stroke-dashoffset:260px;animation:draw 1s .9s var(--ease-out) forwards}@keyframes draw{to{stroke-dashoffset:0}}.hero-lede{max-width:34em;color:var(--ink-2);font-size:1.2rem}.hero-lede strong{color:var(--ink)}.hero-ctas{flex-wrap:wrap;gap:14px;margin:1.8rem 0 1.6rem;display:flex}.hero-meta{flex-wrap:wrap;gap:8px 20px;font-size:.98rem;font-weight:700;display:flex}.hero-meta li{align-items:center;gap:6px;display:flex}.hero-meta svg{fill:none;width:20px;height:20px;stroke:var(--green-2);stroke-width:3.5px;stroke-linecap:round;stroke-linejoin:round}.hero-art{aspect-ratio:1;justify-self:end;width:100%;max-width:600px;position:relative}.hero-disc{background:radial-gradient(circle at 35% 30%, #7be0db, var(--teal) 55%, var(--teal-2));border:4px solid var(--ink);box-shadow:0 12px 0 var(--ink), inset 0 -18px 0 #00000014;border-radius:50%;position:absolute;top:4%;bottom:4%;left:4%;right:4%}.hero-3d{position:absolute;top:-6%;bottom:0;left:-8%;right:-8%}.hero-3d canvas{cursor:grab;touch-action:pan-y;display:block;width:100%!important;height:100%!important}.hero-3d canvas:active{cursor:grabbing}.hero-fallback{border:var(--border);border-radius:var(--radius);width:76%;box-shadow:var(--pop);position:absolute;top:22%;left:12%}.hero-3d.is-live .hero-fallback{display:none}.hero-sticker{filter:drop-shadow(0 8px #17161ce6);pointer-events:none;width:42%;position:absolute;bottom:-4%;left:-6%;transform:rotate(-8deg)}.hero-arch{z-index:2;pointer-events:none;width:100%;height:100%;font-family:var(--font-display);letter-spacing:.06em;font-size:10px;position:absolute;top:0;bottom:0;left:0;right:0;overflow:visible}.hero-arch text{fill:var(--orange);stroke:var(--ink);stroke-width:1.4px;stroke-linejoin:round;paint-order:stroke fill}.hero-arch .y{fill:var(--yellow)}.hero-art-play{z-index:2;animation:2.4s ease-in-out infinite art-play;position:absolute;bottom:16%;right:2%;transform:rotate(4deg)}.hero-art-play:hover{animation-play-state:paused}@keyframes art-play{50%{transform:rotate(2deg)scale(1.06)}}@media (min-width:961px){.hero-art-play{display:none}}@media (max-width:960px){.hero{padding-top:120px}.hero-grid{grid-template-columns:1fr;gap:12px}.hero-art{order:-1;justify-self:center;max-width:520px;margin-top:calc(min(100%,520px)/16.6667)}.hero-copy .pill{display:none}.hero-art-play{font-size:1.15rem;bottom:25%}.hero-sticker{bottom:5%}.bg-marble{display:none}}.marquee{background:var(--ink);color:var(--cream);border-block:4px solid var(--ink);margin:10px -20px;overflow:hidden;transform:rotate(-1.5deg)}.marquee-track{align-items:center;gap:36px;width:max-content;padding:18px 0;animation:26s linear infinite marquee;display:flex}.marquee span{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;font-size:clamp(1.6rem,3.4vw,2.6rem)}.marquee span:nth-of-type(3n+2){color:var(--yellow)}.marquee span:nth-of-type(3n){color:var(--teal)}.marquee i{background:var(--orange);border-radius:50%;flex:none;width:22px;height:22px;box-shadow:inset -4px -4px #0003}@keyframes marquee{to{transform:translate(-50%)}}.featured{background:var(--navy);color:#f4f1ff;margin-top:-30px;padding:120px 0;position:relative}.featured:before{content:"";opacity:.35;pointer-events:none;background:conic-gradient(var(--navy-2) 25%, transparent 0 50%, var(--navy-2) 0 75%, transparent 0) 0 0 / 64px 64px;position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask-image:radial-gradient(at 30%,#000,#0000 75%);mask-image:radial-gradient(at 30%,#000,#0000 75%)}.featured-grid{grid-template-columns:1.15fr 1fr;align-items:center;gap:64px;display:grid;position:relative}.featured .eyebrow{color:var(--teal)}.featured .lede{color:#d5d1ec;font-size:1.15rem}.featured-media{perspective:1200px;position:relative}.screen-frame{border:4px solid var(--ink);border-radius:var(--radius);box-shadow:0 14px 0 var(--ink), 0 30px 60px #00000059;transform-origin:40%;transform:scale(var(--s,1)) rotateY(var(--ry,0deg)) rotateX(var(--rx,0deg));transition:transform .45s var(--ease-bounce), box-shadow .3s;background:#fff;overflow:hidden}.screen-bar{background:var(--paper);border-bottom:3px solid var(--ink);align-items:center;gap:7px;padding:10px 14px;display:flex}.screen-bar i{border:2px solid var(--ink);background:var(--orange);border-radius:50%;width:13px;height:13px}.screen-bar i:nth-child(2){background:var(--yellow)}.screen-bar i:nth-child(3){background:var(--green)}.screen-bar span{border:2px solid var(--ink);font-family:var(--font-label);color:var(--ink);background:#fff;border-radius:999px;margin-left:10px;padding:2px 12px;font-size:.85rem;font-weight:500}.screen-link{cursor:pointer;display:block;position:relative}.play-tag{opacity:0;background:var(--green-btn);color:#fff;border:var(--border);box-shadow:0 4px 0 var(--ink);font-family:var(--font-display);text-shadow:0 2px #00000040;white-space:nowrap;transition:opacity .2s, translate .35s var(--ease-bounce);pointer-events:none;border-radius:999px;align-items:center;gap:8px;padding:8px 18px;font-size:1.15rem;display:inline-flex;position:absolute;bottom:16px;left:50%;translate:-50% 12px}.play-tag svg{fill:currentColor;width:1em;height:1em}@media (hover:hover) and (prefers-reduced-motion:no-preference){.featured-media:hover{z-index:3}.featured-media:hover .screen-frame{--s:1.16;box-shadow:0 18px 0 var(--ink), 0 50px 90px #0000008c}.featured-media:hover .burst{animation-duration:.9s}.featured-media:hover .play-tag{opacity:1;translate:-50%}}.screen-link:focus-visible .play-tag{opacity:1;translate:-50%}.screen-video{aspect-ratio:16/9;object-fit:cover;background:var(--navy);width:100%;height:auto;display:block}.burst{width:130px;filter:drop-shadow(0 5px 0 var(--ink));animation:3s ease-in-out 2 wobble;position:absolute;top:-46px;right:-30px;transform:rotate(-10deg)}.burst polygon{fill:var(--yellow);stroke:var(--ink);stroke-width:3.5px;stroke-linejoin:round}.burst text{font-family:var(--font-display);fill:var(--ink);font-size:24px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes wobble{0%,to{transform:rotate(-10deg)scale(1)}50%{transform:rotate(8deg)scale(1.06)}}.game-wordmark{color:#fff;letter-spacing:.02em;flex-wrap:nowrap;margin-bottom:1.3rem;font-size:clamp(1.8rem,3.9vw,3.3rem);line-height:1;display:flex}.game-wordmark span{text-shadow:0 5px #0e0d1a;transition:transform .3s var(--ease-bounce);display:inline-block}.game-wordmark .y{color:var(--yellow)}.game-wordmark span:hover{transform:translateY(-8px)rotate(-6deg)}.stats{grid-template-columns:repeat(4,1fr);gap:12px;margin:1.8rem 0 2rem;display:grid}.stats div{background:var(--navy-2);text-align:center;border:3px solid #0e0d1a;border-radius:18px;padding:14px 10px 10px;box-shadow:0 5px #0e0d1a}.stats dt{font-family:var(--font-label);text-transform:uppercase;letter-spacing:.14em;color:#b9b4da;font-size:.78rem;font-weight:600}.stats dd{font-family:var(--font-display);color:var(--yellow);margin:0;font-size:2.3rem;line-height:1.1}@media (max-width:960px){.featured{padding:100px 0 90px}.featured-grid{grid-template-columns:minmax(0,1fr);gap:64px}.game-wordmark{font-size:min(1.8rem,7.4vw)}.burst{width:100px;top:-38px;right:-8px}}@media (max-width:520px){.stats{grid-template-columns:repeat(2,1fr)}}.soon{flex-wrap:wrap;gap:12px;margin-top:1.4rem;display:flex}.soon li{color:#f4f1ff;border:3px dashed #7c77a6;border-radius:16px;align-items:center;gap:10px;min-height:52px;padding:8px 18px 8px 12px;display:flex}.soon svg{fill:none;width:26px;height:26px;stroke:var(--teal);stroke-width:2.2px;stroke-linecap:round}.soon span{font-family:var(--font-display);font-size:1.25rem;line-height:1.05}.soon small{font-family:var(--font-label);letter-spacing:.12em;text-transform:uppercase;color:#b9b4da;font-size:.72rem;font-weight:500;display:block}.hero-meta .meta-soon svg{stroke:var(--teal-ink);stroke-width:2.4px}.how{padding:120px 0 80px}.how-steps{gap:90px;display:grid;position:relative}.how-track{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0;overflow:visible}.rail-outer{fill:none;stroke:var(--purple);stroke-width:24px;stroke-linecap:round}.rail-inner{fill:none;stroke:var(--yellow);stroke-width:12px;stroke-linecap:round}.svg-marble{filter:drop-shadow(0 4px #17161c59)}.step{z-index:1;grid-template-columns:1fr 120px 1fr;align-items:center;display:grid;position:relative}.step-media{border:var(--border);border-radius:var(--radius);box-shadow:var(--pop);background:var(--navy);transition:transform .35s var(--ease-bounce);margin:0;overflow:hidden;transform:rotate(-1.2deg)}.step-media:hover{transform:rotate(0)translateY(-4px)}.step-flip .step-media{grid-area:1/3;transform:rotate(1.2deg)}.step-flip .step-copy{text-align:right;grid-area:1/1}.step-flip .step-num{grid-area:1/2}.step-num{background:var(--cream);border:var(--border);width:64px;height:64px;box-shadow:0 5px 0 var(--ink);font-family:var(--font-display);transition:background-color .3s, transform .4s var(--ease-bounce);border-radius:50%;justify-self:center;place-items:center;font-size:1.9rem;display:grid}.step.is-lit .step-num{background:var(--green);transform:scale(1.12)}.step-copy h3{margin-bottom:.6rem;font-size:clamp(2rem,3.4vw,2.8rem)}.step-copy p{color:var(--ink-2);max-width:30em;font-size:1.1rem}.step-flip .step-copy p{margin-left:auto}@media (max-width:860px){.how-steps{gap:64px;padding-left:58px}.step,.step-flip{grid-template-columns:1fr;gap:18px}.step-flip .step-media,.step-flip .step-copy,.step-flip .step-num{grid-area:auto/1}.step-flip .step-copy{text-align:left}.step-num{justify-self:auto;width:48px;height:48px;font-size:1.4rem;position:absolute;top:50%;left:-58px;translate:0 -50%}.rail-outer{stroke-width:18px}.rail-inner{stroke-width:8px}}.features{padding:80px 0 120px}.features-grid{grid-template-columns:1.2fr .8fr;align-items:center;gap:70px;display:grid}.features .section-head{margin-bottom:2.2rem}.feature-list{grid-template-columns:1fr 1fr;gap:26px 30px;display:grid}.feature-list li{align-items:flex-start;gap:16px;display:flex}.feature-list h3{margin-bottom:.3rem;font-size:1.45rem}.feature-list p{color:var(--ink-2);margin:0}.fi{border:var(--border);width:56px;height:56px;box-shadow:0 4px 0 var(--ink);border-radius:16px;flex:none;place-items:center;display:grid}.fi svg{fill:none;width:28px;height:28px;stroke:var(--ink);stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round}.fi-1{background:var(--teal);transform:rotate(-4deg)}.fi-2{background:var(--yellow);transform:rotate(3deg)}.fi-3{background:#ffb27a;transform:rotate(-2deg)}.fi-4{background:#bca9ff;transform:rotate(4deg)}.phone{justify-self:center;width:min(300px,70vw);position:relative}.phone:before{content:"";background:var(--teal);border:4px solid var(--ink);z-index:0;border-radius:50%;position:absolute;top:8%;bottom:8%;left:-30%;right:-30%}.phone-body{z-index:1;background:var(--ink);transition:transform .4s var(--ease-bounce);border-radius:44px;padding:12px;position:relative;transform:rotate(4deg);box-shadow:0 12px #17161c59}.phone:hover .phone-body{transform:rotate(0)translateY(-6px)}.phone-body img{border-radius:34px;width:100%}.phone-tag{z-index:2;background:var(--yellow);border:var(--border);box-shadow:0 4px 0 var(--ink);font-family:var(--font-display);white-space:nowrap;border-radius:999px;padding:8px 16px;font-size:1.05rem;position:absolute;bottom:12%;left:-18%;transform:rotate(-6deg)}@media (max-width:960px){.features-grid{grid-template-columns:1fr;gap:60px}.phone-tag{bottom:-18px;left:50%;translate:-50%}}@media (max-width:620px){.feature-list{grid-template-columns:1fr}}.worlds{background:var(--teal);border-block:4px solid var(--ink);padding:110px 0;position:relative;overflow:hidden}.worlds .eyebrow{color:var(--ink)}.world-list{counter-reset:w;grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.world{background:var(--cream);border:var(--border);border-radius:var(--radius-lg);box-shadow:var(--pop-lg);min-height:280px;transition:transform .3s var(--ease-bounce);flex-direction:column;gap:8px;padding:30px 26px 26px;display:flex;position:relative}.world:hover{transform:translateY(-6px)}.world-link{z-index:2;border-radius:inherit;cursor:pointer;position:absolute;top:0;bottom:0;left:0;right:0}.world-link:focus-visible{outline:4px solid var(--ink);outline-offset:4px}.world-go{fill:none;stroke:currentColor;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;opacity:.45;width:30px;height:30px;transition:transform .25s var(--ease-bounce), opacity .2s;position:absolute;top:26px;right:24px}.world:hover .world-go,.world:focus-within .world-go{opacity:1;transform:translate(4px)}.world-no{border:var(--border);width:64px;height:64px;font-family:var(--font-display);color:#fff;box-shadow:0 4px 0 var(--ink);text-shadow:0 2px #0000004d;border-radius:18px;place-items:center;margin-bottom:10px;font-size:2rem;display:grid}.w1 .world-no{background:var(--orange);color:var(--ink);text-shadow:none;transform:rotate(-6deg)}.w2 .world-no{background:var(--purple);transform:rotate(4deg)}.w3 .world-no{background:var(--green);color:var(--ink);text-shadow:none;transform:rotate(-3deg)}.w-more{background:var(--ink);color:var(--cream)}.world.w-more p{color:#cfcbda}.w-more .world-no{background:var(--yellow);color:var(--ink);text-shadow:none;font-size:1.6rem;transform:rotate(5deg)}.w-more .world-count{background:var(--yellow);color:var(--ink)}.world h3{font-size:2rem}.world p{color:var(--ink-2);flex:1;margin:0}.world-count{background:var(--ink);color:var(--cream);font-family:var(--font-label);border-radius:999px;align-self:flex-start;margin-top:12px;padding:4px 14px;font-size:.95rem;font-weight:600}@media (max-width:1060px){.world-list{grid-template-columns:repeat(2,1fr)}}@media (max-width:620px){.world-list{grid-template-columns:1fr}.world{min-height:0}}.gallery{padding:110px 0 90px}.gallery-head{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.gallery-head .section-head{margin-bottom:2rem}.gallery-stage{--card:min(560px, 82vw);--side:calc((100% - var(--card)) / 2);position:relative}.gallery-arrow{z-index:2;top:var(--arrow-y,calc(50% - 10px));-webkit-backdrop-filter:blur(4px);background:#fff8ecd1;border-color:#17161ccc;width:56px;height:56px;position:absolute;translate:0 -50%;box-shadow:0 4px #17161c80}.gallery-arrow:hover{border-color:var(--ink);box-shadow:0 4px 0 var(--ink);background:#f7c948eb}.gallery-arrow:active{transform:translateY(calc(3px - 50%))}.gallery-arrow svg{width:26px;height:26px}.gallery-arrow{--half:28px}.gallery-arrow.is-prev{left:calc(var(--side) - var(--half))}.gallery-arrow.is-next{right:calc(var(--side) - var(--half))}@media (max-width:640px){.gallery-arrow{--half:24px;width:48px;height:48px}}.gallery-track{grid-auto-flow:column;grid-auto-columns:var(--card);scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:10px var(--side) 30px;scrollbar-width:none;gap:24px;display:grid;overflow-x:auto}.gallery-track::-webkit-scrollbar{display:none}.gallery-track li{scroll-snap-align:center}.shot{background:var(--navy);border:var(--border);border-radius:var(--radius);width:100%;box-shadow:var(--pop);cursor:zoom-in;text-align:left;font:inherit;color:inherit;transition:transform .3s var(--ease-bounce), box-shadow .2s;padding:0;display:block;overflow:hidden}.shot:hover{box-shadow:0 0 0 4px var(--yellow), var(--pop)}.gallery-track li.is-spot .shot{animation:spot 1.4s var(--ease-out)}@keyframes spot{0%,to{box-shadow:var(--pop)}25%,60%{box-shadow:0 0 0 6px var(--yellow), 0 12px 0 var(--ink);transform:translateY(-6px)}}.shot img{aspect-ratio:16/9;object-fit:cover;width:100%}.shot span{background:var(--cream);border-top:3px solid var(--ink);font-family:var(--font-display);white-space:nowrap;text-overflow:ellipsis;padding:12px clamp(14px,4vw,18px);font-size:clamp(.95rem,4.4vw,1.25rem);display:block;overflow:hidden}.lightbox{border:4px solid var(--ink);border-radius:var(--radius);background:var(--cream);width:100%;max-width:min(1100px,94vw);box-shadow:0 14px 0 var(--ink);padding:0;overflow:visible}.lightbox::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#17161cc7}.lightbox[open]{animation:pop-in .35s var(--ease-bounce)}@keyframes pop-in{0%{opacity:0;transform:scale(.9)}}.lightbox img{border-radius:calc(var(--radius) - 4px) calc(var(--radius) - 4px) 0 0;width:100%}.lightbox p{font-family:var(--font-display);margin:0;padding:14px 20px;font-size:1.3rem}.lightbox-close{position:absolute;top:-18px;right:-18px}.lightbox-arrow{top:50%}.lightbox-arrow.is-prev{left:calc(var(--half) * -1)}.lightbox-arrow.is-next{right:calc(var(--half) * -1)}@media (max-width:640px){.lightbox-arrow.is-prev{left:-16px}.lightbox-arrow.is-next{right:-16px}.lightbox-close{top:-62px;right:0}}.studio{padding:100px 0 120px}@media (max-width:640px){.gallery{padding:80px 0 10px}.studio{padding-top:0}}.studio-grid{grid-template-columns:.9fr 1.1fr;align-items:center;gap:70px;display:grid}.studio-art{aspect-ratio:1;justify-self:center;place-items:center;width:100%;max-width:480px;display:grid;position:relative}.studio-disc{background:var(--orange);border:4px solid var(--ink);box-shadow:0 12px 0 var(--ink);border-radius:50%;position:absolute;top:8%;bottom:8%;left:8%;right:8%}.studio-disc:before{content:"";border:3px dashed var(--ink);opacity:.35;border-radius:50%;animation:40s linear infinite spin;position:absolute;top:-26px;bottom:-26px;left:-26px;right:-26px}.cat-btn{cursor:pointer;background:0 0;border:0;border-radius:50%;width:92%;padding:0;position:relative}.cat-btn img{filter:drop-shadow(0 8px #17161cd9);transition:transform .4s var(--ease-bounce)}.cat-btn:hover img{transform:rotate(-3deg)scale(1.03)}.cat-btn.is-petted img{animation:.6s ease-in-out purr}@keyframes purr{20%,60%{transform:rotate(-4deg)scale(1.04)}40%,80%{transform:rotate(4deg)scale(1.04)}}.purr{border:var(--border);font-family:var(--font-display);box-shadow:0 4px 0 var(--ink);opacity:0;transition:opacity .2s, transform .3s var(--ease-bounce);pointer-events:none;background:#fff;border-radius:999px 999px 999px 6px;margin:0;padding:6px 16px;font-size:1.3rem;position:absolute;top:6%;right:2%;transform:translateY(10px)scale(.8)}.purr.is-on{opacity:1;transform:none}.studio-copy h2{margin-bottom:1.2rem}.studio-copy p{color:var(--ink-2);font-size:1.12rem}.studio-copy .studio-lede{font-family:var(--font-label);color:var(--ink);font-size:1.45rem;font-weight:500;line-height:1.4}.values{flex-wrap:wrap;gap:10px;margin-top:1.4rem;display:flex}.values li{border:var(--border);font-family:var(--font-label);box-shadow:0 3px 0 var(--ink);background:#fff;border-radius:999px;padding:8px 16px;font-weight:600}.values li:first-child{background:#d8f4f2}.values li:nth-child(2){background:#ffe7c7}.values li:nth-child(3){background:#e6deff}.values li:nth-child(4){background:#d9f3e1}@media (max-width:860px){.studio-grid{grid-template-columns:1fr;gap:40px}.studio-art{max-width:360px}}.cta{padding:20px 0 120px}.cta-card{text-align:center;background:radial-gradient(circle at 50% 120%, #7be0db, var(--teal) 60%);border:4px solid var(--ink);box-shadow:0 14px 0 var(--ink);border-radius:40px;padding:clamp(60px,9vw,110px) 24px;position:relative;overflow:hidden}.cta-card h2{color:#fff;-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;text-shadow:0 6px 0 var(--ink);margin-bottom:1rem;font-size:clamp(2.4rem,6vw,4.8rem)}.cta-card p{max-width:32em;margin:0 auto 2.2rem;font-size:1.2rem;font-weight:600}.cta-card .cta-url{font-family:var(--font-label);letter-spacing:.12em;text-transform:uppercase;margin:1.6rem auto 0;font-size:.95rem;font-weight:600}.cta-card>:not(.cta-marbles){z-index:1;position:relative}.cta-marbles i{border:3px solid var(--ink);border-radius:50%;width:36px;height:36px;animation:3.6s cubic-bezier(.5,0,.75,0) 3 both paused drop;position:absolute;top:-40px}.cta-card.is-in .cta-marbles i{animation-play-state:running}.cta-marbles i:after{content:"";background:#ffffffb3;border-radius:50%;width:30%;height:22%;position:absolute;top:18%;left:20%}.cta-marbles i:first-child{background:var(--orange);left:12%}.cta-marbles i:nth-child(2){background:var(--yellow);animation-delay:-1.2s;left:84%}.cta-marbles i:nth-child(3){background:var(--purple);width:26px;height:26px;animation-delay:-2.4s;left:68%}@keyframes drop{0%{transform:translateY(0)rotate(0)}to{transform:translateY(640px)rotate(540deg)}}.footer{background:var(--ink);color:var(--cream);padding:40px 0}.footer-grid{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.footer .nav-brand em{color:var(--orange)}.footer-links{flex-wrap:wrap;gap:6px 22px;display:flex}.footer-links a{font-family:var(--font-label);padding:10px 0;font-weight:500;text-decoration:none;display:inline-block}.footer-links a:hover{color:var(--teal)}.footer-note{color:#bdb9c9;margin:0;font-size:.95rem}.js .reveal{opacity:0;transition:opacity .7s var(--ease-out) var(--d,0s), translate .8s var(--ease-bounce) var(--d,0s), transform .3s var(--ease-bounce), box-shadow .2s, background-color .2s;translate:0 28px}.js .reveal.is-in{opacity:1;translate:0}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.hero-title .word{opacity:1;transform:none}.squiggle path{stroke-dashoffset:0}.js .reveal{opacity:1;translate:0}.cta-marbles,.bg-marble{display:none}}
