@layer components{.blog-title{--font-weight:300;--font-width:100;line-height:var(--leading-sm);font-size:var(--type-poster);text-transform:none}.blog-grid{row-gap:var(--space-xl);column-gap:var(--space-lg);grid-column:2/span 1;grid-template-columns:1fr;display:grid;position:relative}@media (width>=50em){.blog-grid{grid-template-columns:repeat(3,1fr)}.blog-grid.--preview{grid-template-columns:repeat(4,30%)}}.blog-grid__more{--arrow-color:var(--color-text);--width:33%;z-index:5;align-items:center;width:33%;height:100%;padding:0;display:none;position:absolute;inset-inline-end:calc(var(--width)*-.875)}@media (width>=50em){.blog-grid__more{display:flex}}.blog-grid__more:after{content:"";background:linear-gradient(to right,hsl(var(--color-sheet)/0%)0%,hsl(var(--color-sheet)/100%)40%);z-index:1;width:100%;height:100%;display:block;position:absolute}.blog-grid__more>span{--button-text:var(--color-text);z-index:2;position:relative;inset-inline-start:var(--space-lg)}.blog-card{background-color:hsl(var(--color-sheet));padding:0 0 var(--space-md)0;border-bottom:.1rem solid hsl(var(--color-text)/25%);grid-column:span 1;overflow:hidden}.blog-card__hero{align-items:end;display:grid;position:relative;overflow:hidden}.blog-card__hero>*{grid-area:1/1}.blog-card__hero:not(:hover){text-decoration:none}.blog-card__title{--font-width:var(--font-width-narrow);--font-weight:300;font-size:var(--type-xl);z-index:5;margin:0}.blog-card__title span{background-color:hsl(var(--color-sheet));padding:var(--space-xs);box-decoration-break:clone;padding-left:0}.blog-card__image{object-fit:cover;border-radius:var(--space-sm);width:100%;height:24em;margin:0;display:block}.blog-card__avatar{object-fit:cover;width:2em;height:2em;margin:0}.blog-card__author{--font-width:var(--font-width-narrow);z-index:2;margin:var(--space-sm)0 0 0;font-size:var(--type-xxxs);text-transform:uppercase;letter-spacing:var(--font-spacing-wide);position:relative}.blog-card__intro{margin:var(--space-sm)0 0 0;font-size:var(--type-sm);text-wrap:balance;max-width:50ch}.blog-hero{min-height:80rem;align-items:end!important}.blog-hero-image{object-position:center 25%}}