.blog-posts-section{max-width:120rem;margin:0 auto;padding:4rem 2rem}.blog-posts-title{font-size:3.2rem;font-weight:700;text-align:center;color:rgb(var(--color-foreground));margin-bottom:4rem;line-height:1.2}@media screen and (max-width: 749px){.blog-posts-title{font-size:2.4rem;margin-bottom:3rem}}.blog-posts-grid{display:grid;grid-template-columns:1fr;gap:3rem;margin-top:3rem}@media screen and (min-width: 768px){.blog-posts-grid{grid-template-columns:repeat(2,1fr);gap:4rem}}.blog-post-card{display:flex;flex-direction:column;background:rgb(var(--color-background));border-radius:.8rem;overflow:hidden;box-shadow:0 2px 10px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.blog-post-card:hover{transform:translateY(-5px);box-shadow:0 4px 20px #00000026}@media screen and (min-width: 768px){.blog-post-card{flex-direction:row;min-height:20rem}}.blog-post-image{flex:0 0 100%;height:20rem;overflow:hidden;aspect-ratio:4 / 3}@media screen and (min-width: 768px){.blog-post-image{flex:0 0 45%;height:auto}}.blog-post-image img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .3s ease}.blog-post-card:hover .blog-post-image img{transform:scale(1.05)}.blog-post-content{flex:1;padding:2rem;display:flex;flex-direction:column;justify-content:space-between}.blog-post-category{font-size:1.2rem;font-weight:600;color:#8b5cf6;text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem}.blog-post-title{font-size:2rem;font-weight:700;line-height:1.3;margin-bottom:1rem;color:rgb(var(--color-foreground))}@media screen and (min-width: 768px){.blog-post-title{font-size:1.8rem}}.blog-post-excerpt{font-size:1.4rem;line-height:1.6;color:rgba(var(--color-foreground),.8);margin-bottom:2rem;flex-grow:1}.blog-read-more{display:inline-flex;align-items:center;justify-content:center;padding:1.2rem 2.4rem;background:linear-gradient(135deg,#8b5cf6,#3b82f6);color:#fff;text-decoration:none;border-radius:.6rem;font-weight:600;font-size:1.4rem;transition:all .3s ease;align-self:flex-start;position:relative;overflow:hidden}.blog-read-more:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s}.blog-read-more:hover:before{left:100%}.blog-read-more:hover{transform:translateY(-2px);box-shadow:0 8px 25px #8b5cf64d}.blog-read-more:active{transform:translateY(0)}.article-template__hero-container{max-width:72.6rem;margin:3rem auto 4rem;padding:0}.article-template__hero-adapt,.article-template__hero-small,.article-template__hero-medium,.article-template__hero-large{aspect-ratio:4 / 3;width:100%;max-width:72.6rem}.article-template__hero-container .media{position:relative;overflow:hidden}.article-template__hero-container img{width:100%;height:100%;object-fit:cover;object-position:center}.article-template__category{margin-bottom:2rem}.article-category{font-size:1.3rem;font-weight:700;color:#8b5cf6;text-transform:uppercase;letter-spacing:.12em;display:inline-block}.article-template__tags{margin-bottom:3rem}.article-tags__header{font-size:1.8rem;font-weight:600;color:rgb(var(--color-foreground));margin-bottom:1.5rem}.article-tags{display:flex;flex-wrap:wrap;gap:1rem}.article-tag{font-size:1.2rem;font-weight:500;color:rgba(var(--color-foreground),.7);background:rgba(var(--color-foreground),.08);padding:.6rem 1.2rem;border-radius:0;text-transform:lowercase;transition:all .3s ease}.article-tag:hover{background:#8b5cf61a;color:#8b5cf6}@media screen and (max-width: 749px){.article-category{font-size:1.2rem;padding:.6rem 1.6rem}.article-tag{font-size:1.1rem;padding:.5rem 1rem}}.article-template__content ul,.article-template__content ol{list-style-position:outside;padding-left:2rem;margin-bottom:1.5rem}.article-template__content li{list-style:inherit;margin-bottom:.5rem}.article-template__content li:last-child{margin-bottom:0}.article-template__content img{width:100%;max-width:100%;height:auto;aspect-ratio:4 / 3;object-fit:cover;object-position:center;margin:2rem 0;display:block}
/*# sourceMappingURL=/cdn/shop/t/25/assets/section-blog-post.css.map */