.main-blog{padding-top:4rem;padding-bottom:4rem}.main-blog__hero{max-width:860px;margin:0 auto 3.5rem}.main-blog__hero-title{font-size:calc(var(--font-heading-scale) * 4rem);margin-bottom:1.25rem;font-weight:300;letter-spacing:-.02em;line-height:1.1}.main-blog__hero-subtitle{font-size:1.25rem;font-weight:300;color:rgb(var(--color-foreground-2));line-height:1.6;margin:0 0 1.5rem}.main-blog__hero-intro{font-size:1.0625rem;color:rgb(var(--color-foreground-2));line-height:1.65;margin:0}.main-blog__categories{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:1px solid rgb(var(--color-foreground),.12)}.main-blog__category-link{background:transparent;border:none;padding:.55rem 1.25rem;font-size:.875rem;text-transform:uppercase;letter-spacing:.08em;color:rgb(var(--color-foreground-2));cursor:pointer;transition:color .25s ease;font-weight:300;position:relative;text-decoration:none}.main-blog__category-link:after{content:"";position:absolute;bottom:-6px;left:1.25rem;right:1.25rem;height:1px;background:rgb(var(--color-foreground));transform:scaleX(0);transition:transform .25s ease}.main-blog__category-link:hover,.main-blog__category-link.active{color:rgb(var(--color-foreground))}.main-blog__category-link.active:after{transform:scaleX(1)}.main-blog__category-panel{background:rgb(var(--color-background));border-radius:var(--border-radius-container);padding:1.5rem 1.75rem;margin-bottom:2.75rem;border:1px solid rgb(var(--color-foreground),.08)}.main-blog__category-panel-label{font-size:.875rem;letter-spacing:.12em;text-transform:uppercase;color:rgb(var(--color-foreground));margin:0 0 .5rem;font-weight:300}.main-blog__category-panel-text{margin:0;color:rgb(var(--color-foreground-2));line-height:1.7;font-weight:300}.blog-articles{gap:2rem;margin-top:2rem}.blog-articles__article{transition:opacity .3s ease,transform .2s ease}.product-card-wrapper:hover{transform:translateY(-4px)}.article-card__category{display:inline-block;font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:rgb(var(--color-foreground-2));margin-bottom:.5rem;font-weight:300}.article-card__title{font-size:calc(var(--font-heading-scale) * 1.5rem);margin-bottom:.75rem;font-weight:300;letter-spacing:-.01em;line-height:1.3}.article-card__excerpt{font-size:1rem;line-height:1.6;color:rgb(var(--color-foreground-2));font-weight:300;margin-top:.25rem}.article-card__footer{display:flex;gap:.75rem;align-items:center;margin-top:.875rem;color:rgb(var(--color-foreground));text-transform:uppercase;font-size:calc(.85rem * var(--font-section-scale, 1));font-weight:300;letter-spacing:.08em}.article-card__meta{color:rgb(var(--color-foreground-2))}.featured-card{margin-bottom:4rem}.featured-card__content h3{font-size:calc(var(--font-heading-scale) * 2.5rem);font-weight:300;letter-spacing:-.02em;line-height:1.2}.featured-card__excerpt{font-size:1.125rem;line-height:1.7}.blog-placeholder{width:50%;max-width:530px;margin:0 auto;background:rgb(var(--color-background));border-radius:var(--border-radius-container);overflow:hidden}.blog-placeholder__image{position:relative;background:rgb(var(--color-foreground),.1)}.blog-placeholder__image-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:rgb(var(--color-foreground));line-height:1.2}.blog-placeholder__content{padding:19px}@media screen and (max-width:1024px){.main-blog__hero-title{font-size:calc(var(--font-heading-scale) * 3rem)}.main-blog__hero-subtitle{font-size:1.125rem}.featured-card__content h3{font-size:calc(var(--font-heading-scale) * 2rem)}.blog-placeholder{width:auto}}@media screen and (max-width:768px){.main-blog{padding-top:2.5rem;padding-bottom:2.5rem}.main-blog__hero{margin-bottom:2.5rem}.main-blog__hero-title{font-size:calc(var(--font-heading-scale) * 2.4rem)}.main-blog__categories{justify-content:flex-start;overflow-x:auto;padding-bottom:1rem;margin-bottom:2rem;-webkit-overflow-scrolling:touch}.main-blog__category-link{white-space:nowrap;font-size:.8125rem;padding:.5rem 1rem}.blog-articles{gap:1.5rem}.blog-articles .product-card__empty-image .product-card__text{font-size:1.875rem}}@media screen and (max-width:360px){.blog-placeholder__image-text{--font-heading-size: calc(var(--font-heading-scale) * 1.4375rem)}}
/*# sourceMappingURL=/cdn/shop/t/111/assets/section-main-blog.css.map */