.article__hero { padding-block: 2.625rem var(--space-16); }
html:has(.article) { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { html:has(.article) { scroll-behavior: auto; } }
.article__hero-grid { display: grid; gap: 4.75rem; }
.article__cover { display: block; inline-size: 100%; aspect-ratio: 1344 / 461; object-fit: cover; border-radius: var(--radius-feature); }
.article__title { margin: 0; font-family: var(--font-heading); font-size: clamp(var(--fs-heading-min), 4.444444vw, var(--fs-section-archive-max)); font-weight: var(--font-weight-bold); line-height: 1.3; letter-spacing: -0.04em; text-transform: uppercase; }
.article__body-container { padding-block: var(--space-6) var(--space-16); }
.article__body { inline-size: min(100%, 50rem); margin-inline: auto; }
.related-posts { padding-block: var(--space-16); }
.related-posts__title { margin-block-end: var(--space-12); }
.related-posts__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-6); }
.related-posts__action { display: flex; justify-content: flex-end; margin-block-start: var(--space-12); }
@media (width < 75rem) { .article__hero-grid { gap: var(--space-12); } }
@media (width < 48rem) {
    .article__hero { padding-block: var(--space-6) var(--space-8); }
    .article__hero-grid { gap: var(--space-8); }
    .article__title { font-size: clamp(var(--fs-label), 6.5vw, var(--fs-heading-min)); }
    .article__cover { aspect-ratio: 4 / 3; border-radius: var(--radius-media); }
    .article__body-container { padding-block: var(--space-6) var(--space-12); }
    .related-posts__grid { grid-template-columns: minmax(0, 1fr); }
}