.blog-index-header{position:relative;isolation:isolate;padding-block:clamp(2rem,6vw,3.5rem)}.blog-index-header__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.blog-index-header__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:color-mix(in srgb,var(--color-footer) 70%,transparent)}.blog-index-header:has(.blog-index-header__image){color:#fff}.blog-index-header__inner{position:relative}.blog-index-header--align-left .blog-index-header__inner{text-align:left}.blog-index-header--align-center .blog-index-header__inner{text-align:center}.blog-index-header--align-right .blog-index-header__inner{text-align:right}.section--bg-navy .blog-index-header__inner .eyebrow,.section--bg-slate .blog-index-header__inner .eyebrow,.section--bg-black .blog-index-header__inner .eyebrow,.blog-index-header:has(.blog-index-header__image) .eyebrow{color:var(--color-button)}.blog-index-header__heading{margin-top:.75rem;line-height:1.15}.blog-index-header__underline{display:block;width:3.5rem;height:3px;margin-top:1rem;background-color:var(--color-button)}.blog-index-header--align-center .blog-index-header__underline{margin-inline:auto}.blog-index-header--align-right .blog-index-header__underline{margin-inline-start:auto;margin-inline-end:0}.blog-index-header__description{max-width:42rem;margin-top:1.25rem;font-size:var(--text-body-size);line-height:1.6}.blog-index-header--align-center .blog-index-header__description{margin-inline:auto}.blog-index-header--align-right .blog-index-header__description{margin-inline-start:auto;margin-inline-end:0}.blog-index-grid{display:grid;grid-template-columns:repeat(var(--columns-mobile, 1),1fr);gap:var(--grid-gap, 20px);padding-block:clamp(2rem,6vw,3rem)}@media(min-width:40rem){.blog-index-grid{grid-template-columns:repeat(var(--columns-desktop, 4),1fr)}}.article-card{display:flex;flex-direction:column;width:100%;border:1px solid var(--color-border);background-color:var(--color-background);color:var(--color-foreground);text-decoration:none;transition:box-shadow .15s ease,border-color .15s ease}.article-card:hover{border-color:var(--color-button);box-shadow:var(--shadow-lg, 0 8px 16px -4px rgba(0, 0, 0, .12))}.article-card__image{aspect-ratio:5 / 3;background-color:var(--section-bg-gray)}.article-card .article-card__image img{width:100%;height:100%;object-fit:cover;object-position:center center;transition:transform .25s ease}.article-card:hover .article-card__image img{transform:scale(1.04)}.article-card__image--fallback{display:flex;align-items:center;justify-content:center;background-color:var(--section-bg-gray)}.article-card__image--fallback span{font-size:clamp(2.5rem,6vw,4rem);font-weight:700;text-transform:uppercase;color:var(--color-border)}.article-card__content{display:flex;flex-direction:column;flex:1;gap:.35rem;padding:1rem}.article-card__meta{color:var(--color-button);font-size:var(--text-micro-size);font-weight:700;text-transform:uppercase;letter-spacing:.04em}.article-card__meta-sep{margin-inline:.4em}.article-card__title{font-size:.9375rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;line-height:1.35}.article-card__description{color:var(--color-secondary);font-size:var(--text-body-size);line-height:1.5}.article-card__cta{display:inline-flex;align-items:center;gap:.4rem;font-size:var(--text-button-size);font-weight:700;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;color:var(--color-button)}.article-card__cta-icon{width:1em;height:1em;transition:transform .15s ease}.article-card:hover .article-card__cta-icon{transform:translate(.25rem)}.blog-index-empty{padding-block:clamp(2rem,6vw,3rem);text-align:center;color:var(--color-secondary)}.blog-index-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem;padding-bottom:clamp(2rem,6vw,3rem)}.blog-index-pagination .page,.blog-index-pagination .prev,.blog-index-pagination .next,.blog-index-pagination .deco{display:flex;align-items:center;justify-content:center;min-width:2.5rem;height:2.5rem;padding-inline:.5rem;background-color:var(--color-background);color:var(--color-foreground);border:1px solid var(--color-border);border-radius:5px;font-weight:700;font-size:var(--text-button-size)}.blog-index-pagination .page a,.blog-index-pagination .prev a,.blog-index-pagination .next a{color:inherit;text-decoration:none}.blog-index-pagination .page:has(a):hover,.blog-index-pagination .prev:hover,.blog-index-pagination .next:hover{background-color:var(--color-button);color:var(--color-button-text);border-color:var(--color-button)}.blog-index-pagination .page.current{background-color:var(--color-button);color:var(--color-button-text);border-color:var(--color-button);cursor:default}.blog-index-pagination .deco{color:color-mix(in srgb,var(--color-foreground) 35%,transparent);border-style:dashed}
/*# sourceMappingURL=/cdn/shop/t/2/assets/blog.css.map */