.article-section{padding:40px 0;background:var(--color-background);font-family:var(--font-body);position:relative}.article-section__title{text-align:center;font-size:var(--font-size-h2);font-weight:var(--font-weight-h2);line-height:var(--line-height-h2);letter-spacing:var(--letter-spacing-h2);text-transform:var(--text-case-h2);margin-bottom:32px;color:var(--color-foreground-heading);font-family:var(--font-heading)}.article-section__grid{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:repeat(2,300px);gap:24px;max-width:var(--page-width);margin:0 auto}.article-section__item{background:var(--color-variant-bg);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;position:relative}.article-section__item--large{grid-row:1 / span 2;grid-column:1 / 2}.article-section__image{width:100%;height:100%;object-fit:cover}.article-section__item-content-overlay{position:absolute;bottom:0;left:0;right:0;padding:24px;background:linear-gradient(to top,#000c,#0000);color:var(--color-foreground);display:flex;flex-direction:column;justify-content:flex-end;height:100%}.article-section__heading{font-size:var(--font-size-h5);font-weight:var(--font-weight-h5);line-height:var(--line-height-h5);letter-spacing:var(--letter-spacing-h5);text-transform:var(--text-case-h5);margin-bottom:8px;font-family:var(--font-heading);color:#fff}.article-section__desc{display:none}.article-section__link{font-size:var(--font-size-paragraph);color:#fff;text-decoration:none;font-weight:var(--font-weight-paragraph);display:inline-flex;align-items:center;gap:4px;transition:color .2s;font-family:var(--font-body);border-bottom:1px solid var(--color-border);width:fit-content}.article-section__link:hover{color:var(--color-primary-hover)}.article-section__more{font-size:var(--font-size-paragraph);color:var(--color-foreground-heading);text-decoration:none;font-weight:var(--font-weight-paragraph);display:flex;align-items:center;gap:4px;font-family:var(--font-body);justify-content:flex-end;border-bottom:1px solid var(--color-border);width:fit-content}@media (max-width: 900px){.article-section__grid{grid-template-columns:1fr;grid-template-rows:repeat(3,300px)}.article-section__item--large{grid-row:1 / 2;grid-column:1 / 2}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/article-section.css.map */