.story-beat+.story-beat{margin-top:5rem}.story-beat{position:relative;view-timeline:--beat block}.story-beat:before{content:attr(data-beat);display:grid;place-items:center;width:1.75rem;height:1.75rem;margin-bottom:1rem;font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--color-forest);background:var(--color-paper);border:1px solid var(--color-rule-strong);border-radius:50%}@media (min-width:40rem){.story-beat{padding-left:3rem}.story-beat:before{position:absolute;left:0;top:.45rem;margin:0}.story-beat:after{content:"";position:absolute;left:calc(.875rem - .5px);top:calc(.45rem + 1.75rem);bottom:calc(-5rem - .45rem);width:1px;background:var(--color-rule-strong);transform-origin:top}.story-beat:last-child:after{display:none}}@media (min-width:64rem){.story-beat+.story-beat{margin-top:7rem}.story-beat:after{bottom:calc(-7rem - .45rem)}}.story-end:before{content:"";background:var(--color-forest);border-color:var(--color-forest)}.story-days{display:grid;grid-template-columns:repeat(var(--days),minmax(0,1fr));row-gap:.5rem;max-width:40rem}.story-days:before{content:"";grid-row:2;grid-column:1/-1;align-self:center;height:1px;background:var(--color-rule-strong);transform-origin:left}.story-axis,.story-event,.story-events{display:contents}.story-axis>li{grid-row:3;text-align:center;font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--color-ink-mute)}.story-mark{grid-row:2;grid-column:var(--day);justify-self:center;display:grid;place-items:center;width:1.5rem;height:1.5rem;border-radius:50%}.story-label{grid-row:1;grid-column:1/span 4;white-space:nowrap}.story-event:last-child .story-label{grid-column:calc(var(--day) - 4) /span 5;text-align:right}@media (min-width:40rem){.story-mark{width:1.75rem;height:1.75rem}}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.story-beat:before{animation:land linear both;animation-timeline:--beat;animation-range:entry 0 entry 80px}.story-beat:after{animation:draw-down linear both;animation-timeline:--beat;animation-range:cover 10% exit 20%}.story-beat>section{animation:rise linear both;animation-timeline:--beat;animation-range:entry 0 entry 160px}.story .ladder-step,.story .ladder-step>*,.story .ladder-tail-item>*{animation:none}.story .ladder-step{view-timeline:--rung block}.story .ladder-math,.story .ladder-note,.story .ladder-step:after,.story .ladder-step:before{animation-timeline:--rung;animation-delay:0s;animation-duration:auto;animation-timing-function:linear}.story .ladder-step:before{animation-range:entry 0 entry 60px}.story .ladder-math{animation-range:entry 20px entry 120px}.story .ladder-note{animation-range:entry 60px entry 160px}.story .ladder-step:after{animation-range:entry 100% cover 30%}.story .ladder-tail-item{animation:rise linear both;animation-timeline:view();animation-range:entry 0 entry 140px}.story-days{view-timeline:--days block}.story-days:before{animation:sweep linear both;animation-timeline:--days;animation-range:entry 0 entry 160px}.story-label,.story-mark{animation:land linear both;animation-timeline:--days;animation-range:entry calc(var(--slot) * 40px) entry calc(100px + var(--slot) * 40px)}.story-label{animation-name:settle}}}