@layer components{.blog-feed{padding-block:var(--section-y)}.blog-feed__inner{display:flex;flex-direction:column;gap:var(--space-6)}.blog-feed__header{display:flex;justify-content:space-between;align-items:end;gap:var(--space-3);margin-bottom:var(--space-6);flex-wrap:wrap}.blog-feed__eyebrow{font-size:var(--text-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.12em;color:var(--color-accent);margin:0 0 var(--space-1)}.blog-feed__heading{font-size:var(--text-2xl);margin:0;color:var(--color-text)}@media(min-width:750px){.blog-feed__heading{font-size:var(--text-3xl)}}.blog-feed__view-all{display:inline-flex;align-items:center;gap:4px;color:var(--color-accent);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);text-decoration:none}.blog-feed__view-all:hover{gap:8px}.blog-feed__grid{display:grid;grid-template-columns:1fr;gap:var(--space-5);list-style:none;margin:0;padding:0}@media(min-width:750px){.blog-feed__grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:990px){.blog-feed__grid{grid-template-columns:repeat(3,1fr)}}.blog-feed__item{display:flex}.blog-feed__item>.blog-card{width:100%}.blog-feed__empty{text-align:center;color:var(--color-text-muted);padding:var(--space-12);border:1px dashed var(--color-border);border-radius:var(--radius-lg)}.blog-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)}.blog-card:hover{border-color:var(--color-accent);transform:translateY(-2px)}.blog-card:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}.blog-card__media{aspect-ratio:16 / 9;background:var(--color-surface-elevated);overflow:hidden}.blog-card__image{width:100%;height:100%;object-fit:cover;transition:transform var(--duration-slow) var(--ease-out)}.blog-card__image--placeholder{background:linear-gradient(135deg,var(--color-surface-elevated),var(--color-surface))}.blog-card:hover .blog-card__image{transform:scale(1.04)}.blog-card__body{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);flex:1}.blog-card__meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0;font-size:var(--text-xs);color:var(--color-text-subtle);text-transform:uppercase;letter-spacing:.04em}.blog-card__date{font-size:var(--text-xs);color:var(--color-text-subtle);text-transform:uppercase;letter-spacing:.04em}.blog-card__sep{color:var(--color-text-subtle)}.blog-card__author{font-size:var(--text-xs);color:var(--color-accent);font-weight:var(--font-weight-semibold);text-transform:none;letter-spacing:0}.blog-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}.blog-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}.blog-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){.blog-card,.blog-card__image{transition:none;transform:none}}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/section-blog-feed.css.map */