.article-page__hero{aspect-ratio:21/9;width:100%;max-height:60vh;position:relative;overflow:hidden}.article-page__hero-image{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.article-page__back{top:var(--space-4);left:max(var(--space-4),calc((100% - var(--container-max))/2 + var(--container-padding)));z-index:1;text-decoration:none;position:absolute}.article-page__hero-overlay{background:linear-gradient(to bottom,transparent 10%,color-mix(in srgb,var(--background)50%,transparent)40%,color-mix(in srgb,var(--background)85%,transparent)65%,var(--background)100%);align-items:flex-end;display:flex;position:absolute;inset:0}.article-page__hero-content{width:100%;max-width:var(--container-max);padding:var(--space-8)var(--container-padding)var(--space-10);margin:0 auto}.article-page__container.section{padding-top:var(--space-6);padding-bottom:var(--space-6)}.article-page__header{padding-top:var(--space-16);margin-bottom:var(--space-8)}.article-page__meta{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.article-page__date{align-items:center;gap:var(--space-1);font-size:var(--text-sm);color:var(--text-subtle);display:flex}.article-page__title{font-size:var(--text-4xl);font-weight:var(--weight-bold);line-height:var(--leading-tight);margin-bottom:var(--space-3)}.article-page__author{font-size:var(--text-sm);color:var(--text-muted)}.article-page__hero .article-page__date,.article-page__hero .article-page__author{color:var(--text)}.article-page__related{border-top:1px solid var(--border);padding-top:var(--space-10)}.article-page__related-heading{font-size:var(--text-2xl);font-weight:var(--weight-bold);margin-bottom:var(--space-6)}.article-page__related-grid{gap:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}@media (max-width:1024px){.article-page__hero{aspect-ratio:16/9}.article-page__back{left:max(var(--space-4),calc((100% - var(--container-max-tablet))/2 + var(--container-padding)))}.article-page__hero-content{max-width:var(--container-max-tablet)}.article-page__related-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.article-page__hero{aspect-ratio:4/3;max-height:none}.article-page__header{padding-top:var(--space-10)}.article-page__title{font-size:var(--text-3xl)}.article-page__related-grid{grid-template-columns:1fr}}