.main-blog{--main-blog-hero-gap: 2.4rem;--main-blog-section-gap: 4rem;--main-blog-grid-gap: 2rem;--main-blog-tag-radius: 10rem;--main-blog-filter-radius: 10rem;--main-blog-card-radius: var(--border-radius-main);--main-blog-hero-title-size: clamp(2.8rem, 4vw + .8rem, 5.6rem);--main-blog-card-title-size: clamp(1.4rem, 1.2vw + .4rem, 1.8rem);--main-blog-meta-size: 1.2rem;--main-blog-tag-font-size: 1.1rem}.main-blog__hero{display:grid;grid-template-columns:1fr;gap:var(--main-blog-hero-gap);padding-top:3.2rem;padding-bottom:3.2rem;border-bottom:.1rem solid rgb(var(--color-border))}@media screen and (min-width:750px){.main-blog__hero{grid-template-columns:42fr 58fr;gap:4rem;align-items:center;padding-top:4.8rem;padding-bottom:4.8rem}}@media screen and (min-width:990px){.main-blog__hero{padding-top:6.4rem;padding-bottom:6.4rem}}.main-blog__hero-text{display:flex;flex-direction:column;gap:2rem}.main-blog__hero-tags{display:flex;flex-wrap:wrap;gap:.8rem}.main-blog__hero-title{margin:0;font-size:var(--main-blog-hero-title-size);font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);letter-spacing:var(--font-heading-letter-spacing);line-height:1.1;color:rgb(var(--color-foreground-title))}.main-blog__hero-title a{text-decoration:none;color:inherit;transition:opacity var(--duration-default)}.main-blog__hero-title a:hover{opacity:.75}.main-blog__hero-excerpt{margin:0;font-family:var(--font-body-family);font-size:1.6rem;line-height:1.5;color:rgb(var(--color-foreground-secondary, var(--color-foreground)));max-width:52rem}.main-blog__hero-meta{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap}.main-blog__hero-avatar{width:3.2rem;height:3.2rem;border-radius:50%;background:rgb(var(--color-base-accent-1));color:rgb(var(--color-button-text));display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:var(--font-heading-weight);flex-shrink:0}.main-blog__hero-author{font-size:var(--main-blog-meta-size);font-weight:500;color:rgb(var(--color-foreground));text-transform:uppercase;letter-spacing:.04em}.main-blog__hero-sep{font-size:var(--main-blog-meta-size);color:rgb(var(--color-foreground));opacity:.5}.main-blog__hero-date{font-size:var(--main-blog-meta-size);color:rgb(var(--color-foreground, #28312D));font-family:var(--font-subtitle-family, "Helvetica Now Display");font-size:var(--font-size-subtitle, 14px);font-weight:var(--font-subtitle-weight, 800);line-height:120%;letter-spacing:var(--font-subtitle-letter-spacing, 0)}.main-blog__hero-image-wrap{border-radius:var(--main-blog-card-radius);overflow:hidden;aspect-ratio:3 / 2}@media screen and (min-width:750px){.main-blog__hero-image-wrap{aspect-ratio:4 / 3}}.main-blog__hero-image-link{display:block;height:100%}.main-blog__hero-image{display:block;width:100%;height:100%;object-fit:cover;transition:transform var(--duration-default) ease-in-out}.main-blog__hero-image-wrap:hover .main-blog__hero-image{transform:scale(1.04)}.main-blog__tag-badge{display:inline-block;padding:.5rem 1.2rem;border-radius:var(--main-blog-tag-radius);background:rgb(var(--color-button));color:rgb(var(--color-button-text));font-size:var(--main-blog-tag-font-size);font-weight:600;text-decoration:none;text-transform:uppercase;letter-spacing:.06em;line-height:1;position:relative;z-index:1;transition:opacity var(--duration-default)}.main-blog__tag-badge:hover{opacity:.8}.main-blog__all-posts{padding-top:var(--main-blog-section-gap)}@media screen and (min-width:990px){.main-blog__all-posts{padding-top:5.6rem}}.main-blog__all-posts-header{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:1.6rem;margin-bottom:3.2rem;flex-direction:column}@media screen and (min-width:990px){.main-blog__all-posts-header{margin-bottom:4rem}}.main-blog__all-posts-title{margin:0;font-size:clamp(2rem,2vw + .5rem,2.8rem);font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);letter-spacing:var(--font-heading-letter-spacing);color:rgb(var(--color-foreground-title))}.main-blog__filters{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem 2.4rem}@media screen and (max-width:749px){.main-blog__filters{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:0 2rem}.main-blog__filters::-webkit-scrollbar{display:none}}.main-blog__filter-btn{display:inline-block;padding:.8rem 0;background:none;border:none;color:rgb(var(--color-foreground-secondary, var(--color-foreground)));font-family:var(--font-subtitle-family, var(--font-body-family));font-size:1.6rem;font-weight:var(--font-subtitle-weight, 800);text-decoration:none;white-space:nowrap;position:relative;transition:color var(--duration-default)}.main-blog__filter-btn:after{content:"";position:absolute;left:0;right:0;bottom:0;height:.2rem;border-radius:.2rem;background:rgb(var(--color-button));transform:scaleX(0);transform-origin:left;transition:transform var(--duration-default)}.main-blog__filter-btn:hover,.main-blog__filter-btn--active{color:rgb(var(--color-foreground))}.main-blog__filter-btn--active:after{transform:scaleX(1)}.main-blog__grid{display:grid;grid-template-columns:1fr;gap:3.2rem var(--main-blog-grid-gap);list-style:none;margin:0;padding:0}@media screen and (min-width:576px){.main-blog__grid{grid-template-columns:repeat(2,1fr);gap:3.2rem 2rem}}@media screen and (min-width:990px){.main-blog__grid{grid-template-columns:repeat(3,1fr);gap:4rem 2.4rem}}@media screen and (max-width:575px){.main-blog__grid--2-mobile{grid-template-columns:repeat(2,1fr);gap:2rem 1.2rem}}.main-blog__grid-item{display:flex;flex-direction:column}.blog-card{position:relative;display:flex;flex-direction:column;gap:1.6rem;height:100%}.blog-card__full-link{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.blog-card__image-wrap{border-radius:var(--main-blog-card-radius);overflow:hidden;position:relative;flex-shrink:0}.blog-card__image-wrap:after{content:"";display:block;width:0;padding-bottom:calc(100% / (var(--blog-card-aspect-ratio)))}.blog-card__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:var(--main-blog-card-radius);transition:transform var(--duration-default) ease-in-out;display:block}.blog-card:hover .blog-card__image{transform:scale(1.04)}.blog-card__body{display:flex;flex-direction:column;gap:.8rem;flex:1}.blog-card__tags{display:flex;flex-wrap:wrap;gap:.6rem}.blog-card__tag-badge{display:inline-block;padding:.4rem 1rem;border-radius:var(--main-blog-tag-radius);background:rgb(var(--color-button));color:rgb(var(--color-button-text))!important;font-size:var(--main-blog-tag-font-size);font-weight:600;text-decoration:none;text-transform:uppercase;letter-spacing:.06em;line-height:1;position:relative;z-index:3;transition:opacity var(--duration-default);align-self:flex-start}.blog-card__tag-badge:hover{opacity:.8}.blog-card__title{margin:0;font-size:var(--main-blog-card-title-size);font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);letter-spacing:var(--font-heading-letter-spacing);line-height:1.3;color:rgb(var(--color-foreground-title))}.blog-card__title a{text-decoration:none;color:inherit;position:relative;z-index:1;transition:opacity var(--duration-default)}.blog-card__title a:hover{opacity:.7}.blog-card__date{display:block;color:rgb(var(--color-foreground, #28312D));font-family:var(--font-subtitle-family, "Helvetica Now Display");font-size:var(--font-size-subtitle, 14px);font-weight:var(--font-subtitle-weight, 800);line-height:120%;letter-spacing:var(--font-subtitle-letter-spacing, 0)}
/*# sourceMappingURL=/cdn/shop/t/82/assets/section-main-blog.css.map */