:root{--blog-grid-gap: 2rem;--blog-grid-transition: all .3s ease;--blog-grid-hover-transform: scale(1.05)}.cleogene-blog-grid{max-width:1200px;margin:0 auto}.cleogene-blog-grid__header{text-align:center;margin-bottom:3rem}.cleogene-blog-grid__title{margin-bottom:1rem;font-weight:600;color:rgb(var(--color-foreground))}.cleogene-blog-grid__description{max-width:600px;margin:0 auto;font-size:1.1rem;line-height:1.6;color:rgba(var(--color-foreground),.8)}.cleogene-blog-grid__container{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--blog-grid-gap);margin-bottom:2rem}.cleogene-blog-grid__item{background:rgb(var(--color-background));display:flex;flex-direction:column;height:100%}.cleogene-blog-grid__card-link{display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit}.cleogene-blog-grid__image-wrapper{position:relative;width:100%;aspect-ratio:1 / 1;overflow:hidden}.cleogene-blog-grid__image{width:100%;height:100%;position:relative;overflow:hidden}.cleogene-blog-grid__image img{width:100%;height:100%;object-fit:cover;transition:var(--blog-grid-transition)}.cleogene-blog-grid__card-link:hover .cleogene-blog-grid__image img{transform:var(--blog-grid-hover-transform)}.cleogene-blog-grid__image--placeholder{background:#f3f3f3;display:flex;align-items:center;justify-content:center}.cleogene-blog-grid__image--placeholder svg{width:60%;height:60%;opacity:.5}.cleogene-blog-grid__content{padding:1.5rem 0;display:flex;flex-direction:column;flex-grow:1;justify-content:space-between}.cleogene-blog-grid__title-article{font-size:1.25rem;font-weight:600;line-height:1.4;margin:0 0 1rem;color:rgb(var(--color-foreground));display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cleogene-blog-grid__link{display:inline-flex;align-items:center;gap:.5rem;color:rgb(var(--color-foreground));text-decoration:none;font-weight:500;font-size:14px;transition:var(--blog-grid-transition);border-bottom:1px solid transparent;padding-bottom:2px;width:fit-content}.cleogene-blog-grid__card-link:hover .cleogene-blog-grid__link{border-bottom-color:rgb(var(--color-foreground))}.cleogene-blog-grid__arrow{display:inline-flex;align-items:center;transition:var(--blog-grid-transition)}.cleogene-blog-grid__arrow svg{width:12px;height:12px}.cleogene-blog-grid__card-link:hover .cleogene-blog-grid__arrow{transform:translate(4px)}.cleogene-blog-grid__empty{text-align:center;padding:3rem 1rem;color:rgba(var(--color-foreground),.6);font-style:italic}@media screen and (max-width: 990px){.cleogene-blog-grid__container{grid-template-columns:repeat(2,1fr);gap:1.5rem}.cleogene-blog-grid__header{margin-bottom:2rem}.cleogene-blog-grid__title{font-size:1.8rem}}@media screen and (max-width: 750px){:root{--blog-grid-gap: 1rem}.cleogene-blog-grid__container{grid-template-columns:1fr;gap:var(--blog-grid-gap)}.cleogene-blog-grid__header{margin-bottom:1.5rem}.cleogene-blog-grid__title{font-size:1.5rem}.cleogene-blog-grid__description{font-size:1rem}.cleogene-blog-grid__content{padding:1.25rem 0}.cleogene-blog-grid__title-article{font-size:1.1rem}.cleogene-blog-grid__link{font-size:14px}}@media screen and (max-width: 480px){.cleogene-blog-grid__content{padding:1rem 0}.cleogene-blog-grid__title-article{font-size:1rem;margin-bottom:.75rem}}@media (prefers-reduced-motion: no-preference){.cleogene-blog-grid__image img{transition:transform .4s cubic-bezier(.4,0,.2,1)}.cleogene-blog-grid__link{transition:all .2s ease}.cleogene-blog-grid__arrow{transition:transform .2s ease}}@media (prefers-reduced-motion: reduce){.cleogene-blog-grid__image img,.cleogene-blog-grid__link,.cleogene-blog-grid__arrow{transition:none}.cleogene-blog-grid__card-link:hover .cleogene-blog-grid__image img,.cleogene-blog-grid__card-link:hover .cleogene-blog-grid__arrow{transform:none}}.cleogene-blog-grid__card-link:focus{outline:2px solid rgb(var(--color-foreground));outline-offset:2px;border-radius:2px}@media (prefers-reduced-motion: no-preference){.scroll-trigger{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.scroll-trigger.animate--slide-in{opacity:1;transform:translateY(0)}}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
/*# sourceMappingURL=/cdn/shop/t/13/assets/cleogene_blog_grid.css.map */