.blog-grid{display:grid;gap:2rem;grid-template-columns:1fr}@media(min-width:750px){.blog-grid{grid-template-columns:repeat(3,1fr)}}.article-card{display:block}.article-card__media{aspect-ratio:4/3;border-radius:var(--corner-radius);overflow:hidden;margin-bottom:1rem;background:rgb(var(--color-cream))}.article-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.article-card:hover .article-card__media img{transform:scale(1.05)}.article-card__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#ffffffd9}.article-card__meta{font-size:.8rem;color:rgb(var(--color-soft-gray));text-transform:uppercase;letter-spacing:.04em;margin-bottom:.5rem}.article-card__title{margin-bottom:.5rem;font-size:1.2rem}.article-card__excerpt{color:rgb(var(--color-soft-gray));margin-bottom:.75rem}.blog-page__empty{color:rgb(var(--color-soft-gray));text-align:center;padding:3rem 0}.article-page__header{text-align:center;margin-bottom:2rem}.article-page__meta{color:rgb(var(--color-soft-gray));font-size:.85rem;margin-bottom:.5rem}.article-page__image{width:100%;border-radius:var(--corner-radius);margin-bottom:2rem;aspect-ratio:16/9;object-fit:cover}.article-page__content{margin-bottom:2rem}.article-page__tags{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:1.5rem;font-size:.9rem;color:rgb(var(--color-soft-gray))}.tag-pill{background:rgb(var(--color-cream));padding:.3rem .75rem;border-radius:999px;font-size:.8rem}.article-page__comments{margin-top:3rem;padding-top:2.5rem;border-top:1px solid rgb(var(--color-border))}.article-page__comments-note{color:rgb(var(--color-soft-gray));font-size:.85rem;margin-bottom:1.5rem}.article-page__comment-list{margin-bottom:2rem;display:flex;flex-direction:column;gap:1.5rem}.article-page__comment-author{font-weight:700;margin-bottom:.4rem}.article-page__comment-author span{font-weight:400;color:rgb(var(--color-soft-gray));font-size:.85rem;margin-left:.5rem}
/*# sourceMappingURL=/cdn/shop/t/8/assets/template-blog.css.map */