.blog-grid{display:grid;gap:clamp(24px,3vw,40px) var(--gap);grid-template-columns:1fr}@media(min-width:750px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:990px){.blog-grid{grid-template-columns:repeat(3,1fr)}}.article-card{display:grid;gap:14px;align-content:start}.article-card__media{display:block;aspect-ratio:4 / 3;border-radius:var(--radius);overflow:hidden;background:var(--image-tile)}.article-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}.article-card:hover .article-card__media img{transform:scale(1.04)}.article-card__body{display:grid;gap:8px}.article-card h3 a{text-decoration:none}.blog-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}.article{max-width:760px;margin-inline:auto}.article__head{display:grid;gap:16px;text-align:center;justify-items:center;margin-bottom:32px}.article__hero{border-radius:calc(var(--radius) + 4px);overflow:hidden;margin:0 auto 40px;max-width:1100px;aspect-ratio:16 / 9;background:var(--image-tile)}.article__hero img{width:100%;height:100%;object-fit:cover}.article__content{font-size:var(--fs-md);line-height:1.75}.article__content p{color:color-mix(in srgb,var(--text) 86%,var(--bg))}.article__footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-top:40px;padding-top:24px;border-top:1px solid var(--border)}.comments{margin-top:56px;display:grid;gap:24px}.comment{padding:18px 20px;border-radius:var(--radius-sm);background:var(--surface)}.comment-form,.comment-form__row{display:grid;gap:14px}@media(min-width:750px){.comment-form__row{grid-template-columns:1fr 1fr}}.page-content{max-width:820px;margin-inline:auto}.page-content__head{text-align:center;margin-bottom:32px;display:grid;gap:12px;justify-items:center}.contact{display:grid;gap:40px;align-items:start}@media(min-width:990px){.contact{grid-template-columns:1fr 1.3fr;gap:72px}}.contact-form{display:grid;gap:16px;align-content:start}.contact-form__row{display:grid;gap:16px;align-items:start}@media(min-width:750px){.contact-form__row{grid-template-columns:1fr 1fr}}
/*# sourceMappingURL=/cdn/shop/t/57/assets/blog.css.map */