.blog-slider{background:rgb(var(--color-background));padding:6.4rem 0}.blog-slider__head{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:3.6rem;flex-wrap:wrap}.blog-slider__head .label{color:rgb(var(--brand-brick));margin-bottom:1rem;display:block}.blog-slider__heading{font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:clamp(2.4rem,3vw,3.4rem);color:rgb(var(--color-foreground));margin:0}.blog-slider__text{color:rgba(var(--color-foreground),.7);max-width:46ch;margin-top:1rem;font-size:1.4rem;line-height:1.55}.blog-slider .see-all{font-family:var(--font-accent-family);font-size:1.3rem;text-decoration:none;border-bottom:1px solid rgb(var(--brand-brick));padding-bottom:2px;white-space:nowrap;color:rgb(var(--color-foreground))}.blog-slider__empty{color:rgba(var(--color-foreground),.6);font-size:1.4rem;border:1px dashed var(--brand-line);border-radius:3px;padding:2.4rem}.blog-grid{display:flex;gap:2rem;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:.6rem}.blog-card{flex:0 0 calc(33.333% - 1.333rem);scroll-snap-align:start;background:rgb(var(--brand-white));border:1px solid var(--brand-line);border-radius:3px;overflow:hidden;text-decoration:none;color:rgb(var(--brand-ink));transition:transform .18s ease,box-shadow .18s ease}.blog-card:hover{transform:translateY(-3px);box-shadow:0 1.6rem 2.8rem rgba(var(--brand-ink),.1)}.blog-thumb{height:20rem;position:relative;background:rgb(var(--brand-paper-dim))}.blog-thumb__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.blog-body{padding:1.8rem 1.8rem 2rem}.blog-date{font-family:var(--font-accent-family);font-size:1rem;text-transform:uppercase;letter-spacing:.06em;color:rgb(var(--brand-brick))}.blog-body h3{font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-size:1.8rem;font-weight:500;margin:.6rem 0 0;line-height:1.25}.blog-excerpt{font-size:1.35rem;line-height:1.55;color:rgba(var(--brand-ink),.7);margin:.8rem 0 0}@media screen and (max-width:749px){.blog-card{flex-basis:100%}.blog-thumb{height:15rem}.blog-body{padding:1.4rem 1.4rem 1.6rem}.blog-body h3{font-size:1.6rem}.blog-excerpt{font-size:1.2rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}}
/*# sourceMappingURL=/cdn/shop/t/82/assets/section-blog-slider.css.map */