@layer tokens{.article-page{--measure:42rem;--prose-size:clamp(1.0625rem, 1rem + .25vw, 1.1875rem);--prose-ink:color-mix(in oklab, var(--navy), transparent 10%);--read-line:35vh}}@layer components{.story :where(a,button):focus-visible{outline-color:var(--teal)}.story__cover .sheet__tab.is-front:hover{-webkit-text-decoration:underline .1875rem var(--teal);text-decoration:underline .1875rem var(--teal);text-underline-offset:.35em}.story__kicker{color:var(--sheet-soft);font-size:var(--text-sm);flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin:0 0 clamp(1.25rem,1rem + 1vw,2rem);font-weight:600;display:flex}.story__theme{background:linear-gradient(90deg, var(--teal), color-mix(in oklab, var(--teal), var(--teal-glow) 45%));clip-path:polygon(.3em 0,100% 0,calc(100% - .3em) 100%,0 100%);color:var(--white);padding:.2em .7em .25em .6em;transition:background-color .2s}.story__theme:hover{background:var(--navy)}.story__title{letter-spacing:-.04em;font-size:clamp(2.125rem,1.15rem + 2.9vw,4.125rem);line-height:1.04}.story__lede{max-inline-size:48ch;color:var(--navy);font-size:clamp(1.0625rem,.98rem + .35vw,1.25rem);line-height:1.5}.story__byline{color:var(--sheet-soft);font-size:var(--text-sm);gap:.5rem 1.5rem;margin-block-end:0;font-weight:500}.story__byline strong{color:var(--navy);font-weight:600}.story__photo{margin-inline:0}.story__photo figcaption{background:color-mix(in oklab, var(--navy-deep), transparent 25%);color:var(--on-dark-soft);font-size:var(--text-xs);border-radius:999px;padding:.3em .75em;font-weight:500;position:absolute;inset-block-end:.75rem;inset-inline-start:.75rem}.story{padding-inline:var(--gutter);padding-block:clamp(3.5rem, 2rem + 4vw, 6.5rem) calc(var(--sheet-r) + clamp(4rem, 2rem + 5vw, 7rem));grid-template-columns:minmax(0,1fr);gap:clamp(2.5rem,1.5rem + 3vw,4rem);display:grid}@media (min-width:64rem){.story{grid-template-columns:minmax(14rem,.3fr) minmax(0,1fr);column-gap:clamp(3rem,1rem + 5vw,7rem)}}.toc{align-self:start}@media (min-width:64rem){.toc{position:sticky;inset-block-start:clamp(6.5rem,5.5rem + 2vw,8rem)}}.toc__title{color:var(--ink-soft);font-size:var(--text-sm);align-items:center;gap:.75rem;margin:0 0 1rem;font-weight:500;display:flex}.toc__title:before{content:"";background:linear-gradient(90deg, var(--teal), var(--teal-glow));clip-path:polygon(.25rem 0,100% 0,calc(100% - .25rem) 100%,0 100%);block-size:.1875rem;inline-size:1.25rem}.toc__list{margin:0;padding:0;list-style:none;display:grid}.toc__link{color:var(--ink-soft);font-size:var(--text-sm);text-wrap:pretty;grid-template-columns:1.75rem minmax(0,1fr);gap:.5rem;padding:.8rem 0 .8rem 1.25rem;font-weight:500;line-height:1.35;transition:color .2s;display:grid;position:relative}.toc__link:before,.toc__link:after{content:"";inline-size:3px;position:absolute;inset-block:1px;inset-inline-start:0}.toc__link:before{background:var(--line-light)}.toc__link:after{background:var(--teal);transform-origin:top;scale:1 0}.toc__link:hover{color:var(--navy)}.toc__link[aria-current]{color:var(--navy);font-weight:600}.toc__link[aria-current]:after{scale:1}.toc__item:has(~.toc__item>[aria-current])>.toc__link:after{scale:1}.toc__num{color:var(--teal);font-variant-numeric:tabular-nums;font-weight:600}.prose{min-inline-size:0;color:var(--prose-ink);font-size:var(--prose-size);font-weight:500;line-height:1.7}.prose :is(p,ul,ol){max-inline-size:var(--measure);text-wrap:pretty;margin:0 0 1.25em}.prose strong{color:var(--navy);font-weight:700}.prose a:not([class]){color:var(--navy);-webkit-text-decoration:underline .1em var(--teal);text-decoration:underline .1em var(--teal);text-underline-offset:.22em;font-weight:600;transition:color .2s}.prose a:not([class]):hover{color:var(--teal)}.prose__part{scroll-margin-block-start:clamp(6.5rem,5.5rem + 2vw,8rem)}.prose__part+.prose__part{margin-block-start:clamp(3rem,2rem + 3vw,4.5rem)}.prose__part>:last-child{margin-block-end:0}.prose__part h2{max-inline-size:24ch;color:var(--navy);font-family:var(--font-display);letter-spacing:-.035em;text-wrap:balance;margin:0 0 .75em;font-size:clamp(1.625rem,1.2rem + 1.4vw,2.375rem);font-weight:500;line-height:1.1}.prose h3{max-inline-size:var(--measure);color:var(--navy);font-family:var(--font-display);letter-spacing:-.02em;text-wrap:balance;margin:2em 0 .5em;font-size:clamp(1.1875rem,1rem + .6vw,1.5rem);font-weight:600;line-height:1.25}.prose :is(ul,ol):not([class]){gap:.6em;display:grid}.prose :is(ul,ol):not([class])>li{padding-inline-start:1.75em;position:relative}.prose ul:not([class])>li:before{content:"";background:var(--teal);clip-path:polygon(.2em 0,100% 0,calc(100% - .2em) 100%,0 100%);block-size:.15em;inline-size:.8em;position:absolute;inset-block-start:.8em;inset-inline-start:.25em}.prose ol:not([class]){counter-reset:item}.prose ol:not([class])>li{counter-increment:item}.prose ol:not([class])>li:before{content:counter(item);color:var(--teal);font-variant-numeric:tabular-nums;font-weight:700;position:absolute;inset-inline-start:0}.point{max-inline-size:var(--measure);border-block-start:1px solid var(--line-light);margin-block-start:1.75rem;padding-block-start:1.25rem}.point>h3{margin-block-start:0}.point>:last-child{margin-block-end:0}.prose__num{color:var(--teal);font-family:var(--font-body);font-size:var(--text-sm);letter-spacing:0;margin-block-end:.6rem;font-weight:600;display:block}.figures{margin:clamp(2rem,1.5rem + 1.5vw,3rem) 0;padding:0;list-style:none;display:grid}.prose .figures{max-inline-size:none}.figures__item{--value:0;view-timeline:--figure block;gap:.75rem 2rem;padding-block:clamp(1.5rem,1rem + 1.5vw,2.25rem) .5rem;display:grid;position:relative}@media (min-width:40rem){.figures__item{grid-template-columns:clamp(9rem, 5rem + 9vw, 14rem) minmax(0, var(--measure));align-items:start}}.figures__item:before,.figures__item:after{content:"";block-size:3px;position:absolute;inset-block-start:0;inset-inline-start:0}.figures__item:before{background:var(--line-light);inline-size:100%}.figures__item:after{inline-size:calc(var(--value) * 1%);background:linear-gradient(90deg, var(--teal), var(--teal-glow));transform-origin:0}.prose .figures__num{color:var(--teal);font-family:var(--font-display);letter-spacing:-.05em;white-space:nowrap;margin:0;font-size:clamp(3.25rem,2.2rem + 3.4vw,5.5rem);font-weight:400;line-height:.9}.figures__of{letter-spacing:0;margin-inline:.1em;font-size:.38em}.figures__text>p:last-child{margin-block-end:0}.prose .figures__claim{color:var(--navy);font-family:var(--font-display);letter-spacing:-.02em;text-wrap:balance;margin-block-end:.5em;font-size:clamp(1.1875rem,1rem + .6vw,1.5rem);line-height:1.25}.pullquote{grid-template-columns:auto minmax(0,1fr);gap:0 clamp(1rem,.6rem + 1.2vw,1.75rem);max-inline-size:48rem;margin:clamp(2.5rem,2rem + 2vw,3.5rem) 0;display:grid}.pullquote blockquote{margin:0}.pullquote blockquote p{max-inline-size:none;color:var(--navy);font-family:var(--font-display);letter-spacing:-.025em;text-wrap:balance;margin:0;font-size:clamp(1.375rem,1.05rem + 1vw,2rem);line-height:1.22}.pullquote figcaption{border-block-start:1px solid var(--line-light);color:var(--ink-soft);font-size:var(--text-sm);grid-column:2;margin-block-start:1.25rem;padding-block-start:1rem;line-height:1.5}.pullquote figcaption strong{color:var(--navy);font-weight:600;display:block}.pullquote__mark{aspect-ratio:1;background:var(--teal);inline-size:clamp(2.5rem,2.2rem + .8vw,3rem);color:var(--white);border-radius:50%;grid-row:span 2;place-items:center;display:grid}.pullquote__mark svg{inline-size:45%}.prose .people{grid-template-columns:repeat(auto-fill,minmax(min(100%,16rem),1fr));gap:0 2rem;padding:0;list-style:none;display:grid}.prose .people li{border-block-start:1px solid var(--line-light);color:var(--ink-soft);font-size:var(--text-sm);align-content:start;gap:.15rem;padding-block:.875rem;line-height:1.45;display:grid}.prose .people strong{color:var(--navy);font-family:var(--font-display);letter-spacing:-.01em;font-size:1.125rem;font-weight:600}.prose__figure{margin:clamp(2rem,1.5rem + 2vw,3rem) 0 0}.prose__figure img{border-radius:clamp(.875rem,.6rem + .7vw,1.25rem);block-size:auto;inline-size:100%}.prose__figure figcaption{max-inline-size:var(--measure);color:var(--ink-soft);font-size:var(--text-xs);margin-block-start:.75rem;font-weight:500}.prose .prose__cta{margin-block-start:2rem}.prose__about{max-inline-size:var(--measure);border-block-start:1px solid var(--line-light);color:var(--ink-soft);font-size:var(--text-sm);margin-block-start:clamp(3rem,2rem + 3vw,4.5rem);padding-block-start:1.5rem;line-height:1.6}.prose__about p{margin:0}.prose__about-title{color:var(--navy);font-size:var(--text-sm);margin:0 0 .5rem;font-weight:600}.story__end{max-inline-size:var(--measure);border-radius:var(--sheet-r);background:var(--mist);gap:1.25rem;margin-block-start:clamp(2rem,1.5rem + 1.5vw,3rem);padding:clamp(1.25rem,1rem + 1vw,1.75rem);display:grid}.story__end-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem 1.5rem;display:flex}.story__end-title{color:var(--navy);font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:clamp(1.25rem,1.1rem + .4vw,1.5rem);font-weight:500}.share{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.share__btn{border:1px solid var(--line-light);background:var(--white);min-block-size:2.75rem;color:var(--navy);font:inherit;font-size:var(--text-sm);cursor:pointer;border-radius:999px;align-items:center;gap:.5rem;padding:0 1.1rem 0 .9rem;font-weight:600;transition:background-color .2s,border-color .2s,color .2s;display:inline-flex}.share__btn[hidden]{display:none}.share__btn svg{flex:none;block-size:1.125rem;inline-size:1.125rem}.share__btn:hover{border-color:var(--teal);background:var(--teal);color:var(--white)}.share__btn .share__done{display:none}.share__btn[data-state=done]{border-color:var(--navy);background:var(--navy);color:var(--white)}.share__btn[data-state=done] .share__icon{display:none}.share__btn[data-state=done] .share__done{display:block}.related__list{gap:clamp(.75rem,.5rem + .8vw,1.5rem);margin:0;padding:0;list-style:none;display:grid}@media (min-width:64rem){.related__list{grid-template-columns:repeat(3,minmax(0,1fr))}}.related__card{border:1px solid color-mix(in oklab, var(--white), transparent 88%);border-radius:var(--sheet-r);background:color-mix(in oklab, var(--navy), var(--white) 5%);grid-template-columns:clamp(5.5rem,3.5rem + 8vw,9rem) minmax(0,1fr);align-items:center;gap:clamp(.875rem,.6rem + 1vw,1.5rem);block-size:100%;padding:.625rem;transition:border-color .2s;display:grid;position:relative}.related__card:has(.related__link:hover){border-color:color-mix(in oklab, var(--teal-glow), transparent 40%)}@media (min-width:64rem){.related__card{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr);align-items:start;gap:0;padding:0;overflow:clip}}.related__thumb{aspect-ratio:1;border-radius:calc(var(--sheet-r) - .625rem);object-fit:cover;block-size:auto;inline-size:100%}@media (min-width:64rem){.related__thumb{aspect-ratio:16/10;border-radius:0}}.related__body{align-content:start;gap:.5rem;display:grid}@media (min-width:64rem){.related__body{padding:clamp(1.25rem,.9rem + 1vw,1.75rem)}}.related__meta{color:var(--on-dark-soft);font-size:var(--text-xs);flex-wrap:wrap;gap:.25rem 1rem;margin:0;font-weight:600;display:flex}.related__title{color:var(--white);font-family:var(--font-display);letter-spacing:-.02em;text-wrap:balance;margin:0;font-size:clamp(1.0625rem,.95rem + .45vw,1.375rem);font-weight:500;line-height:1.2}.related__link{text-underline-offset:.2em;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;text-decoration-thickness:.1em;transition:text-decoration-color .2s}.related__link:hover{-webkit-text-decoration-color:var(--teal-glow);text-decoration-color:var(--teal-glow)}.related__link:after{content:"";border-radius:inherit;position:absolute;inset:0}.related__foot{justify-self:start}}@layer motion{@supports (animation-timeline:view()) and (timeline-scope:--a){.toc__link:after{animation:linear both toc-fill;animation-timeline:var(--part);animation-range:cover calc(100vh - var(--read-line)) cover calc(100% - var(--read-line))}}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()) and (animation-range:0% 100%){.figures__item:after{animation:linear both gauge;animation-timeline:--figure;animation-range:entry 20% cover 45%}}}@keyframes toc-fill{0%{scale:1 0}to{scale:1}}@keyframes gauge{0%{scale:0 1}}}
