.blog-section{padding-top:var(--section-pt, 32px);padding-bottom:var(--section-pb, 96px);background-color:var(--color-background);color:var(--color-foreground)}.blog-section__header{display:grid;justify-items:center;gap:1rem;padding-block:clamp(1rem,3vw,2.5rem) clamp(1.5rem,4vw,2.5rem);text-align:center}.blog-section__title{font-size:clamp(2.5rem,1.5rem + 6vw,6.5rem);line-height:.95}.blog-section__description{max-width:36rem}.blog-section__tags{margin-bottom:clamp(2rem,4vw,3rem);border-block:1px solid var(--color-border);overflow-x:auto;scrollbar-width:none}.blog-section__tags::-webkit-scrollbar{display:none}.blog-section__tag-list{display:flex;justify-content:safe center;gap:clamp(1.25rem,4vw,2.5rem);padding:0;list-style:none}.blog-section__tag{position:relative;display:inline-flex;align-items:center;min-height:3.25rem;font-size:.72rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;white-space:nowrap;opacity:.5;transition:opacity var(--dur-base) var(--ease-luxe)}.blog-section__tag:after{content:"";position:absolute;inset:auto 0 -1px;height:1.5px;background:currentColor;transform:scaleX(0);transition:transform var(--dur-base) var(--ease-luxe)}.blog-section__tag:hover,.blog-section__tag[aria-current=page]{opacity:1}.blog-section__tag[aria-current=page]:after{transform:scaleX(1)}.blog-section__grid{display:grid;gap:clamp(2.5rem,5vw,3.5rem) clamp(1rem,2vw,1.75rem);padding:0;list-style:none}@media(min-width:750px){.blog-section__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:990px){.blog-section__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.blog-card{min-width:0}.blog-card__link{display:grid;gap:1.25rem;text-decoration:none}.blog-card__media{--media-ratio: var(--blog-ratio, 4 / 5);border-radius:var(--radius-card)}.blog-card__image,.blog-card__placeholder{transition:transform 1.4s var(--ease-luxe)}.blog-card__placeholder{fill:rgba(var(--color-foreground-rgb),.25)}@media(hover:hover){.blog-card__link:hover .blog-card__image,.blog-card__link:hover .blog-card__placeholder{transform:scale(1.04)}.blog-card__link:hover .blog-card__title{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}.blog-card__link:hover .blog-card__more .icon{transform:translate(4px)}}.blog-card__body{display:grid;justify-items:start;gap:.65rem}.blog-card__title{font-family:var(--font-heading--family);font-weight:var(--font-heading--weight);font-size:clamp(1.1rem,1rem + .5vw,1.4rem);line-height:1.2;letter-spacing:.03em;text-transform:uppercase;text-wrap:balance}.blog-card__excerpt{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;font-size:.9rem;color:var(--color-muted)}.blog-card__more{display:inline-flex;align-items:center;gap:.5rem;margin-top:.25rem;font-size:.7rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.blog-card__more .icon{width:.9rem;height:.9rem;transition:transform var(--dur-base) var(--ease-luxe)}@media(min-width:990px){.blog-card--lead{grid-column:1 / -1}.blog-card--lead .blog-card__link{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:center;gap:clamp(2rem,4vw,4rem)}.blog-card--lead .blog-card__media{--media-ratio: 4 / 3}.blog-card--lead .blog-card__title{font-size:clamp(1.75rem,1rem + 2vw,3rem);line-height:1.02}.blog-card--lead .blog-card__excerpt{font-size:1rem;-webkit-line-clamp:4}}.blog-section__empty{padding-block:4rem;text-align:center;color:var(--color-muted)}.blog-section__pagination{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:clamp(3rem,6vw,4.5rem)}.blog-section__pages{display:flex;gap:.25rem;padding:0;list-style:none}.blog-section__page,.blog-section__page-arrow{display:grid;place-items:center;min-width:2.75rem;height:2.75rem;padding-inline:.5rem;border:1px solid transparent;font-size:.78rem;font-weight:600;font-variant-numeric:tabular-nums;text-decoration:none;transition:border-color var(--dur-fast)}.blog-section__page-arrow{border-color:var(--color-border);border-radius:50%}.blog-section__page-arrow .icon{width:1rem;height:1rem}a.blog-section__page:hover,a.blog-section__page-arrow:hover{border-color:var(--color-foreground)}.blog-section__page.is-current{background:var(--color-foreground);color:var(--color-background)}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-blog.css.map */