.stencil-blog-showcase{--bg-teal: #1c7e8f;--bg-pink: #e91e8c;--bg-ink: #1a1a1a;padding:48px 24px;background:#fff;font-family:var(--font-body-family, "Helvetica Neue", Arial, sans-serif);text-align:center}.stencil-blog-showcase__heading{display:flex;align-items:center;justify-content:center;gap:16px;font-size:40px;font-weight:800;color:var(--bg-teal);margin:0 0 36px;letter-spacing:-.01em}.stencil-blog-showcase__flourish{color:var(--bg-ink);width:160px;flex:0 0 auto}.stencil-blog-showcase__flourish svg{width:100%;height:100%}.stencil-blog-showcase__empty{color:#666;font-size:14px;padding:40px 0}.stencil-blog-showcase__list{max-width:1300px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.stencil-blog-showcase__card{display:block;text-decoration:none;color:inherit;text-align:left}.stencil-blog-showcase__image{border-radius:14px;overflow:hidden;aspect-ratio:4 / 3;box-shadow:0 6px 18px #0000001f;transition:transform .2s ease,box-shadow .2s ease}.stencil-blog-showcase__card:hover .stencil-blog-showcase__image{transform:translateY(-4px);box-shadow:0 10px 24px #0000002e}.stencil-blog-showcase__image img,.stencil-blog-showcase__image-placeholder{width:100%;height:100%;object-fit:cover;display:block}.stencil-blog-showcase__image-placeholder{background:linear-gradient(160deg,#cfd8dc,#90a4ae)}.stencil-blog-showcase__content{padding:16px 4px 0}.stencil-blog-showcase__date{font-size:12px;font-weight:700;color:var(--bg-pink);text-transform:uppercase;letter-spacing:.04em;margin:0 0 6px}.stencil-blog-showcase__title{font-size:18px;font-weight:800;color:var(--bg-ink);margin:0 0 8px;line-height:1.3}.stencil-blog-showcase__card:hover .stencil-blog-showcase__title{text-decoration:underline}.stencil-blog-showcase__excerpt{font-size:14px;color:#555;line-height:1.5;margin:0 0 10px}.stencil-blog-showcase__read-more{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--bg-teal)}.stencil-blog-showcase__read-more svg{width:15px;height:15px}@media screen and (max-width:989px){.stencil-blog-showcase__list{grid-template-columns:1fr 1fr}}@media screen and (max-width:749px){.stencil-blog-showcase__list{grid-template-columns:1fr;gap:24px}.stencil-blog-showcase__heading{font-size:20px;gap:8px}.stencil-blog-showcase__flourish{width:60px}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/component-stencil-blog-showcase.css.map */