.blog-posts-showcase{background:var(--blog-posts-showcase-background);padding-top:var(--blog-posts-showcase-padding-top-mobile);padding-bottom:var(--blog-posts-showcase-padding-bottom-mobile)}.blog-posts-showcase__inner{max-width:1260px;margin:0 auto;padding:0 16px}.blog-posts-showcase__top{display:grid;gap:24px;margin-bottom:28px}.blog-posts-showcase__intro{max-width:760px}.blog-posts-showcase__heading{color:var(--blog-posts-showcase-title);text-transform:capitalize}.blog-posts-showcase__heading :is(p,h1,h2,h3,h4,h5,h6){margin:0;font-family:var(--font-bogue-semibold);font-size:24px;line-height:1.08;letter-spacing:-.03em}.blog-posts-showcase__heading :is(strong,b){color:var(--blog-posts-showcase-accent);font-weight:inherit}.blog-posts-showcase__body{margin-top:14px;color:var(--blog-posts-showcase-muted)}.blog-posts-showcase__body :is(p,ul,ol){margin:0;font-family:var(--font-articulat-cf);font-size:16px;line-height:1.6}.blog-posts-showcase__button{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:14px 30px;border-radius:12px;background:var(--blog-posts-showcase-accent);color:#fff;font-family:var(--font-bogue-semibold);font-size:16px;line-height:1;text-decoration:none}.blog-posts-showcase__controls{display:block;margin-bottom:28px}.blog-posts-showcase__filters{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.blog-posts-showcase__filters::-webkit-scrollbar{display:none}.blog-posts-showcase__filter-chip{flex:0 0 auto;min-height:42px;padding:10px 16px;border:1px solid var(--blog-posts-showcase-border);border-radius:999px;background:#fff;color:var(--blog-posts-showcase-title);font-family:var(--font-bogue-semibold);font-size:14px;line-height:1;cursor:pointer;white-space:nowrap;transition:border-color .2s ease,background-color .2s ease,color .2s ease}.blog-posts-showcase__filter-chip.is-active{border-color:var(--blog-posts-showcase-accent);background:var(--blog-posts-showcase-accent);color:#fff}.blog-posts-showcase__grid-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.blog-posts-showcase__count{margin:0;color:var(--blog-posts-showcase-title);font-family:var(--font-bogue-semibold);font-size:15px;line-height:1.2}.blog-posts-showcase__sort{display:inline-flex;flex-wrap:wrap;align-items:center;gap:10px}.blog-posts-showcase__sort-label{color:var(--blog-posts-showcase-muted);font-family:var(--font-articulat-cf);font-size:13px;line-height:1.2;text-transform:capitalize}.blog-posts-showcase__sort-select{min-height:46px;padding:10px 40px 10px 14px;border:1px solid var(--blog-posts-showcase-border);border-radius:12px;background:#fff;color:var(--blog-posts-showcase-text);font-family:var(--font-bogue-semibold);font-size:14px;line-height:1.2;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5 8L10 13L15 8' stroke='%23133364' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:calc(100% - 14px) 50%;background-size:16px 16px;background-repeat:no-repeat}.blog-posts-showcase__grid{display:grid;gap:18px}.blog-posts-showcase__card{position:relative;display:grid;overflow:hidden;border:1px solid var(--blog-posts-showcase-border);border-radius:var(--blog-posts-showcase-radius);background:var(--blog-posts-showcase-surface)}.blog-posts-showcase__card[hidden]{display:none!important}.blog-posts-showcase__card-link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.blog-posts-showcase__card-media{position:relative;overflow:hidden;background:#f6f7fb}.blog-posts-showcase__card-media:before{content:"";display:block;padding-top:72%}.blog-posts-showcase__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.blog-posts-showcase__image--placeholder{fill:#13336424;color:#13336424}.blog-posts-showcase__card-content{position:relative;z-index:3;display:grid;gap:14px;padding:18px 18px 20px}.blog-posts-showcase__card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;color:var(--blog-posts-showcase-muted);font-family:var(--font-articulat-cf);font-size:13px;line-height:1.4}.blog-posts-showcase__meta-separator{color:#9aa3af}.blog-posts-showcase__meta-pill{display:inline-flex;align-items:center;min-height:28px;padding:6px 10px;border-radius:999px;background:#2694e114;color:var(--blog-posts-showcase-accent);font-family:var(--font-bogue-semibold);font-size:12px;line-height:1}.blog-posts-showcase__card-title{margin:0;color:var(--blog-posts-showcase-title);font-family:var(--font-bogue-semibold);font-size:22px;line-height:1.12}.blog-posts-showcase__card-title a{position:relative;z-index:4;color:inherit;text-decoration:none;text-transform:capitalize}.blog-posts-showcase__card-excerpt{color:var(--blog-posts-showcase-text);font-family:var(--font-articulat-cf);font-size:15px;line-height:1.65;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-posts-showcase__card-cta{position:relative;z-index:4;display:inline-flex;align-items:center;gap:8px;color:var(--blog-posts-showcase-accent);font-family:var(--font-bogue-semibold);font-size:15px;line-height:1;text-decoration:none}.blog-posts-showcase__card-cta:after{content:">";font-size:16px;line-height:1}.blog-posts-showcase__empty,.blog-posts-showcase__placeholder{padding:28px 20px;border:1px solid var(--blog-posts-showcase-border);border-radius:var(--blog-posts-showcase-radius);background:#f6f7fb;color:var(--blog-posts-showcase-muted);font-family:var(--font-articulat-cf);font-size:16px;line-height:1.6;text-align:center}.hidden{display:none!important}@media screen and (min-width:750px){.blog-posts-showcase{padding-top:var(--blog-posts-showcase-padding-top-desktop);padding-bottom:var(--blog-posts-showcase-padding-bottom-desktop)}.blog-posts-showcase__inner{padding:0 48px}.blog-posts-showcase__top{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:24px;margin-bottom:36px}.blog-posts-showcase__heading :is(p,h1,h2,h3,h4,h5,h6){font-size:48px}.blog-posts-showcase__body :is(p,ul,ol){font-size:18px}.blog-posts-showcase__controls{margin-bottom:36px}.blog-posts-showcase__grid-meta{gap:18px;margin-bottom:22px}.blog-posts-showcase__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.blog-posts-showcase__card-title{font-size:24px}}@media screen and (min-width:1100px){.blog-posts-showcase__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/section-blog-posts-showcase.css.map */