.nurbi-stage{aspect-ratio:1;border-radius:var(--r-xl);background:radial-gradient(color-mix(in srgb, var(--ink) 14%, transparent) 1px, transparent 1.5px) 0 0 / 22px 22px, var(--tint);width:100%;max-width:560px;transition:background-color .4s var(--ease);margin-inline:auto;position:relative;overflow:hidden}.nurbi-stage .layer{opacity:0;pointer-events:none;transition:opacity .4s var(--ease);place-items:center;margin:0;display:grid;position:absolute;inset:0}.nurbi-stage .layer svg{width:100%;height:auto;display:block}.nurbi-stage .drawing{opacity:1}.nurbi-stage.at-3 .drawing{opacity:0}.nurbi-stage.now-3 .flicker,.nurbi-stage.now-4 .settled,.nurbi-stage.now-5 .family,.nurbi-stage.now-6 .result{opacity:1}.nurbi-stage .chaos path,.nurbi-stage .ghosts path,.nurbi-stage .keep{fill:none;stroke-dasharray:1;stroke-dashoffset:1px;stroke-linecap:butt;opacity:0}.nurbi-stage .chaos path,.nurbi-stage .ghosts.early path{stroke:var(--muted);stroke-width:2.5px}.nurbi-stage .chaos path.pink{stroke:#ff2f6e}.nurbi-stage .ghosts.late path{stroke:var(--muted);stroke-width:.26px}.nurbi-stage.at-1 .chaos .early,.nurbi-stage.at-1 .ghosts.early path{opacity:1;stroke-dashoffset:0;transition:stroke-dashoffset var(--d,.7s) var(--ease) calc(var(--i) * 70ms), opacity 0s linear calc(var(--i) * 70ms)}.nurbi-stage.at-1 .chaos,.nurbi-stage.at-1 .ghosts.early{animation:nurbi-dim 1s var(--ease) 2.4s both}.nurbi-stage .keep-antennae .keep{stroke:var(--ink);stroke-width:3px}.nurbi-stage .keep-antennae .knob{fill:#ff2f6e;opacity:0}.nurbi-stage.at-1 .keep-antennae .keep{opacity:1;stroke-dashoffset:0;transition:stroke-dashoffset .6s var(--ease) .9s, opacity 0s linear .9s}.nurbi-stage.at-1 .keep-antennae .knob{opacity:1;transition:opacity .3s var(--ease) 1.6s}.nurbi-stage .handles{opacity:0}.nurbi-stage.at-1 .handles{opacity:1;transition:opacity .6s var(--ease) 2.1s}.nurbi-stage.at-1 .keep-antennae{animation:nurbi-fade-out .4s var(--ease) 2.6s both}.nurbi-stage.at-2 .chaos .late,.nurbi-stage.at-2 .ghosts.late path{opacity:1;stroke-dashoffset:0;transition:stroke-dashoffset var(--d,.8s) var(--ease) calc(.1s + var(--i) * 80ms), opacity 0s linear calc(.1s + var(--i) * 80ms)}.nurbi-stage.at-2 .chaos,.nurbi-stage.at-2 .ghosts.early,.nurbi-stage.at-2 .ghosts.late{animation:nurbi-fade-out .8s var(--ease) 2.4s both}.nurbi-stage .keep.outline{stroke:var(--ink);stroke-width:.42px;stroke-linejoin:round}.nurbi-stage.at-2 .keep.outline{opacity:1;stroke-dashoffset:0;transition:stroke-dashoffset 1.3s var(--ease) 1.1s, opacity 0s linear 1.1s;animation:nurbi-fade-out .5s var(--ease) 3.6s both}@keyframes nurbi-dim{to{opacity:.3}}@keyframes nurbi-fade-out{to{opacity:0}}.nurbi-stage .body,.nurbi-stage .face{opacity:0}.nurbi-stage.at-2 .body{opacity:1;transition:opacity .7s var(--ease) 2.9s}.nurbi-stage.at-2 .face{opacity:1;transition:opacity .5s var(--ease) 3.4s}.nurbi-stage .flicker span{opacity:0;grid-area:1/1;width:100%;line-height:0}.nurbi-stage .flicker span.on{opacity:1}.nurbi-stage .settled{align-content:center;gap:4px}.nurbi-stage .settled span{justify-self:center;width:78%;line-height:0}.nurbi-stage .settled figcaption{font:700 16px / 1 var(--text);color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:999px;justify-self:center;padding:8px 16px}.nurbi-stage .family{grid-template-columns:repeat(4,1fr);align-content:center;gap:6%;padding:10%}.nurbi-stage .family span{line-height:0}@media (prefers-reduced-motion:reduce){.nurbi-stage,.nurbi-stage *{transition-delay:0s!important;animation-delay:0s!important}}.story .story-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,5vw,72px);display:grid}.story .story-stage{align-self:start;place-items:center;height:calc(100svh - 124px);display:grid;position:sticky;top:92px}.story .beat{align-content:center;gap:16px;min-height:78svh;padding-block:40px;display:grid}.story .beat p{max-width:34ch;margin:0}.story .beat p.tale{color:var(--ink);font-size:clamp(19px,1.7vw,22px);line-height:1.6}.story .eyebrow{font:700 13px / 1 var(--text);letter-spacing:.08em;text-transform:uppercase;color:var(--accent-text)}.story .beat .mark{font:700 clamp(24px, 2.6vw, 34px) / 1.1 var(--display);letter-spacing:-.02em;color:var(--ink);align-items:center;gap:14px;margin:0;display:flex}.story .mark .numeral{border-right:1.5px solid var(--line);letter-spacing:.04em;min-width:2.1em;color:var(--accent-text);place-items:center;padding-right:14px;font-size:.7em;display:inline-grid}.story h1{letter-spacing:-.045em;max-width:10ch;font-size:clamp(48px,6.4vw,92px);font-weight:800;line-height:.95}.story .beat p.lead{color:var(--ink);font-size:clamp(19px,1.8vw,23px)}.story .beat p.hint{color:var(--muted);font-size:14px;font-weight:600}.story .beat p.aside{color:var(--ink);border-left:3px solid var(--accent);padding-left:14px;font-style:italic;font-weight:600}.story .final{min-height:90svh}.story .name-form{gap:8px;max-width:440px;display:grid}.story .name-form label{font-size:14px;font-weight:700}.story .name-field{background:var(--surface);border:1px solid var(--line);border-radius:18px;align-items:center;gap:8px;padding:6px 6px 6px 16px;display:flex}.story .name-field:focus-within{border-color:var(--accent)}.story .name-field input{background:0 0;border:0;outline:none;flex:1;min-width:0;font-size:17px;font-weight:500}.story .beat p.result-line{min-height:1.5em;color:var(--ink);font-weight:600}@media (width<=860px){.story .story-grid{grid-template-columns:minmax(0,1fr);gap:0}.story .story-stage{z-index:5;background:var(--paper);order:-1;height:auto;padding-block:12px;top:68px}.story .nurbi-stage{width:min(100%,42svh)}.story .beat{min-height:62svh}}
