@layer components{.related-articles{padding-block:var(--section-y)}.related-articles__header{margin-block-end:var(--space-6)}.related-articles__heading{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0}.related-articles__grid{display:grid;grid-template-columns:1fr;gap:var(--space-4)}@media(min-width:750px){.related-articles__grid{grid-template-columns:repeat(3,1fr)}}.related-articles__card{display:block;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;color:var(--color-text);text-decoration:none;transition:border-color var(--duration-fast) var(--ease-out),transform var(--duration-base) var(--ease-out)}.related-articles__card:hover{border-color:var(--color-accent);transform:translateY(-2px)}.related-articles__media{aspect-ratio:16 / 9;overflow:hidden;background:var(--color-surface-elevated)}.related-articles__media img{width:100%;height:100%;object-fit:cover}.related-articles__body{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.related-articles__title{font-size:var(--text-base);font-weight:var(--font-weight-semibold);line-height:var(--leading-snug);margin:0;color:var(--color-text);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.related-articles__excerpt{font-size:var(--text-sm);color:var(--color-text-muted);margin:0;line-height:var(--leading-relaxed)}@media(prefers-reduced-motion:reduce){.related-articles__card{transition:none}}}@layer components{.related-articles__inner{padding-block:clamp(2rem,5vw,4rem)}.related-articles__item{display:block;color:var(--color-text);text-decoration:none}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/section-related-articles.css.map */