@layer molecules{.article-list-container{padding-block-end:1rem}.article-list-container h2{padding:var(--fluid-24-16)var(--page-gutter)1rem}@media (min-width:80rem){.article-list-container h2{padding-block:var(--fluid-large-16-32)var(--fluid-large-16-24)}}.article-list{display:grid}@media (min-width:64rem){.article-list{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:.125rem}}.article-list-item{isolation:isolate;position:relative}@media (hover){.article-list-item:hover img{scale:1.025}}.article-list-item:has(a:focus-visible) img{scale:1.025}.article-list-item div{aspect-ratio:1;background-color:var(--color-secondary-background);overflow:clip}.article-list-item img{object-fit:cover;block-size:100%;transition:scale .5s}.article-list-item .heading{padding:.5rem 1rem 1.5rem}.article-list-item a:after{content:"";position:absolute;inset:0}.pagination{gap:var(--fluid-8-16);padding:1.5rem var(--page-gutter);flex-wrap:wrap;justify-content:center;display:flex}.pagination span{aspect-ratio:1;white-space:nowrap;border:1px solid var(--color-primary-foreground);border-radius:50%;flex-shrink:0;grid-auto-columns:100%;place-items:center;inline-size:3rem;display:grid;overflow:clip}.pagination .current{color:var(--color-primary-background);background-color:var(--color-primary-foreground)}.pagination :is(.prev,.next){text-indent:100%}.pagination :is(.prev,.next) a{mask-image:var(--icon-arrow);background-color:currentColor;mask-position:50%;mask-size:1.5rem;mask-repeat:no-repeat}.pagination .prev a{scale:-1 1}.pagination a{grid-auto-columns:100%;place-items:center;block-size:100%;inline-size:100%;display:grid;overflow:clip}}