@layer components{.main-blog{padding-block:var(--section-y)}.main-blog__container{display:flex;flex-direction:column;gap:var(--space-6)}.main-blog__header{display:flex;flex-direction:column;gap:var(--space-3);margin-block-end:var(--space-4)}.main-blog__heading{margin:0;font-size:calc(var(--text-3xl) * var(--heading-size-scale));color:var(--color-text)}@media(min-width:750px){.main-blog__heading{font-size:calc(var(--text-4xl) * var(--heading-size-scale))}}.main-blog__intro{color:var(--color-text-muted);font-size:var(--text-base);max-width:70ch}.main-blog__intro p+p{margin-block-start:var(--space-3)}.main-blog__grid{display:grid;grid-template-columns:1fr;gap:var(--space-5);margin:0;padding:0;list-style:none}@media(min-width:750px){.main-blog__grid{grid-template-columns:repeat(2,1fr);gap:var(--space-6)}}@media(min-width:990px){.main-blog__grid{grid-template-columns:repeat(var(--blog-cols-desktop, 3),1fr)}}.main-blog__item{display:flex}.main-blog__item>.article-card{width:100%}.main-blog__empty{text-align:center;color:var(--color-text-muted);padding:var(--space-12);border:1px dashed var(--color-border);border-radius:var(--radius-lg)}.main-blog__paginate{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);margin-block-start:var(--space-6)}.main-blog__load-more{min-width:240px}.article-card{display:flex;flex-direction:column;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)}.article-card:hover{border-color:var(--color-accent);transform:translateY(-2px)}.article-card:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}.article-card__media{aspect-ratio:16 / 9;background:var(--color-surface-elevated);overflow:hidden}.article-card__image{width:100%;height:100%;object-fit:cover;transition:transform var(--duration-slow) var(--ease-out)}.article-card__image--placeholder{background:linear-gradient(135deg,var(--color-surface-elevated),var(--color-surface))}.article-card:hover .article-card__image{transform:scale(1.04)}.article-card__body{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);flex:1}.article-card__tags{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 var(--space-1);padding:0;list-style:none}.article-card__tag{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-accent);background:var(--color-accent-soft);padding:4px 8px;border-radius:var(--radius-pill);font-weight:var(--font-weight-semibold)}.article-card__date{font-size:var(--text-xs);color:var(--color-text-subtle);text-transform:uppercase;letter-spacing:.04em}.article-card__title{font-size:var(--text-lg);color:var(--color-text);margin:0;line-height:var(--leading-snug);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-card__excerpt{font-size:var(--text-sm);color:var(--color-text-muted);margin:0;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.article-card__author{font-size:var(--text-xs);color:var(--color-text-subtle)}.article-card__cta{margin-top:auto;color:var(--color-accent);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);display:inline-flex;align-items:center;gap:4px}@media(prefers-reduced-motion:reduce){.article-card,.article-card__image{transition:none;transform:none}}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/section-main-blog.css.map */