.article{width:100%;max-width:100%;padding:var(--space-64) var(--space-64) var(--space-128)}.article__inner{gap:var(--space-64);max-width:var(--max-width-content);flex-direction:column;min-width:0;margin-inline:auto;display:flex}.article__header{gap:var(--space-24);flex-direction:column;min-width:0;max-width:50rem;display:flex}.article__kicker{font-size:var(--font-size-label);letter-spacing:.1em;text-transform:uppercase;color:var(--color-excerpt);margin:0;font-weight:600;line-height:1.2}.article__title{font-family:var(--font-display);font-size:var(--font-size-hero);letter-spacing:-.02em;color:var(--color-text-primary);text-wrap:balance;margin:0;font-weight:700;line-height:1.1}.article__lede{max-width:42rem;font-size:var(--font-size-lede);color:var(--color-excerpt);margin:0;font-style:italic;font-weight:400;line-height:1.6}.article__byline{align-items:center;gap:var(--space-16);padding-top:var(--space-16);margin:0;display:flex}.article__avatar{width:40px;height:40px;color:var(--color-marginalia);border-radius:var(--radius-pill);background:#e6e2da;flex-shrink:0;place-items:center;display:grid;overflow:hidden}.article__avatar img{object-fit:cover;width:100%;height:100%;display:block}.article__avatar-icon{width:16px;height:16px}.article__avatar-initial{font-size:var(--font-size-nav);font-weight:600;line-height:1}.article__author{font-size:var(--font-size-label);letter-spacing:.08em;color:var(--color-text-primary);margin:0;font-weight:600;line-height:1.2}.article__media{gap:var(--space-8);flex-direction:column;width:100%;margin:0;display:flex}.article__cover{background:#e6e2da;width:100%;height:min(819px,72vh);margin:0;position:relative;overflow:hidden}.article__cover img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.article__desaturate{mix-blend-mode:saturation;pointer-events:none;background:#fff;position:absolute;inset:0}.article__caption{font-size:var(--font-size-nav);color:var(--color-marginalia);margin:0;font-style:italic;line-height:1.4}.article__layout{column-gap:var(--space-32);grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;display:grid}.article__main{gap:var(--space-32);flex-direction:column;grid-column:3/span 7;min-width:0;max-width:680px;display:flex}.article-body{min-width:0}.article-body>*{max-width:65ch}.article-body p,.article-body li{font-size:var(--font-size-excerpt);color:var(--color-excerpt);margin:0 0 1.15em;font-weight:400;line-height:1.6}.article-body p:last-child,.article-body li:last-child{margin-bottom:0}.article-body--lead p:first-child{font-size:var(--font-size-lede);color:var(--color-text-body);margin-bottom:1.4em;line-height:1.6}.article-body--lead p:first-child:first-letter{float:left;font-family:var(--font-display);color:var(--color-text-primary);padding:.1em .12em 0 0;font-size:3.4em;font-weight:600;line-height:.78}.article-body:not(.article-body--lead) p:first-child:first-letter{float:none;font:inherit;padding:0}.article-body h2,.article-body h3{font-family:var(--font-display);color:var(--color-text-primary);text-wrap:balance;margin:1.4em 0 .6em;font-weight:600;line-height:1.3}.article-body h2{font-size:var(--font-size-h2)}.article-body h3{font-size:var(--font-size-lede)}.article-body a{text-underline-offset:.18em;color:inherit;transition:color var(--duration) var(--ease-out);text-decoration:underline}.article-body a:hover,.article-body a:focus-visible{color:var(--color-kicker)}.article-body ul,.article-body ol{gap:var(--space-16);flex-direction:column;margin:0 0 1.4em;padding:0;display:flex}.article-body li{margin:0;padding-left:1.6em;position:relative}.article-body li:before{content:"—";color:var(--color-text-tertiary);position:absolute;left:0}.article-body blockquote{width:100vw;max-width:100vw;margin:var(--space-64) 0;padding:var(--space-96) var(--space-64);background:var(--color-surface-muted);margin-left:calc(50% - 50vw)}.article-body blockquote p{max-width:48rem;font-family:var(--font-display);font-size:var(--font-size-h2);text-align:center;text-wrap:balance;color:var(--color-text-primary);margin:0 auto;font-weight:600;line-height:1.3}.article-body blockquote p:first-child:first-letter{float:none;font:inherit;padding:0}.article-body img{max-width:100%;height:auto;margin:var(--space-32) 0;display:block}.article-body em,.article-body i{font-style:italic}.article-body strong,.article-body b{color:var(--color-text-primary);font-weight:600}.article__footer{align-items:center;gap:var(--space-16);padding-top:var(--space-32);border-top:var(--border-width) solid var(--color-border);margin:0;display:flex}.article__footer .article__avatar{width:48px;height:48px}.article__footer .article__avatar-icon{width:18px;height:18px}.article__footer-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.article__footer-label{font-size:var(--font-size-label);letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-primary);margin:0;font-weight:600;line-height:1.2}.article__footer-name{font-size:var(--font-size-nav);color:var(--color-excerpt);margin:0;font-weight:500;line-height:1.2}@media (prefers-reduced-motion:no-preference){.article__header,.article__media,.article__main{animation:article-enter .7s var(--ease-out) both}.article__media{animation-delay:80ms}.article__main{animation-delay:.14s}}@keyframes article-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media (prefers-reduced-transparency:reduce){.article__desaturate{display:none}}@media (width<=1100px){.article__main{grid-column:1/-1;max-width:40rem}.article__title{font-size:clamp(2.5rem,8vw,4rem)}}@media (width<=800px){.article{padding:var(--space-32) var(--space-16) var(--space-64)}.article__inner{gap:var(--space-32)}.article__header{gap:var(--space-16)}.article__lede{font-size:1.0625rem}.article__cover{aspect-ratio:4/3;height:auto}.article-body blockquote{padding:var(--space-48) var(--space-16)}.article-body blockquote p{font-size:clamp(1.35rem,5vw,2rem)}}.pull-quote{width:100%;padding:var(--space-96) var(--space-64);background:var(--color-surface-muted);margin:0}.pull-quote blockquote{max-width:48rem;margin:0 auto}.pull-quote p{font-family:var(--font-display);font-size:var(--font-size-h2);text-align:center;text-wrap:balance;color:var(--color-text-primary);margin:0;font-weight:600;line-height:1.3}@media (width<=800px){.pull-quote{padding:var(--space-48) var(--space-16)}.pull-quote p{font-size:clamp(1.35rem,5vw,2rem)}}
