.blog-list{--bl-pad-block: var(--space-2) var(--space-6);--bl-card-radius: var(--radius-lg);--bl-img-h: 180px;--bl-card-pad: var(--space-4);--bl-grid-gap: var(--space-4);background-color:var(--color-brand-white);padding-block:var(--bl-pad-block)}@media(min-width:768px){.blog-list{--bl-pad-block: var(--space-5) var(--space-6);--bl-card-radius: 14px;--bl-img-h: 240px;--bl-card-pad: 22px var(--space-5);--bl-grid-gap: var(--space-6)}}.blog-list__inner{width:100%;max-width:var(--page-width);margin-inline:auto;padding-inline:var(--page-margin);display:flex;flex-direction:column;gap:var(--space-4)}@media(min-width:768px){.blog-list__inner{gap:var(--space-6)}}.blog-list__head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-3)}.blog-list__head-text{display:flex;flex-direction:column;gap:2px}@media(min-width:768px){.blog-list__head-text{gap:var(--space-1)}}.blog-list__heading{margin:0;font-family:var(--font-brand);font-size:var(--fs-22);font-weight:var(--fw-black);line-height:1.1;letter-spacing:-.01em;color:var(--color-brand-black)}@media(min-width:768px){.blog-list__heading{font-size:var(--fs-2xl);letter-spacing:-.015em}}.blog-list__count{margin:0;font-size:var(--fs-xs);color:var(--color-ink-400)}@media(min-width:768px){.blog-list__count{font-size:var(--fs-sm)}}.blog-list__items{list-style:none;margin:0;padding:0;display:grid;gap:var(--bl-grid-gap);grid-template-columns:1fr}@media(min-width:768px){.blog-list__items{grid-template-columns:repeat(var(--columns-desktop, 3),1fr)}}.blog-list__item{display:flex}.blog-list__empty{text-align:center;padding:var(--space-7) 0;color:var(--color-ink-400);font-size:var(--fs-sm)}.article-card{width:100%;background-color:var(--color-brand-white);border:1px solid var(--color-ink-200);border-radius:12px;overflow:hidden;transition:border-color var(--transition-fast),transform var(--transition-fast)}.article-card:hover{border-color:var(--color-ink-400);transform:translateY(-2px)}.article-card__link{display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit}.article-card__media{position:relative;width:100%;height:200px;background-color:var(--color-ink-200);overflow:hidden}@media(min-width:768px){.article-card__media{height:220px}}.article-card__image{display:block;width:100%;height:100%;object-fit:cover}.article-card__image--placeholder{background-color:var(--color-ink-200)}.article-card__badge{position:absolute;top:16px;left:16px;display:inline-block;padding:6px 12px;background-color:var(--color-brand-primary);color:var(--color-brand-black);font-family:var(--font-brand);font-size:var(--fs-11);font-weight:var(--fw-extrabold);letter-spacing:1.2px;text-transform:uppercase;transform:rotate(-3deg);transform-origin:top left}.article-card__body{display:flex;flex-direction:column;gap:14px;padding:20px 24px 24px;flex:1}.article-card__meta{margin:0;display:inline-flex;align-items:center;flex-wrap:wrap;gap:6px;font-family:var(--font-brand);font-size:var(--fs-11);font-weight:var(--fw-bold);letter-spacing:1px;text-transform:uppercase;color:var(--color-ink-400)}.article-card__title{margin:0;font-family:var(--font-brand);font-size:var(--fs-md);font-weight:var(--fw-extrabold);line-height:1.25;color:var(--color-brand-black)}@media(min-width:768px){.article-card__title{font-size:var(--fs-18)}}.article-card__cta{font-family:var(--font-brand);font-size:var(--fs-xs);font-weight:var(--fw-extrabold);letter-spacing:1.4px;text-transform:uppercase;color:var(--color-brand-black)}.blog-list__load-more{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding-block:var(--space-4)}@media(min-width:768px){.blog-list__load-more{padding-block:var(--space-5) 0}}.blog-list__load-more-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:14px 20px;background-color:var(--color-brand-black);color:var(--color-brand-white);font-family:var(--font-brand);font-size:var(--fs-sm);font-weight:var(--fw-extrabold);text-decoration:none;border-radius:var(--radius-pill);width:100%;transition:opacity var(--transition-fast)}.blog-list__load-more-button:hover{opacity:.85}@media(min-width:768px){.blog-list__load-more-button{width:auto;padding:16px 32px;font-size:var(--fs-base)}}.blog-list__load-more-progress{margin:0;font-size:var(--fs-xs);font-weight:var(--fw-medium);color:var(--color-ink-400)}
/*# sourceMappingURL=/cdn/shop/t/71/assets/blog-list.css.map */