.articles-index{display:flex;flex-direction:row;flex-wrap:wrap;column-gap:clamp(var(--size-4),5%,var(--size-8));margin-block:var(--size-4) var(--size-12);margin-inline:auto}.articles-index-articles{flex:999 1 0;min-inline-size:50%;margin-block-end:var(--size-8)}.articles-index-aside{flex:1 1 var(--size-35);container-type:inline-size}.articles-index-aside .articles-index-aside-image{block-size:var(--size-6);aspect-ratio:1 / 1;transition:block-size .2s ease-in-out}@container (min-width: 480px){.articles-index-aside .articles-index-aside-image{block-size:var(--size-10)}}.articles-index-articles-article-block{margin-bottom:var(--size-2)}@media (min-width: 768px){.articles-index-articles-article-block{margin-bottom:var(--size-1)}}.article-block{display:flex;justify-content:space-between;gap:var(--size-2);container-type:inline-size}.article-block-artwork{flex:0 0 var(--size-8);transition:flex .2s ease-in-out}@supports (container-type: inline-size){@container (min-width: 480px){.article-block-artwork{flex-basis:var(--size-12)}}}.article-block-body{gap:var(--size-1);max-inline-size:60ch}.article-block-description{color:var(--color-text-primary);line-height:var(--line-height-snug);font-size:var(--font-size-text-md)}.article-block-title{-webkit-text-decoration:none;text-decoration:none;color:inherit}.article-block-title-text{font-size:var(--font-size-text-lg);line-height:var(--line-height-tight);font-weight:var(--font-weight-semibold)}.article-block[data-variant=promoted]{flex-wrap:wrap-reverse;column-gap:var(--size-4)}.article-block[data-variant=promoted] .article-block-body{flex:999 1 0;min-inline-size:60%}.article-block[data-variant=promoted] .article-block-artwork{flex:1 1 clamp(var(--size-8),33.333%,100%)}.article-block[data-variant=promoted] .article-block-title-text{font-size:var(--font-size-display-xl);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight)}.article-block[data-variant=promoted] .article-block-description{line-height:var(--line-height-snug);font-size:var(--font-size-text-lg)}@media (min-width: 768px){:root{--font-size-display-xs: var(--font-size-md);--font-size-display-sm: var(--font-size-xl);--font-size-display-md: var(--font-size-3xl);--font-size-display-lg: var(--font-size-5xl);--font-size-display-xl: var(--font-size-7xl);--font-size-display-2xl: var(--font-size-10xl);--space-1: var(--size-1);--space-2: var(--size-2);--space-3: var(--size-3);--space-4: var(--size-4);--space-5: var(--size-5);--space-6: var(--size-6);--space-8: var(--size-8);--space-10: var(--size-10);--space-12: var(--size-12);--space-14: var(--size-14);--space-16: var(--size-16);--space-18: var(--size-18);--space-20: var(--size-20);--space-30: var(--size-30);--space-40: var(--size-40)}}