.blog,.article,.article-more{display:grid;grid-template-columns:minmax(0,1fr);gap:1.5rem}.blog,.article{padding-block:1.5rem 4rem}.blog__header{display:grid;gap:1rem}.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2.5rem 1.5rem;padding:0;list-style:none}.article-card{position:relative;display:grid;align-content:start;gap:1rem;height:100%}.article-card__media{position:relative;aspect-ratio:4 / 3;overflow:hidden;border-radius:var(--media-radius);background-color:var(--color-media)}.article-card__media :is(img,svg){width:100%;height:100%;object-fit:cover}.article-card__body{display:grid;gap:.5rem}.article-card__title{font-size:var(--text-xl);line-height:1.3}.article-card__title a{color:inherit;text-decoration:none}.article-card__title a:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.article-card:hover .article-card__title a{text-decoration:underline;text-underline-offset:var(--underline-offset)}.article-card__title a:focus-visible{outline:none}.article-card:has(.article-card__title a:focus-visible){outline:2px solid var(--color-foreground);outline-offset:4px}.article-card__excerpt{line-height:1.6;opacity:.8}.article-card__date{font-size:var(--text-xs);opacity:.65}.article__header,.article__content,.article__footer,.article__comments{width:100%;max-width:46rem;margin-inline:auto}.article__header{display:grid;gap:.75rem;padding-top:1rem}.article__title{font-size:var(--text-2xl);line-height:1.15}.article__meta{font-size:var(--text-sm);opacity:.7}.article__image{width:100%;max-width:72rem;margin-inline:auto;aspect-ratio:16 / 9;overflow:hidden;background-color:var(--color-media)}.article__image img{width:100%;height:100%;object-fit:cover}.article__content{font-size:var(--text-lg);line-height:1.75}.article__footer{padding-top:1rem;border-top:1px solid var(--color-border)}.article__comments{display:grid;gap:1rem}.article__comment-form{display:grid;gap:.5rem;max-width:32rem}.article__comment-form :is(input,textarea){padding:.75rem;border:1px solid var(--color-border)}.article-more{padding-block:3rem 4rem;border-top:1px solid var(--color-border)}@media(max-width:989px){.article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:749px){.article-grid{grid-template-columns:minmax(0,1fr);gap:2rem}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/blog.css.map */