:root{--night: #10163a;--night-2: #1a2357;--panel: #1f2a63;--line: rgba(255, 231, 163, .18);--snow: #eef3ff;--muted: #b9c3ea;--gold: #ffc857;--gold-soft: #ffe7a3;--holly: #e0465b;--display: "Fredoka", "Trebuchet MS", system-ui, sans-serif;--body: "Andika", "Trebuchet MS", system-ui, sans-serif;--step--1: clamp(.85rem, .8rem + .2vw, .95rem);--step-0: clamp(1rem, .95rem + .25vw, 1.12rem);--step-1: clamp(1.2rem, 1.1rem + .5vw, 1.45rem);--step-2: clamp(1.6rem, 1.3rem + 1.2vw, 2.3rem);--step-3: clamp(2.4rem, 1.6rem + 4vw, 5rem);color-scheme:dark}html{background:var(--night)}body{background:var(--night);color:var(--snow);font:400 var(--step-0)/1.55 var(--body);margin:0}body:before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);background:var(--night);z-index:20}h1,h2,h3{font-family:var(--display);text-wrap:balance;line-height:1.1;margin:0}p{margin:0}a{color:var(--gold)}button:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.wrap{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));max-width:1180px;margin:0 auto;box-sizing:content-box}.bar{position:sticky;top:env(safe-area-inset-top,0px);z-index:10;background:#10163aeb;backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.bar__inner{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;justify-content:space-between;padding:10px max(16px,env(safe-area-inset-right,0px)) 10px max(16px,env(safe-area-inset-left,0px));max-width:1180px;margin:0 auto}.bar__brand{font:600 var(--step--1) var(--display);color:var(--gold-soft);letter-spacing:.04em}.switch{display:flex;flex-wrap:wrap;gap:6px}.switch button{font:600 var(--step--1) var(--display);color:var(--snow);background:transparent;border:2px solid var(--line);border-radius:999px;padding:.45em .95em;min-height:40px;cursor:pointer}.switch button[aria-pressed=true]{background:var(--gold);color:var(--night);border-color:var(--gold)}.hero{position:relative;overflow:hidden}.hero__art{aspect-ratio:2400 / 1080;max-height:78vh;width:100%;max-width:100%}.hero__art svg,.art svg{display:block;width:100%;height:100%}.hero:after{content:"";position:absolute;inset:auto 0 0;height:55%;background:linear-gradient(transparent,var(--night));pointer-events:none}.hero__text{position:absolute;left:0;right:0;bottom:clamp(12px,4vw,48px);z-index:2;display:grid;gap:8px}.hero h1{font-size:var(--step-3);color:var(--gold);text-shadow:0 4px 0 #0a0e2e,0 0 40px rgba(255,200,87,.35)}.lede{max-width:38em;font-size:var(--step-1);color:var(--snow);text-shadow:0 2px 8px #0a0e2e}.eyebrow{font:600 var(--step--1) var(--display);text-transform:uppercase;letter-spacing:.12em;color:var(--gold-soft)}@media(max-width:640px){.hero__art{aspect-ratio:4 / 3}.hero__text{position:relative;bottom:auto;margin-top:-2rem}.lede{font-size:var(--step-0)}}.snow{position:absolute;inset:0;pointer-events:none;z-index:1;background-image:radial-gradient(2px 2px at 20% 30%,#fff 50%,transparent 51%),radial-gradient(3px 3px at 70% 10%,#fff 50%,transparent 51%),radial-gradient(2px 2px at 40% 60%,#fff 50%,transparent 51%),radial-gradient(2.5px 2.5px at 85% 50%,#fff 50%,transparent 51%),radial-gradient(2px 2px at 55% 85%,#fff 50%,transparent 51%),radial-gradient(3px 3px at 10% 80%,#fff 50%,transparent 51%);background-size:320px 320px;opacity:.7;animation:fall 14s linear infinite}@keyframes fall{to{background-position:40px 320px,-30px 320px,20px 320px,-20px 320px,30px 320px,-40px 320px}}.block{padding-block:clamp(40px,7vw,88px);display:grid;gap:20px;border-top:1px solid var(--line)}.block h2{font-size:var(--step-2);color:var(--snow);display:flex;gap:.5em;align-items:baseline}.block h3{font-size:var(--step-1);color:var(--gold-soft)}.num{font:700 .6em var(--display);color:var(--night);background:var(--gold);border-radius:50%;width:1.7em;height:1.7em;display:inline-grid;place-items:center;flex:none;transform:translateY(-.15em)}.sub{max-width:60ch;color:var(--muted)}.note{color:var(--muted);font-size:var(--step--1)}.intro{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:32px;align-items:start;border-top:0}.intro p{max-width:60ch}.intro>div{display:grid;gap:12px;min-width:0}.current{background:var(--panel);border-radius:18px;padding:20px}.current #style-tagline{font-size:var(--step-1);font-family:var(--display);font-weight:500}.art{border-radius:16px;overflow:hidden;box-shadow:0 18px 40px #00000059;background:var(--night-2)}.art--wide{aspect-ratio:2400 / 1080;max-width:100%;position:relative}.annotated{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(0,1fr);gap:24px;align-items:start}@media(max-width:900px){.annotated{grid-template-columns:minmax(0,1fr)}}.spot{position:absolute;transform:translate(-50%,-50%);width:30px;height:30px;border-radius:50%;background:var(--gold);color:var(--night);font:700 15px/30px var(--display);text-align:center;box-shadow:0 0 0 4px #ffc85759,0 4px 10px #0006;animation:pulse 2.4s ease-in-out infinite}.spot--inline{position:static;transform:none;flex:none;animation:none}@keyframes pulse{50%{box-shadow:0 0 0 10px #ffc85700,0 4px 10px #0006}}.legend{list-style:none;margin:0;padding:0;display:grid;gap:14px}.legend li{display:flex;gap:12px;align-items:flex-start}.legend li>div{min-width:0}.legend strong{font-family:var(--display);font-weight:600;display:block}.legend p{color:var(--muted);font-size:var(--step--1)}.actions{display:flex;flex-wrap:wrap;gap:12px 18px;align-items:center;color:var(--muted);font-size:var(--step--1)}.cta{display:inline-flex;align-items:center;gap:.5em;font:700 var(--step-0) var(--display);color:var(--night);background:var(--gold);border:0;border-radius:999px;padding:.7em 1.4em;text-decoration:none;box-shadow:0 4px #b8862a;cursor:pointer;min-height:48px}.cta:before{content:"▶";font-size:.8em}.cta:active{transform:translateY(3px);box-shadow:0 1px #b8862a}.cta--small{font-size:var(--step--1)}.mila-intro{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:24px}.facts{list-style:none;margin:0;padding:0;display:grid;gap:10px}.facts li{color:var(--muted);font-size:var(--step--1)}.facts strong{display:block;color:var(--snow);font-family:var(--display);font-weight:600;font-size:var(--step-0)}.expr-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.expr-grid--small{grid-template-columns:repeat(5,minmax(0,1fr))}@media(max-width:720px){.expr-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.expr-grid--small{grid-template-columns:repeat(3,minmax(0,1fr))}}.expr{margin:0;background:radial-gradient(circle at 50% 35%,#2f3f86,var(--panel) 70%);border-radius:18px;padding:12px 10px 14px;display:grid;gap:6px;text-align:center}.expr__art{aspect-ratio:400 / 560;overflow:hidden}.expr__art svg{width:100%;height:auto;display:block;animation:bob 3.2s ease-in-out infinite;animation-delay:var(--d)}.expr .rk-lids{animation:blink 4.6s steps(1) infinite;animation-delay:var(--d)}@keyframes blink{0%,95%{opacity:0}96%,98%{opacity:1}}@keyframes bob{50%{transform:translateY(-2%)}}.expr figcaption{display:grid;gap:2px}.expr strong{font-family:var(--display);font-weight:600;color:var(--gold-soft)}.expr span{font-size:var(--step--1);color:var(--muted)}.expr--small .expr__art{aspect-ratio:400 / 600}.story{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}@media(max-width:820px){.story{grid-template-columns:minmax(0,1fr)}}.frame{margin:0;display:grid;gap:10px}.frame__art{aspect-ratio:1000 / 600;max-width:100%;border-radius:14px;overflow:hidden;background:var(--night-2)}.frame__art svg{width:100%;height:100%;display:block}.frame figcaption{display:flex;gap:10px;align-items:flex-start;color:var(--muted);font-size:var(--step--1)}.step{flex:none;width:26px;height:26px;border-radius:50%;border:2px solid var(--gold);color:var(--gold);font:700 14px/22px var(--display);text-align:center}.cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:24px 40px}.cols>div{display:grid;gap:10px;align-content:start;min-width:0}.cols p{color:var(--muted);max-width:60ch}.cols p strong{color:var(--snow)}.ticks{margin:0;padding:0;list-style:none;display:grid;gap:10px}.ticks li{padding-left:1.6em;position:relative;color:var(--muted)}.ticks li:before{content:"★";position:absolute;left:0;color:var(--gold)}.ticks strong{color:var(--snow)}.annotated--phone{align-items:center}.phone{display:grid;gap:14px;justify-items:center}.phone__screen{position:relative;width:100%;max-width:100%;aspect-ratio:844 / 390;border:12px solid #05081f;border-radius:34px;overflow:hidden;background:#000;box-shadow:0 0 0 2px #2e3a7a,0 24px 50px #00000080;box-sizing:border-box}.phone__screen img,.phone__screen iframe{display:block;width:100%;height:100%;border:0;object-fit:cover}.phone.is-live .ui-spots,.phone.is-live #play-here{display:none}.ui-spots .spot{width:26px;height:26px;line-height:26px;font-size:13px}.swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}.sw{background:var(--c);color:#fff;border-radius:14px;padding:46px 12px 12px;display:grid;gap:2px;border:1px solid var(--line)}.sw--light{color:#141b45}.sw span{font:600 var(--step--1) var(--display)}.sw code{font-size:.8rem;opacity:.85;font-variant-numeric:tabular-nums}.type{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:24px}.type>div{display:grid;gap:6px;background:var(--panel);border-radius:16px;padding:18px;min-width:0}.type__sample{font:400 var(--step-1) var(--body)}.type__sample--title{font:700 var(--step-2) var(--display);color:var(--gold)}.decide{background:var(--night-2);border-radius:24px;margin-block:40px;padding-block:32px;border:1px solid var(--line)}.questions{margin:0;padding-left:1.4em;display:grid;gap:12px;max-width:70ch}.questions li::marker{color:var(--gold);font-family:var(--display);font-weight:700}.questions strong{font-family:var(--display);font-weight:600;color:var(--gold-soft)}@media(prefers-reduced-motion:reduce){.snow,.spot,.expr__art svg,.expr .rk-lids{animation:none}}.v2 .hero__art{aspect-ratio:2400 / 1080}.stage{position:relative;overflow:hidden;container-type:inline-size}.stage--village{aspect-ratio:2400 / 1080;max-width:100%;background:#0e1438}.stage--bakery{aspect-ratio:2400 / 1080;max-width:100%;background:#3a2416}.stage--char{aspect-ratio:400 / 720;max-width:100%}.stage .layer{position:absolute;max-width:none;height:auto;display:block;transition:transform .25s ease-out;pointer-events:none}.stage .layer-group{position:absolute;inset:0;transition:transform .25s ease-out;pointer-events:none}.puppet{position:absolute;inset:0}.puppet .head{animation:bob 3.2s ease-in-out infinite;transform-origin:50% 90%}.layer.float{animation:float 3.2s ease-in-out infinite}.layer.swing{transform-origin:50% 0;animation:swing 2.6s ease-in-out infinite}@keyframes float{50%{translate:0 -3%;rotate:3deg}}@keyframes swing{25%{rotate:4deg}75%{rotate:-4deg}}.walk .walk-a{animation:stepA .36s steps(1) infinite}.walk .walk-b{animation:stepB .36s steps(1) infinite}@keyframes stepA{0%{opacity:1}50%{opacity:0}}@keyframes stepB{0%{opacity:0}50%{opacity:1}}.walk{animation:walkbob .36s ease-in-out infinite}@keyframes walkbob{50%{translate:0 -1.5%}}.burst{position:absolute;width:30%;aspect-ratio:1;translate:-50% -50%;background:radial-gradient(circle,rgba(255,224,138,.85),rgba(255,224,138,.25) 35%,transparent 65%);animation:pulse2 2.4s ease-in-out infinite;pointer-events:none}@keyframes pulse2{50%{scale:1.12;opacity:.8}}.dirs{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:14px;min-width:0}.dir-card{text-align:left;display:grid;gap:8px;padding:10px;background:var(--panel);border:2px solid var(--line);border-radius:18px;color:var(--snow);cursor:pointer;font:inherit}.dir-card .stage{border-radius:12px}.dir-card[aria-pressed=true],.dir-card:hover{border-color:var(--gold)}.dir-card__name{font:600 var(--step-1) var(--display);color:var(--gold-soft);display:flex;gap:.5em;align-items:center}.dir-card__name .num{font-size:.7em;transform:none}.dir-card__tag{font-size:var(--step--1);color:var(--muted)}.cta--ghost{background:transparent;color:var(--gold);box-shadow:inset 0 0 0 2px var(--gold)}.cast{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}@media(max-width:720px){.cast{grid-template-columns:repeat(2,minmax(0,1fr))}}.cast__item{margin:0;background:radial-gradient(circle at 50% 35%,#2f3f86,var(--panel) 70%);border-radius:18px;padding:12px;display:grid;gap:6px;text-align:center}.cast__item figcaption{font:600 var(--step--1) var(--display);color:var(--gold-soft)}.faces{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px}.faces--small{grid-template-columns:repeat(5,minmax(0,1fr));max-width:720px}@media(max-width:820px){.faces{grid-template-columns:repeat(4,minmax(0,1fr))}.faces--small{grid-template-columns:repeat(3,minmax(0,1fr))}}.face{margin:0;background:var(--panel);border-radius:50%;aspect-ratio:1;display:grid;place-items:center;position:relative;overflow:hidden}.face img{width:100%;height:100%;object-fit:cover;object-position:50% 30%}.face figcaption{position:absolute;bottom:6%;left:0;right:0;text-align:center;font:600 .75rem var(--display);color:var(--gold-soft);text-shadow:0 1px 3px #000}.frame__crop{aspect-ratio:1000 / 600;overflow:hidden;border-radius:14px;position:relative;max-width:100%}.frame__crop .stage{position:absolute;width:240%;max-width:none;left:-82%;top:-20%}.living{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:24px 40px}.living>div{display:grid;gap:10px;align-content:start;min-width:0}.cols--one{grid-template-columns:minmax(0,1fr)}code{font-size:.85em;background:var(--panel);padding:.1em .4em;border-radius:6px}@media(prefers-reduced-motion:reduce){.puppet .head,.layer.float,.layer.swing,.walk,.walk .walk-a,.walk .walk-b,.burst{animation:none}.walk .walk-b{opacity:0}}.pilot-title{font-size:var(--step-3);color:var(--gold);text-shadow:0 4px 0 #0a0e2e}.compare{position:relative;border-radius:18px;overflow:hidden;box-shadow:0 18px 40px #0006;max-width:100%}.compare>.stage{width:100%}.compare__before{position:absolute!important;inset:0}.compare__range{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0;z-index:3;touch-action:pan-y}.compare__handle{position:absolute;top:0;bottom:0;width:4px;translate:-50% 0;background:var(--gold);box-shadow:0 0 14px #ffc857cc;z-index:2;pointer-events:none}.compare__handle:after{content:"⟷";position:absolute;top:50%;left:50%;translate:-50% -50%;width:44px;height:44px;border-radius:50%;background:var(--gold);color:var(--night);display:grid;place-items:center;font:700 20px var(--display)}.compare__label{position:absolute;top:12px;z-index:2;font:600 var(--step--1) var(--display);background:#10163ac7;color:var(--gold-soft);padding:.3em .8em;border-radius:999px;pointer-events:none}.compare__label--l{left:12px}.compare__label--r{right:12px}.compare:focus-within .compare__handle:after{outline:3px solid var(--snow)}.crops{display:grid;gap:14px;min-width:0}.crop{margin:0;display:grid;gap:6px}.crop__box{position:relative;overflow:hidden;border-radius:14px;max-width:100%;background:var(--night-2)}.crop figcaption{font-size:var(--step--1);color:var(--muted)}.faces--pilot{grid-template-columns:repeat(3,minmax(0,1fr));max-width:520px}.layer.breathe{animation:breathe 6s ease-in-out infinite}.layer.drift{animation:drift 16s ease-in-out infinite}.layer.twinkle{animation:twinkle 2.2s ease-in-out infinite}@keyframes breathe{50%{opacity:.6}}@keyframes drift{50%{translate:3% 0}}@keyframes twinkle{50%{scale:1.2;filter:brightness(1.4)}}@media(prefers-reduced-motion:reduce){.layer.breathe,.layer.drift,.layer.twinkle{animation:none}}.cols>ul{align-content:start}.crops{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start}@media(max-width:520px){.crops{grid-template-columns:minmax(0,1fr)}}.crops{align-items:start}