@property --m-pct{syntax: "<integer>"; inherits: false; initial-value: 100;}.m-head{padding-top:var(--space-fluid-64-104);padding-bottom:var(--space-48)}.m-prose{margin-top:var(--space-32)}.m-lede{max-width:38em}.m-cue{display:none}.m-journey{padding-bottom:var(--space-fluid-64-104)}.m-stage{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;gap:var(--space-24);margin-inline:clamp(1rem,4vw,3rem);padding:clamp(1.5rem,3.5vw,3rem);border-radius:clamp(20px,2.5vw,32px);background:var(--color-anchor);color:var(--color-canvas)}.m-stage ::selection{background:var(--color-canvas);color:var(--color-anchor)}.m-grain{position:absolute;inset:0;z-index:-1;width:100%;height:100%;opacity:.1;mix-blend-mode:soft-light;pointer-events:none}.m-titleblock{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-16);padding-bottom:var(--space-16);border-bottom:1px solid rgba(var(--color-canvas-rgb),.16)}.m-titleblock-name,.m-status{margin:0;font-family:var(--font-sans);font-size:11px;font-weight:500;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:rgba(var(--color-canvas-rgb),.6)}.m-titleblock-sub{display:none}.m-status{display:inline-flex;align-items:baseline;gap:var(--space-24);white-space:nowrap;font-variant-numeric:tabular-nums}.m-plot,.m-counter{display:none;align-items:baseline;gap:var(--space-6-4)}.m-counter-nums{display:inline-grid;grid-template-areas:"c";color:var(--color-accent)}.m-counter-num{grid-area:c}.m-plot-num{display:inline-block;min-width:4ch;text-align:right;color:var(--color-canvas);counter-reset:m-pct var(--m-pct)}.m-plot-num:after{content:counter(m-pct) "%"}.m-body{display:grid;align-items:center;gap:var(--space-32)}.m-figure{order:-1}.m-figure svg{display:block;width:100%;height:auto;color:var(--color-canvas)}.m-accent{color:var(--color-accent)}.m-pen,.m-tpen{display:none}.m-conv{transform-box:fill-box;transform-origin:center}.m-notes{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-28)}.m-note-num{display:block;font-family:var(--font-display);font-style:italic;font-weight:500;font-size:2.25rem;line-height:1;color:var(--color-accent);font-variant-numeric:lining-nums}.m-note-name{margin:var(--space-12) 0 0;font-family:var(--font-sans);font-size:11px;font-weight:500;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:rgba(var(--color-canvas-rgb),.6)}.m-note-text{margin:var(--space-8) 0 0;max-width:22em;font-family:var(--font-display);font-weight:500;font-size:clamp(1.25rem,1.9vw,1.6rem);line-height:1.3;color:var(--color-canvas);text-wrap:balance}.m-ruler{position:relative}.m-ruler-track{position:relative;height:1px;background:rgba(var(--color-canvas-rgb),.2)}.m-ruler-fill{position:absolute;inset:0;background:var(--color-accent);transform-origin:left center}.m-ruler-ticks{list-style:none;margin:0;padding:0;position:relative;height:var(--space-32)}.m-tick{position:absolute;left:var(--x);top:var(--space-12);font-family:var(--font-sans);font-size:10px;font-weight:500;letter-spacing:var(--tracking-wide);text-transform:uppercase;white-space:nowrap;color:var(--color-canvas);opacity:.7}.m-tick:before{content:"";position:absolute;left:0;top:-15px;width:1px;height:7px;background:currentColor}.m-tick-long{display:none}@media(min-width:880px){.m-body{grid-template-columns:minmax(0,19rem) minmax(0,1fr);gap:var(--space-48)}.m-figure{order:0}.m-tick-short{display:none}.m-tick-long,.m-titleblock-sub{display:inline}}@supports (animation-timeline: view()) and (offset-distance: 0%){@media(prefers-reduced-motion:no-preference){.m-cue{display:flex;align-items:center;gap:var(--space-12);margin:var(--space-40) 0 0;font-family:var(--font-sans);font-size:11px;font-weight:500;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-muted)}.m-cue-line{width:56px;height:1px;background:var(--color-accent);transform-origin:left center;animation:m-cue-draw .9s cubic-bezier(.4,0,.2,1) .7s both}.m-journey{height:420vh;padding-bottom:0;view-timeline-name:--m-journey}.m-stage{position:sticky;top:5.5rem;height:calc(100svh - 6.5rem)}.m-counter{display:inline-flex}.m-body{flex:1 1 auto;min-height:0;grid-template-rows:minmax(0,1fr) auto}.m-figure{min-height:0;height:100%}.m-figure svg{height:100%}.m-notes{grid-template-areas:"note"}.m-note,.m-counter-num,.m-tick,.m-d,.m-f{animation-timing-function:linear;animation-fill-mode:both;animation-timeline:--m-journey;animation-range:contain var(--a) contain var(--b)}.m-note{grid-area:note;animation-name:m-note}.m-counter-num{animation-name:m-note}.m-note:first-child,.m-counter-num:first-child{animation-name:m-note-first}.m-note:last-child,.m-counter-num:last-child{animation-name:m-note-last}.m-d{stroke-dasharray:1;stroke-dashoffset:1;animation-name:m-draw}.m-f{animation-name:m-fade}.m-conv{animation-name:m-ignite}.m-pen,.m-tpen{display:inline;offset-rotate:0deg;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:--m-journey;animation-range:contain 0% contain 100%}.m-pen{offset-path:path("M 110 210 L 640 210");animation-name:m-pen}.m-tpen{animation-name:m-tpen}.m-ruler-fill{animation:m-fill linear both;animation-timeline:--m-journey;animation-range:contain 0% contain 96%}.m-tick{animation-name:m-tick}.m-tick:first-child{animation-name:m-tick-first}.m-tick:last-child{animation-name:m-tick-last}}}@supports (animation-timeline: view()) and (offset-distance: 0%){@media(prefers-reduced-motion:no-preference)and (min-width:880px){.m-body{grid-template-rows:minmax(0,1fr)}.m-plot{display:inline-flex}.m-plot-num{animation:m-pct linear both;animation-timeline:--m-journey;animation-range:contain 0% contain 96%}}}@keyframes m-cue-draw{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes m-draw{to{stroke-dashoffset:0}}@keyframes m-fade{0%{opacity:0}to{opacity:1}}@keyframes m-ignite{0%{opacity:0;transform:scale(0)}60%{opacity:1;transform:scale(1.6)}to{opacity:1;transform:scale(1)}}@keyframes m-note{0%{opacity:0;transform:translateY(16px)}12%,88%{opacity:1;transform:none}to{opacity:0;transform:translateY(-16px)}}@keyframes m-note-first{0%,88%{opacity:1;transform:none}to{opacity:0;transform:translateY(-16px)}}@keyframes m-note-last{0%{opacity:0;transform:translateY(16px)}12%,to{opacity:1;transform:none}}@keyframes m-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes m-pct{0%{--m-pct: 0}to{--m-pct: 100}}@keyframes m-tick{0%,to{opacity:.45}12%,88%{opacity:1;color:var(--color-accent)}}@keyframes m-tick-first{0%,88%{opacity:1;color:var(--color-accent)}to{opacity:.45}}@keyframes m-tick-last{0%{opacity:.45}12%,to{opacity:1;color:var(--color-accent)}}@keyframes m-pen{0%,3%{offset-distance:0%;opacity:1}20%,22%{offset-distance:17%;opacity:1}26%{offset-distance:17%;opacity:0}27%,68%{offset-distance:67.9%;opacity:0}72%,76%{offset-distance:67.9%;opacity:1}89%{offset-distance:92.5%;opacity:1}94%,to{offset-distance:100%;opacity:1}}@keyframes m-tpen{0%,23%{offset-distance:0%;opacity:0}26%,28%{offset-distance:0%;opacity:1}68%{offset-distance:100%;opacity:1}71%,to{offset-distance:100%;opacity:0}}