.blog-eyebrow{margin:0 0 var(--space-2);color:var(--text-muted);letter-spacing:.28em;text-transform:uppercase;font-size:10px;font-weight:500}.blog-meta{gap:6px var(--space-2);color:var(--text-muted);letter-spacing:.12em;text-transform:uppercase;flex-wrap:wrap;font-size:10px;display:flex}.blog-meta>*+:before{margin-right:var(--space-2);color:var(--border-active);content:"·"}.blog-image{object-fit:cover;transition:transform .8s var(--ease-hero)}.article-hero,.article-layout,.article-next{width:100%;padding-inline:max(var(--gutter-mobile), var(--safe-left)) max(var(--gutter-mobile), var(--safe-right))}.article-hero{gap:var(--space-4);padding-top:calc(var(--safe-top) + 88px);padding-bottom:var(--space-6);display:grid}.article-hero__copy{flex-direction:column;justify-content:flex-end;display:flex}.article-back{width:fit-content;min-height:44px;margin-bottom:var(--space-5);color:var(--text-secondary);letter-spacing:.12em;text-transform:uppercase;align-items:center;font-size:11px;display:inline-flex}.article-hero h1,.article-content h2,.article-next h2{font-family:var(--font-display), system-ui, sans-serif;letter-spacing:-.038em;text-wrap:balance;font-weight:500}.article-hero h1{max-width:54rem;margin:var(--space-3) 0 0;font-size:clamp(2.4rem,7vw,5.4rem);line-height:.94}.article-hero__copy>p{max-width:42rem;margin:var(--space-4) 0 0;color:var(--text-secondary);font-size:clamp(1rem,2vw,1.2rem);line-height:1.7}.article-hero__media{border:1px solid var(--border-subtle);background:var(--surface-primary);min-height:clamp(24rem,64svh,48rem);display:block;position:relative;overflow:hidden}.article-layout{gap:var(--space-4);padding-top:var(--space-6);padding-bottom:var(--space-7);border-top:1px solid var(--border-subtle);display:grid}.article-aside{padding-top:var(--space-2);border-top:1px solid var(--border-subtle)}.article-aside span{color:var(--accent-primary);letter-spacing:.18em;text-transform:uppercase;font-size:10px}.article-aside p{max-width:18rem;margin:var(--space-2) 0 0;color:var(--text-muted);font-size:13px}.article-content{max-width:54rem}.article-content section+section{margin-top:var(--space-6)}.article-content h2{margin:0 0 var(--space-3);font-size:clamp(2.1rem,4.5vw,3.7rem);line-height:1}.article-content p{color:var(--text-secondary);margin:0;font-size:clamp(1rem,1.5vw,1.125rem);line-height:1.8}.article-content p+p{margin-top:var(--space-3)}.article-next{padding-block:var(--space-7);border-top:1px solid var(--border-subtle)}.article-next h2{max-width:56rem;margin:0;font-size:clamp(2.2rem,6vw,4.4rem);line-height:.98}.article-next a{min-height:48px;margin-top:var(--space-4);color:var(--text-primary);letter-spacing:.12em;text-transform:uppercase;align-items:center;font-size:11px;display:inline-flex}@media (min-width:768px){.article-hero,.article-layout,.article-next{padding-inline:max(var(--gutter-tablet), var(--safe-left)) max(var(--gutter-tablet), var(--safe-right))}.article-layout{grid-template-columns:minmax(12rem,.3fr) minmax(0,.7fr)}}@media (min-width:1024px){.article-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch}}@media (min-width:1440px){.article-hero,.article-layout,.article-next{padding-inline:max(var(--gutter-desktop), var(--safe-left)) max(var(--gutter-desktop), var(--safe-right))}}@media (hover:hover) and (pointer:fine){.article-hero__media:hover .blog-image{transform:scale(1.035)}}@media (prefers-reduced-motion:reduce){.blog-image{transition:none}}