.gap-story{--g:1;margin-block:clamp(36px,5vw,64px)}.gap-story__plot{aspect-ratio:1000/640;position:relative}.gap-story__plot svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.gap-story__fill{fill:var(--brand-soft);clip-path:inset(0 calc((1 - var(--g)) * 100%) 0 0)}.gap-story__line{fill:none;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--g))}.gap-story__line--ahead{stroke:var(--brand);stroke-width:3.5px}.gap-story__line--behind{stroke:var(--ink-3);stroke-width:2.5px}.gap-story__legend{flex-wrap:wrap;gap:8px 24px;font-size:.9375rem;font-weight:650;display:flex}.gap-story__legend--plot,.gap-story__num{display:none}.gap-story__key{align-items:center;gap:10px;display:inline-flex}.gap-story__key:before{content:"";border-radius:2px;width:28px;height:3px}.gap-story__key--ahead{color:var(--brand)}.gap-story__key--ahead:before{background:var(--brand)}.gap-story__key--behind{color:var(--ink-2)}.gap-story__key--behind:before{background:var(--ink-3)}.gap-story__gap{max-width:17ch;color:var(--brand);letter-spacing:-.015em;text-align:center;opacity:clamp(0, calc((var(--g) - .75) * 6), 1);font-size:clamp(1rem,.8rem + .6vw,1.375rem);font-weight:700;line-height:1.2;position:absolute;transform:translate(-50%,-50%)}.gap-story__stage{--on:clamp(0, calc((var(--g) - var(--t)) * 12), 1)}.gap-story__dot{width:14px;height:14px;transform:translate(-50%, -50%) scale(var(--on));border-radius:50%;position:absolute}.gap-story__dot--ahead{background:var(--brand);box-shadow:0 0 0 5px #2c5cd229;box-shadow:0 0 0 5px lab(41.5408% 17.8945 -66.9448/.16)}.gap-story__dot--behind{border:2.5px solid var(--ink-3);background:var(--bg)}.gap-story__note{width:max-content;max-width:21ch;opacity:var(--on);gap:2px;font-size:.9375rem;line-height:1.3;display:grid;position:absolute}.gap-story__note--gain{color:var(--ink);text-align:right;transform:translate(calc(-100% + 6px), calc(-100% - 14px + (1 - var(--on)) * 10px));font-weight:650}.gap-story__note--gain small{color:var(--brand);font-size:.8125rem;font-weight:700}.gap-story__note--cost{color:var(--ink-2);transform:translate(-50%, calc(18px + (1 - var(--on)) * 10px));font-weight:500;display:block}.gap-story__note--cost:before{content:"✕ ";color:var(--ink-3);font-weight:700}.gap-story__list{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;list-style:none;position:absolute;overflow:hidden}@media (max-width:760px){.gap-story{margin-block:24px 0}.gap-story__legend--head{display:none}.gap-story__legend--plot{margin-bottom:14px;font-size:.875rem;display:flex}.gap-story__plot{aspect-ratio:1000/600}.gap-story__line--ahead{stroke-width:9px}.gap-story__line--behind{stroke-width:6px}.gap-story__note,.gap-story__gap{display:none}.gap-story__dot--ahead{width:24px;height:24px;box-shadow:0 0 0 4px var(--bg), 0 0 0 7px #2c5cd229;place-items:center;display:grid}@supports (color:lab(0% 0 0)){.gap-story__dot--ahead{box-shadow:0 0 0 4px var(--bg), 0 0 0 7px lab(41.5408% 17.8945 -66.9448/.16)}}.gap-story__dot--behind{border-width:2px;width:10px;height:10px}.gap-story__num{color:#fff;place-items:center;font-size:.75rem;font-weight:750;line-height:1;display:grid}.gap-story__list{clip:auto;white-space:normal;border-top:1px solid var(--rule-strong);width:auto;height:auto;margin:20px 0 0;display:grid;position:static;overflow:visible}.gap-story__list li{border-bottom:1px solid var(--rule);opacity:clamp(0, calc((var(--g) - var(--t)) * 12), 1);grid-template-columns:24px 1fr;gap:4px 12px;padding-block:16px;display:grid}.gap-story__list li>:not(.gap-story__num){grid-column:2}.gap-story__list .gap-story__num{background:var(--brand);border-radius:50%;grid-row:1/span 3;width:24px;height:24px}.gap-story__when{color:var(--ink-2);font-size:.8125rem;font-weight:700;line-height:24px}.gap-story__gain{font-weight:650}.gap-story__gain:before{content:"✓ ";color:var(--brand)}.gap-story__cost{color:var(--ink-2)}.gap-story__cost:before{content:"✕ ";color:var(--ink-3)}}.gap-story[data-mode=once] .gap-story__fill{clip-path:none;opacity:0;transition:opacity .8s var(--ease-out) .5s}.gap-story[data-mode=once] .gap-story__line{stroke-dashoffset:1px;transition:stroke-dashoffset 1.3s var(--ease-out)}.gap-story[data-mode=once] .gap-story__stage{--on:0}.gap-story[data-mode=once] .gap-story__dot{transition:transform .5s var(--ease-out);transition-delay:calc(var(--t) * 1.1s + .15s)}.gap-story[data-mode=once] .gap-story__list li{opacity:0;transition:opacity .5s var(--ease-out), transform .5s var(--ease-out);transition-delay:calc(var(--t) * 1.1s + .25s);transform:translateY(8px)}.gap-story[data-mode=once][data-play] .gap-story__fill{opacity:1}.gap-story[data-mode=once][data-play] .gap-story__line{stroke-dashoffset:0}.gap-story[data-mode=once][data-play] .gap-story__stage{--on:1}.gap-story[data-mode=once][data-play] .gap-story__list li{opacity:1;transform:none}