:root{--celf-teal: #00A99F;--celf-cta-teal: #00AB9F;--celf-neutral-text: #000;--celf-border: #8C8C8C;--celf-background: #F7F6F7;--celf-white: #FFFFFF;--celf-light-gray: #F5F5F5;--celf-accent-purple: #E8E4F0}.blog-article-grid{background-color:var(--celf-background)}.blog-article-grid.color-white{background-color:var(--celf-white)}.blog-article-grid.color-accent{background-color:var(--celf-accent-purple)}.blog-article-grid__container{max-width:1200px;margin:0 auto}.blog-article-grid__fine-line-text{font-family:DM Sans,sans-serif;font-style:normal;font-weight:400;font-size:var(--fine-line-text-size, 14px);line-height:18px;text-align:center;color:var(--celf-neutral-text);margin-bottom:var(--fine-line-text-margin-bottom, 30px);max-width:800px;margin-left:auto;margin-right:auto;padding:0 20px}.blog-article-grid__grid{display:grid;grid-template-columns:repeat(var(--desktop-columns, 3),1fr);gap:30px;margin-bottom:40px}.blog-article-grid__item{display:flex;flex-direction:column}.blog-article-grid__card{background:var(--celf-white);border:1px solid var(--celf-border);border-radius:4px;overflow:hidden;height:100%;display:flex;flex-direction:column;transition:border-color .2s ease}.blog-article-grid__card:hover{border-color:var(--celf-teal)}.blog-article-grid__image-container{position:relative;width:100%;height:0;padding-bottom:66.67%;overflow:hidden}.blog-article-grid__image-link{display:block;width:100%;height:100%;position:absolute;top:0;left:0}.blog-article-grid__image{width:100%;height:100%;object-fit:cover;object-position:center}.blog-article-grid__placeholder-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:var(--celf-light-gray);opacity:.6}.blog-article-grid__placeholder-image svg{opacity:.8}.blog-article-grid__content{padding:24px;flex-grow:1;display:flex;flex-direction:column}.blog-article-grid__title{font-family:DM Sans,sans-serif;font-size:1.25rem;font-weight:600;line-height:1.3;margin:0 0 20px;color:var(--celf-neutral-text)}.blog-article-grid__title-link{color:inherit;text-decoration:none;transition:color .2s ease}.blog-article-grid__title-link:hover{color:var(--celf-teal)}.blog-article-grid__read-more{margin-top:auto}.blog-article-grid__read-more-link{display:inline-block;padding:8px 0;color:var(--celf-teal);text-decoration:none;font-family:DM Sans,sans-serif;font-size:.875rem;font-weight:500;border-bottom:1px solid var(--celf-teal);transition:border-color .2s ease}.blog-article-grid__read-more-link:hover{border-color:var(--celf-cta-teal)}.blog-article-grid__more-link-container{text-align:center}.blog-article-grid__more-link{display:inline-block;padding:12px 0;color:var(--celf-teal);text-decoration:none;font-family:DM Sans,sans-serif;font-size:1rem;font-weight:500;border-bottom:1px solid var(--celf-teal);transition:border-color .2s ease}.blog-article-grid__more-link:hover{border-color:var(--celf-cta-teal)}.blog-article-grid__placeholder{text-align:center;padding:80px 20px}.blog-article-grid__placeholder-content h2{font-family:DM Sans,sans-serif;font-size:2rem;font-weight:600;color:var(--celf-neutral-text);margin:0 0 16px}.blog-article-grid__placeholder-content p{font-family:DM Sans,sans-serif;font-size:1.125rem;color:var(--celf-border);margin:0}@media screen and (max-width:989px){.blog-article-grid__grid{grid-template-columns:repeat(2,1fr);gap:24px}.blog-article-grid__content{padding:20px}.blog-article-grid__title{font-size:1.125rem;margin-bottom:16px}}@media screen and (max-width:749px){.blog-article-grid__grid{grid-template-columns:repeat(var(--mobile-columns, 1),1fr);gap:20px}.blog-article-grid__content{padding:16px}.blog-article-grid__title{font-size:1rem;margin-bottom:12px}.blog-article-grid__read-more-link{padding:10px 20px;font-size:.8rem}.blog-article-grid__more-link{padding:14px 28px;font-size:.9rem}.blog-article-grid__placeholder{padding:60px 16px}.blog-article-grid__placeholder-content h2{font-size:1.5rem}.blog-article-grid__placeholder-content p{font-size:1rem}}.blog-article-grid__title-link:focus,.blog-article-grid__read-more-link:focus,.blog-article-grid__more-link:focus{outline:2px solid var(--celf-teal);outline-offset:2px;border-radius:4px}@media(prefers-reduced-motion:reduce){.blog-article-grid__card,.blog-article-grid__read-more-link,.blog-article-grid__more-link{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/43/assets/section-blog-article-grid.css.map */