.story{--mx:0;--my:0;background:var(--surface-base);position:relative;overflow:clip}.track{height:700vh;position:relative}.stage{background:var(--surface-base);height:100svh;position:sticky;top:0;overflow:hidden}.night-l{background:var(--brand-ink);opacity:0;pointer-events:none;position:absolute;inset:0}.world{z-index:1;transform-origin:50%;will-change:transform;width:100vmin;height:100vmin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mb{opacity:0;will-change:transform, opacity;width:34%;height:34%;position:absolute;top:33%;left:33%}.bub{background:#dce5ff6b;border:1.5px solid #1f4fe03d;border-radius:50%;width:100%;height:100%;animation:7s ease-in-out infinite breathe;position:relative}.bub:after{content:"";border:2px solid #0000;border-top-color:#fff;border-radius:50%;position:absolute;inset:9%;transform:rotate(-42deg)}.bub:before{content:"";background:#fff;border-radius:50%;width:2.4%;height:2.4%;position:absolute;top:39%;left:12%}.r{opacity:0;will-change:transform, opacity;width:16%;height:16%;position:absolute;top:0;left:0}.dr{background:var(--brand-cobalt-tint);opacity:0;will-change:transform, opacity;border:1px solid #1f4fe04d;border-radius:50%;width:1.6%;height:1.6%;position:absolute;top:0;left:0}.m,.s{will-change:transform, opacity;width:3.8%;height:3.8%;position:absolute;top:0;left:0}.s{opacity:.3;width:3%;height:3%}.par{width:100%;height:100%;transform:translate(calc(var(--mx) * var(--d) * 1px), calc(var(--my) * var(--d) * 1px));transition:transform 1.8s cubic-bezier(.2,.7,.2,1)}.mi{width:100%;height:100%;animation:wander var(--w,6s) ease-in-out infinite alternate;position:relative}.pd{background:var(--brand-cobalt);border-radius:50%;width:100%;height:100%;display:block;position:relative}.pd.you{background:var(--brand-bubblegum)}@keyframes wander{0%{transform:translate(0)}35%{transform:translate(8%,-11%)}70%{transform:translate(-9%,5%)}to{transform:translate(5%,9%)}}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.ch2 .m .mi{animation:.95s ease-in-out infinite alternate walk}@keyframes walk{0%{transform:translateY(0)}to{transform:translateY(-16%)}}.glow{opacity:var(--lit,0);transform:scale(calc(.5 + var(--lit,0) * .5));pointer-events:none;background:#ffd44724;border-radius:50%;position:absolute;inset:-85%}.glow:after{content:"";background:#ffd44733;border-radius:50%;position:absolute;inset:24%}.pd:after{content:"";background:var(--brand-sunshine);opacity:var(--lit,0);border-radius:50%;position:absolute;inset:0}.pd.you:after{display:none}.warm{border:2px solid var(--brand-bubblegum);opacity:var(--warm,0);pointer-events:none;background:#ff9ec729;border-radius:50%;animation:7s ease-in-out infinite breathe;position:absolute;inset:0}.rp{opacity:0;pointer-events:none;width:34%;height:34%;position:absolute;top:33%;left:33%}.ring{border:1.5px solid var(--brand-bubblegum);opacity:0;border-radius:50%;animation:6s cubic-bezier(.2,.6,.35,1) infinite ripple;position:absolute;inset:0}.ring:nth-child(2){animation-delay:-2s}.ring:nth-child(3){animation-delay:-4s}@keyframes ripple{0%{opacity:.55;transform:scale(1)}to{opacity:0;transform:scale(2.2)}}.ib{opacity:0;will-change:transform, opacity;flex-direction:column;align-items:center;gap:10px;display:flex;position:absolute;left:0}.ib-in{animation:6s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.ph{border:1.5px solid #1f4fe038;border-radius:50%;justify-content:center;align-items:center;width:clamp(120px,22vmin,230px);height:clamp(120px,22vmin,230px);display:flex;position:relative;overflow:hidden}.ph-sm{width:clamp(100px,18vmin,190px);height:clamp(100px,18vmin,190px)}.ph:after{content:"";border:3px solid #0000;border-top-color:#ffffffd9;border-radius:50%;position:absolute;inset:8%;transform:rotate(-42deg)}.ph svg{width:30%;height:30%}.sp{color:var(--brand-sunshine);animation:3.2s ease-in-out infinite twinkle;position:absolute}.sp svg{width:100%;height:100%;display:block}@keyframes twinkle{0%,to{opacity:.35;transform:scale(.5)}50%{opacity:1;transform:scale(1)}}.cap{opacity:0;visibility:hidden;will-change:opacity, transform}.cap-intro{opacity:1;visibility:visible}.mouse{border:2px solid var(--ink-muted);border-radius:999px;width:24px;height:38px;position:relative}.mouse:after{content:"";background:var(--brand-cobalt);border-radius:50%;width:6px;height:6px;margin-left:-3px;animation:1.8s cubic-bezier(.45,0,.2,1) infinite scrollhint;position:absolute;top:7px;left:50%}@keyframes scrollhint{0%{opacity:1;transform:translateY(0)}70%{opacity:0;transform:translateY(14px)}to{opacity:0;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.story *,.story :before,.story :after{transition:none!important;animation:none!important}}