@layer blocks{@media(min-width:768px){.featured-post{align-items:center;display:flex}}.featured-post__image-link{border-radius:var(--space-s);display:block;flex-basis:100%;overflow:hidden}.featured-post__image{aspect-ratio:16/9;object-fit:cover;transition:transform .3s ease-in-out;width:100%;will-change:transform}.featured-post__image-link:hover .featured-post__image{transform:scale(1.05)}.featured-post__content{--flow-space:var(--space-xs);flex-basis:100%;margin:var(--space-l) 0 0 0}@media(min-width:768px){.featured-post__content{margin:0 0 0 var(--space-m)}}.featured-post__excerpt{color:var(--clr-text-muted)}}@layer composition{.articles__header-inner{display:grid;gap:var(--space-m-l);grid-template-areas:"title meta" "categories categories";grid-template-columns:1fr auto}@media(max-width:48rem){.articles__header-inner{grid-template-areas:"title" "meta" "categories";grid-template-columns:1fr}}}@layer blocks{.articles__title{font-size:clamp(1.75rem,.3333rem + 7.0833vw,6rem);grid-area:title;line-height:1;white-space:nowrap}.articles__title-pagenumber{color:var(--clr-text-muted);display:block;font-size:var(--fs-4);font-weight:var(--fw-book)}.articles__meta{align-self:center;font-family:var(--font-code);font-size:var(--fs--1);grid-area:meta;letter-spacing:var(--tracking);text-transform:uppercase}.articles__categories{grid-area:categories;overflow:hidden}.articles__categories-label{font-weight:var(--fw-bold)}.articles__categories-nav{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-block-start:var(--space-3xs-2xs);padding-block:var(--space-2xs-xs);scrollbar-color:var(--clr-base-400) var(--clr-base-50)}.articles__categories-list{display:flex;flex-wrap:nowrap;gap:var(--space-2xs-xs)}.articles__categories-item{flex-shrink:0}.articles__categories-link{border:1px solid var(--clr-border-default);border-radius:9999px;display:inline-block;font-size:var(--fs--2);line-height:1;padding:var(--space-xs) var(--space-s);transition:background-color .3s ease-in-out}.articles__categories-link:focus-visible,.articles__categories-link:hover{background:var(--clr-bg-hover);text-decoration:none}}