.smores-blog-list{background:var(--smores-cream);font-family:var(--smores-font-body);color:var(--smores-chocolate);overflow:hidden}.smores-blog-list__inner{max-width:var(--smores-container);margin:0 auto;padding:clamp(2.5rem,6vw,5rem) var(--smores-page-pad)}.smores-blog-list__sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap}.smores-blog-list__badge{align-self:flex-start;display:inline-block;font-family:var(--smores-font-body);font-weight:800;font-size:.75rem;line-height:1;letter-spacing:.02em;color:var(--smores-marshmallow);background:var(--smores-flame);padding:.4rem .7rem;border-radius:var(--smores-radius-pill)}.smores-blog-list__meta{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem .55rem;font-size:.8125rem;font-weight:600;color:var(--smores-muted)}.smores-blog-list__meta-item{display:inline-flex;align-items:center;gap:.35rem}.smores-blog-list__ico{width:1rem;height:1rem;flex:0 0 auto}.smores-blog-list__meta-dot{color:var(--smores-muted)}.smores-blog-list__readmore{align-self:flex-start;display:inline-flex;align-items:center;gap:.4rem;font-weight:800;font-size:.9375rem;color:var(--smores-flame);text-decoration:none;transition:gap .25s var(--smores-ease),color .2s var(--smores-ease)}.smores-blog-list__readmore:hover{color:var(--smores-brick);gap:.65rem}.smores-blog-list__arrow{width:1.05rem;height:1.05rem;flex:0 0 auto}.smores-blog-list__img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s var(--smores-ease)}.smores-blog-list__featured{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(1.25rem,3vw,2.5rem);align-items:stretch;background:var(--smores-paper);border:1px solid var(--smores-chocolate);border-radius:1.5rem;padding:clamp(1rem,2vw,1.5rem);margin-bottom:clamp(2rem,4vw,3rem)}.smores-blog-list__featured-media{display:block;border-radius:1.25rem;overflow:hidden;background:var(--smores-card-sand);aspect-ratio:4 / 3}.smores-blog-list__featured:hover .smores-blog-list__featured-media .smores-blog-list__img{transform:scale(1.04)}.smores-blog-list__featured-body{display:flex;flex-direction:column;gap:.875rem;padding:clamp(.5rem,1.5vw,1.25rem) clamp(.5rem,1.5vw,1rem);justify-content:center}.smores-blog-list__featured-title{margin:0;font-family:var(--smores-font-heading);font-weight:400;font-size:clamp(1.5rem,1.1rem + 1.4vw,2.25rem);line-height:1.12;letter-spacing:.0125rem;color:var(--smores-chocolate)}.smores-blog-list__featured-title a{color:inherit;text-decoration:none}.smores-blog-list__featured-title a:hover{color:var(--smores-brick)}.smores-blog-list__featured-excerpt{margin:0;font-size:var(--smores-body-size);line-height:var(--smores-body-line);font-weight:600;color:var(--smores-ink)}.smores-blog-list__tabs{display:flex;flex-wrap:wrap;gap:.625rem;margin-bottom:clamp(1.75rem,4vw,2.75rem)}.smores-blog-list__tab{font-family:var(--smores-font-body);font-weight:700;font-size:.9375rem;line-height:1;color:var(--smores-chocolate);background:var(--smores-marshmallow);border:1px solid var(--smores-chocolate);border-radius:var(--smores-radius-pill);padding:.6rem 1.1rem;cursor:pointer;transition:background .2s var(--smores-ease),color .2s var(--smores-ease)}.smores-blog-list__tab:hover{background:var(--smores-sand)}.smores-blog-list__tab.is-active{background:var(--smores-chocolate);color:var(--smores-marshmallow)}.smores-blog-list__tab:focus-visible{outline:3px solid var(--smores-flame);outline-offset:2px}.smores-blog-list__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.25rem,3vw,2rem)}.smores-blog-list__card{display:flex;flex-direction:column;background:var(--smores-paper);border:1px solid var(--smores-chocolate);border-radius:1.25rem;overflow:hidden}.smores-blog-list__card[hidden]{display:none}.smores-blog-list__card-media{display:block;aspect-ratio:16 / 11;background:var(--smores-card-sand);overflow:hidden}.smores-blog-list__card:hover .smores-blog-list__card-media .smores-blog-list__img{transform:scale(1.05)}.smores-blog-list__card-body{display:flex;flex-direction:column;gap:.75rem;padding:clamp(1.125rem,2.5vw,1.5rem);flex:1 1 auto}.smores-blog-list__card-title{margin:0;font-family:var(--smores-font-heading);font-weight:400;font-size:1.25rem;line-height:1.2;letter-spacing:.0125rem;color:var(--smores-chocolate)}.smores-blog-list__card-title a{color:inherit;text-decoration:none}.smores-blog-list__card-title a:hover{color:var(--smores-brick)}.smores-blog-list__card-excerpt{margin:0;font-size:.9375rem;line-height:1.5;font-weight:600;color:var(--smores-ink)}.smores-blog-list__card .smores-blog-list__meta{margin-top:auto}.smores-blog-list__more{display:flex;justify-content:center;margin-top:clamp(2rem,5vw,3.5rem)}.smores-blog-list__loadmore{display:inline-flex;align-items:center;justify-content:center;font-family:var(--smores-font-body);font-weight:800;font-size:1rem;line-height:1;color:var(--smores-marshmallow);background:var(--smores-chocolate);border:0;border-radius:var(--smores-radius-pill);padding:1rem 1.75rem;text-decoration:none;box-shadow:0 4px 0 0 var(--smores-chocolate-shadow);transition:transform .12s var(--smores-ease),box-shadow .12s var(--smores-ease)}.smores-blog-list__loadmore:hover{transform:translateY(-1px);box-shadow:0 5px 0 0 var(--smores-chocolate-shadow)}.smores-blog-list__loadmore:active{transform:translateY(4px);box-shadow:0 0 0 0 var(--smores-chocolate-shadow)}.smores-blog-list__loadmore:focus-visible{outline:3px solid var(--smores-flame);outline-offset:3px}@media(max-width:980px){.smores-blog-list__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.smores-blog-list__featured{grid-template-columns:1fr}.smores-blog-list__featured-media{aspect-ratio:16 / 10}.smores-blog-list__featured-body{padding:.25rem .25rem .5rem}}@media(max-width:640px){.smores-blog-list__grid{grid-template-columns:1fr}.smores-blog-list__tabs{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-inline:calc(var(--smores-page-pad) * -1);padding-inline:var(--smores-page-pad)}.smores-blog-list__tabs::-webkit-scrollbar{display:none}.smores-blog-list__tab{flex:0 0 auto}}@media(prefers-reduced-motion:reduce){.smores-blog-list__img,.smores-blog-list__readmore,.smores-blog-list__loadmore{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/smores-blog-list.css.map */