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