.template-blog main{background:linear-gradient(180deg,rgba(var(--color-button),.025),transparent 36rem),rgb(var(--color-background))}.template-blog .main-blog{padding-top:clamp(4rem,6vw,8rem)!important;padding-bottom:clamp(5rem,7vw,9rem)!important}.template-blog .main-blog .title--primary{max-width:22ch;margin:0 0 clamp(3.5rem,5vw,6rem);font-size:clamp(3.4rem,4.4vw,6rem);letter-spacing:-.04em;line-height:1.05}.template-blog .main-blog .title--primary:after{display:block;width:6rem;height:.25rem;margin-top:2rem;border-radius:99px;background:rgb(var(--color-button));content:""}.template-blog .blog-articles{gap:clamp(1.8rem,2.8vw,3.2rem)}.template-blog .blog-articles__article{min-width:0}.template-blog .article-card-wrapper{height:100%}.template-blog .article-card{height:100%;overflow:hidden;border:.1rem solid rgba(var(--color-foreground),.08);border-radius:var(--sst-radius-md);background:rgb(var(--color-background));box-shadow:var(--sst-shadow-soft);transition:border-color .32s ease-in-out,box-shadow .32s ease-in-out,transform .32s ease-in-out}.template-blog .article-card:hover{border-color:rgba(var(--color-button),.28);box-shadow:0 2rem 4rem #2d22201a;transform:translateY(-.45rem)}.template-blog .article-card__image-wrapper{overflow:hidden}.template-blog .article-card__image{transition:transform .6s ease-in-out}.template-blog .article-card:hover .article-card__image{transform:scale(1.035)}.template-blog .article-card__info{padding:clamp(2.2rem,3vw,3.4rem)}.template-blog .article-card__heading{margin:0;font-size:clamp(1.8rem,1.8vw,2.5rem);line-height:1.3}.template-blog .article-card__heading a{color:inherit;text-decoration:none;transition:color .26s ease-in-out}.template-blog .article-card__heading a:hover{color:rgb(var(--color-button))}.template-blog .article-card__excerpt{margin-top:1.5rem;color:rgba(var(--color-foreground),.68);font-size:1.4rem;line-height:1.7}.template-blog .article-card__footer{margin-top:1.6rem;color:rgb(var(--color-button));font-size:1.15rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.template-blog .pagination-wrapper{margin-top:clamp(4rem,6vw,7rem)}@media screen and (max-width:749px){.template-blog .main-blog{padding-top:3.6rem!important;padding-bottom:5rem!important}.template-blog .main-blog .title--primary{margin-bottom:3.2rem;font-size:clamp(3rem,10vw,4.2rem)}.template-blog .blog-articles{gap:1.6rem}.template-blog .article-card__info{padding:2rem}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/sst-blog.css.map */