.article__hero{padding:48px 0 24px}.article__hero-inner{max-width:820px}.article__hero .eyebrow{margin-bottom:18px;display:block}.article__title{letter-spacing:-.02em;color:var(--ink);max-width:16ch;font-size:clamp(36px,5.6vw,64px);line-height:1.05}.article__lede{color:var(--ink-2);max-width:54ch;margin-top:24px;font-size:20px;line-height:1.6}.article__body{max-width:920px;padding-bottom:40px}.article__section{margin:48px 0}.article__section h2{letter-spacing:-.015em;color:var(--ink);margin-bottom:20px;font-size:clamp(28px,3.6vw,40px);line-height:1.1}.article__section p{color:var(--ink-2);margin-bottom:18px;font-size:17.5px;line-height:1.7}.article__emphasis{color:var(--ink);margin:28px 0;font-size:clamp(24px,3vw,32px);line-height:1.25}.article__list{flex-direction:column;gap:12px;margin:8px 0 24px;list-style:none;display:flex}.article__list li{color:var(--ink-2);padding-left:22px;font-size:16px;line-height:1.55;position:relative}.article__list li:before{content:"";background:var(--accent);border-radius:2px;width:7px;height:7px;position:absolute;top:9px;left:0}.article__list code{font-family:var(--font-mono);color:var(--accent-deep);background:var(--accent-soft);border-radius:6px;padding:2px 7px;font-size:13.5px}.article__cards{grid-template-columns:repeat(3,1fr);gap:14px;margin:24px 0 28px;display:grid}.article__card{border-radius:var(--r-md);padding:22px 20px}.article__card h3{color:var(--ink);margin-bottom:8px;font-size:17px;font-weight:600}.article__card p{color:var(--ink-2);margin:0;font-size:14.5px;line-height:1.5}.article__figure{margin:40px 0 56px}.article__img{border-radius:var(--r-lg);border:1px solid var(--hairline-2);width:100%;height:auto;box-shadow:var(--sh-lg);background:var(--card);display:block}.article__figure figcaption{color:var(--ink-3);max-width:62ch;margin-top:14px;font-size:14.5px;line-height:1.5}.article__quote{border-radius:var(--r-lg);font-family:var(--font-display);color:var(--ink);margin:36px 0 8px;padding:28px 30px;font-size:clamp(22px,2.8vw,30px);font-style:italic;line-height:1.35}@media (max-width:800px){.article__cards{grid-template-columns:1fr}.article__title{max-width:none}.article__lede{font-size:18px}.article__section p{font-size:16.5px}}@media (max-width:560px){.article__hero{padding:28px 0 8px}.article__section{margin:36px 0}.article__figure{margin:28px 0 40px}.article__quote{padding:22px 20px}}
