.story{--butter:#fbd067;--butter-edge:#e49a2a;--butter-gloss:#fffbe8d9;position:relative}.story__view{padding:clamp(48px, 9vw, 120px) var(--gutter) clamp(40px, 6vw, 80px);background:radial-gradient(60% 50% at 30% 46%, #fbd0671a, transparent 70%), radial-gradient(55% 55% at 72% 40%, #ec048429, transparent 70%), var(--plum);justify-items:center;gap:clamp(24px,4vw,48px);display:grid;position:relative;overflow:hidden}.story__intro{text-align:center;justify-items:center;gap:14px;max-width:40ch;display:grid}.story__eyebrow{font-size:var(--step--1);letter-spacing:.14em;text-transform:uppercase;color:var(--pop-light);align-items:center;gap:8px;font-weight:700;display:inline-flex}.story__heading{font:900 clamp(3.4rem, 2rem + 7vw, 7.5rem)/.9 var(--font-display);letter-spacing:-.01em;text-transform:uppercase;text-wrap:balance}.story__lede{color:var(--haze);font-size:var(--step-1);text-wrap:balance}.story__cue,.story__tr{display:none}.story__mark{width:min(100%,1040px);margin:0}.mark{width:100%;height:auto;display:block;overflow:visible}.tl{fill:none;stroke-linecap:round;stroke-linejoin:round}.tere__edge .tl{stroke:var(--butter-edge);stroke-width:52px}.tere__body .tl{stroke:url(#brand-butter);stroke-width:44px}.tere__gloss{opacity:.7}.tere__gloss .tl{stroke:var(--butter-gloss);stroke-width:14px}.mask-ink{fill:none;stroke:#fff;stroke-width:42px;stroke-linecap:round;stroke-linejoin:round}.mark-drips path,.mark-drips circle{fill:url(#brand-butter)}.mark-drips .drip{transform-box:fill-box;transform-origin:50% 0}.mark-drips .drop{fill:var(--butter);opacity:0}.pop text{font:800 212px var(--font-text);letter-spacing:-6px;stroke-linejoin:round;paint-order:stroke}.pop__fill{fill:url(#brand-pop-fill);stroke:url(#brand-pop-fill);stroke-width:12px}.pop__gloss{fill:url(#brand-pop-gloss)}.pop__ghost{opacity:0;stroke-width:12px}.pop__ghost--cyan{fill:var(--cyan);stroke:var(--cyan)}.pop__ghost--warm{fill:var(--butter);stroke:var(--butter)}.pop{transform-box:fill-box;transform-origin:50% 60%}.mark__burst .ray{stroke:var(--pop);stroke-width:7px;stroke-linecap:round}.mark__burst .dot,.mark__burst .sparkle use{fill:var(--pop)}.sparkle>use{transform-box:fill-box;transform-origin:50%}.sparkle{animation:2.8s ease-in-out infinite brand-twinkle;animation-delay:calc(var(--i) * -.47s);transform-box:fill-box;transform-origin:50%}@keyframes brand-twinkle{50%{opacity:.45}}.mark__games{font:700 40px var(--font-text);letter-spacing:16px;fill:var(--milk)}.story__chapters{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:28px 32px;width:min(100%,1120px);margin:0;padding:0;list-style:none;display:grid}.chapter{align-content:start;gap:8px;min-width:0;display:grid}.chapter__label{font-size:var(--step--1);letter-spacing:.12em;text-transform:uppercase;color:var(--butter);align-items:baseline;gap:10px;font-weight:700;display:flex}.chapter:nth-child(n+3) .chapter__label{color:var(--pop-light)}.chapter__n{color:var(--haze);font-variant-numeric:tabular-nums}.chapter__title{font:900 clamp(1.9rem, 1.3rem + 2vw, 2.9rem)/.98 var(--font-display);text-transform:uppercase;text-wrap:balance}.chapter__body{color:var(--haze);max-width:46ch}.story[data-run]{height:560svh}.story[data-run] .story__view{height:100svh;min-height:560px;padding:0 var(--gutter);grid-template-rows:1fr;place-items:center;position:sticky;top:0}.story[data-run] .story__view>*{grid-area:1/1}.story[data-run] .story__intro{z-index:2;align-self:center}.story[data-run] .story__cue{font-size:var(--step--1);letter-spacing:.14em;text-transform:uppercase;color:var(--haze);align-items:center;gap:8px;margin-top:18px;font-weight:700;display:inline-flex}.story[data-run] .story__cue span{animation:1.6s ease-in-out infinite brand-nudge}@keyframes brand-nudge{50%{transform:translateY(5px)}}.story[data-run] .story__mark{align-self:center;transform:translateY(-6svh)}.story[data-run] .story__tr{z-index:1;pointer-events:none;justify-items:center;gap:10px;display:grid;transform:translateY(-6svh)}.story__tr-letters{font:900 clamp(9rem, 4rem + 22vw, 22rem)/.8 var(--font-display);color:var(--butter);text-shadow:0 0 60px #fbd06759;display:flex}.story__tr-letters span{display:inline-block}.story__phonetic{font:700 var(--step-2) var(--font-text);letter-spacing:.3em;color:var(--milk)}.story[data-run] .story__chapters{place-self:end start;width:min(100%,520px);min-height:10.5em;margin-bottom:clamp(28px,7svh,72px);display:block;position:relative}.story[data-run] .chapter{opacity:0;visibility:hidden;background:var(--glass);border:1px solid var(--glass-edge);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border-radius:18px;padding:18px 20px;position:absolute;inset:auto 0 0}.story[data-run] .chapter__title{font-size:clamp(1.6rem,1.2rem + 1.4vw,2.3rem)}@media (max-width:899px){.story[data-run] .story__chapters{justify-self:center}.story[data-run] .story__mark,.story[data-run] .story__tr{transform:translateY(-12svh)}}@media (prefers-reduced-motion:reduce){.story .sparkle,.story__cue span{animation:none}}.story--embedded[data-run]{height:260svh}.story[data-run]:not([data-ready]) .story__mark{visibility:hidden}