.blog-page{padding:48px 0 72px}.blog-page__inner{max-width:1080px}.blog-page__header{max-width:820px;margin-bottom:40px}.blog-page__title{font-family:var(--font-heading);font-size:var(--heading-1-size);font-weight:600;letter-spacing:0;line-height:1.1;color:var(--color-text-heading);margin:0 0 16px}.blog-page__intro{font-size:var(--body-size);line-height:var(--body-leading);color:var(--color-text-body);margin:0}.blog-grid{display:grid;grid-template-columns:1fr;gap:28px}@media(min-width:640px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.blog-card{height:100%}.blog-card__link{display:flex;flex-direction:column;height:100%;border-radius:var(--radius-card);overflow:hidden;background:var(--color-surface-elevated);border:1px solid var(--color-border-default);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.blog-card__link:hover{transform:translateY(-3px);box-shadow:var(--shadow-card, 0 10px 30px rgba(0, 0, 0, .08))}.blog-card__media{aspect-ratio:16 / 10;overflow:hidden;background:var(--color-surface-muted)}.blog-card__img{width:100%;height:100%;object-fit:cover}.blog-card__body{display:flex;flex-direction:column;gap:8px;padding:20px 22px 22px;flex:1}.blog-card__date{font-size:var(--caption-size);font-weight:700;color:var(--color-text-muted)}.blog-card__title{font-family:var(--font-heading);font-size:clamp(20px,2.5vw,24px);font-weight:600;line-height:1.25;color:var(--color-text-heading);margin:0}.blog-card__excerpt{font-size:var(--body-size);line-height:var(--body-leading);color:var(--color-text-body);margin:0;flex:1}.blog-card__cta{font-size:var(--body-sm-size);font-weight:800;color:var(--color-brand-primary)}.blog-page__pagination,.blog-page__empty{margin-top:40px}.blog-page__pagination{display:flex;align-items:center;justify-content:center;gap:16px}.pagination__btn{font-size:var(--body-sm-size);font-weight:800;color:var(--color-brand-primary)}.pagination__info{font-size:var(--body-sm-size);color:var(--color-text-muted)}@media(max-width:767px){.blog-page{padding:32px 0 56px}.blog-page__header{margin-bottom:28px}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/section-blog.css.map */