:root{--night:#15173A;--deep:#262A5E;--cream:#F7EBD6;--ginger:#DB7A3E;--noodle:#F3C969;--steam:#A9AEE0;--broth:#E8A24E;--well:#4A2E22;--wood:#C98A4B;--nori:#1E2B3A;}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:var(--night);color:var(--cream);font-family:"Figtree",system-ui,sans-serif;font-weight:400;line-height:1.5;overflow-x:clip;}.story{position:relative}.stage{position:sticky;top:0;height:100dvh;margin-bottom:-100dvh;overflow:hidden;z-index:0;}.table{position:absolute;left:0;right:0;bottom:0;height:9dvh;background:var(--deep);}.art{position:absolute;left:50%;bottom:3dvh;width:min(94vw,400px,56dvh);transform:translateX(-50%);}.art svg{display:block;width:100%;height:auto;overflow:visible}.art g{transform-box:fill-box;transform-origin:center;transition:transform .7s cubic-bezier(.3,.7,.2,1),opacity .5s ease}.spin,.noodles,.tops,.broth,.lid,.wisp,.steam,.sticks{opacity:0}.noodles{transform:translateY(-140px)}.tops{transform:translateY(-170px)}.lid{transform:translate(-150px,186px) rotate(-6deg) scale(.66);opacity:1}.sticks{transform:translateX(90px) rotate(-8deg)}.steam{transform:translateY(24px)}[data-step="1"] .spin{opacity:1}[data-step="2"] .noodles,[data-step="3"] .noodles,[data-step="4"] .noodles{opacity:1;transform:none}[data-step="2"] .tops,[data-step="3"] .tops,[data-step="4"] .tops{opacity:1;transform:none;transition-delay:.15s}[data-step="3"] .broth,[data-step="4"] .broth{opacity:1}[data-step="3"] .lid{transform:none}[data-step="3"] .wisp{opacity:1}[data-step="4"] .lid{transform:translate(150px,186px) rotate(8deg) scale(.66)}[data-step="4"] .steam{opacity:1;transform:none}[data-step="4"] .sticks{opacity:1;transform:rotate(-8deg)}.spin circle{transform-box:view-box}.spin-ring{transform-box:fill-box;transform-origin:center;animation:turn 1.4s linear infinite}.drift{transform-box:fill-box;transform-origin:center bottom;animation:drift 3.2s ease-in-out infinite}@keyframes turn{to{transform:rotate(360deg)}}@keyframes drift{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}.hero{position:relative;z-index:1;min-height:100dvh;padding:max(16px,env(safe-area-inset-top)) 20px 0;padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right));}.brand{display:block;width:56px;height:56px;margin-bottom:18px}.brand img{display:block;width:100%;height:100%;border-radius:14px}h1,h2{font-family:"Unbounded","Figtree",sans-serif;font-weight:700;line-height:1.04;letter-spacing:-.01em;}h1{font-size:clamp(2rem,1.2rem + 3vw,3.6rem);max-width:12ch}h1 span{display:block}h1 .hot{color:var(--noodle)}.lede{margin-top:14px;font-size:clamp(1rem,.95rem + .3vw,1.2rem);max-width:30rem;color:#E6DAC6;}.cta{display:inline-flex;align-items:center;justify-content:center;min-height:54px;margin-top:20px;padding:0 30px;border-radius:999px;background:var(--ginger);color:var(--night);font-family:"Unbounded","Figtree",sans-serif;font-weight:700;font-size:clamp(.95rem,.9rem + .2vw,1.05rem);text-decoration:none;-webkit-tap-highlight-color:transparent;transition:transform .2s ease;}.cta:focus-visible{outline:3px solid var(--cream);outline-offset:4px}@media (hover: hover){.cta:hover{transform:translateY(-2px)}}.under{margin-top:12px;font-size:clamp(.875rem,.85rem + .1vw,.95rem);color:var(--steam);max-width:26rem;}.steps{position:relative;z-index:1;padding:0 20px}.step{min-height:80dvh;display:flex;align-items:center;}.card{max-width:24rem;padding:22px 24px;border-radius:22px;background:var(--cream);color:var(--night);font-size:clamp(1.1rem,1rem + .5vw,1.35rem);font-weight:600;line-height:1.35;box-shadow:0 18px 40px rgba(8,9,30,.45);}.close{position:relative;z-index:1;background:var(--night);padding:72px 20px 56px;text-align:center;}.close h2{font-size:clamp(1.5rem,1.1rem + 2vw,2.6rem);max-width:16ch;margin:0 auto}footer{background:var(--night);border-top:1px solid var(--deep);padding:22px 20px calc(96px + env(safe-area-inset-bottom));text-align:center;font-size:.9rem;color:var(--steam);}.bar{position:fixed;left:0;right:0;bottom:0;z-index:5;display:flex;justify-content:center;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:rgba(21,23,58,.94);border-top:1px solid var(--deep);transform:translateY(110%);opacity:0;visibility:hidden;transition:transform .3s ease,opacity .3s ease,visibility 0s linear .3s;}.bar.on{transform:none;opacity:1;visibility:visible;transition:transform .3s ease,opacity .3s ease}.bar .cta{margin-top:0;width:min(100%,22rem)}@media (min-width: 900px){.hero{padding:28px 6vw 0}.brand{width:96px;height:96px;margin-bottom:40px}.brand img{border-radius:22px}.hero-copy{max-width:min(34rem,44vw)}.art{left:auto;right:4vw;bottom:auto;top:52%;width:min(42vw,600px,78dvh);transform:translateY(-50%);}.table{height:22dvh}.steps{padding:0 6vw}.card{max-width:min(26rem,40vw)}}@media (prefers-reduced-motion: reduce){.art g,.cta,.bar,.bar.on{transition:none}.spin-ring,.drift{animation:none}}