.main-blog{padding-top:4rem;padding-bottom:4rem}@media screen and (min-width: 750px){.main-blog{padding-top:5rem;padding-bottom:5rem}}.main-blog__header{margin-bottom:4rem;text-align:center}@media screen and (min-width: 750px){.main-blog__header{margin-bottom:5rem}}.main-blog__header .title--primary{font-size:2.5rem;font-weight:700;margin-bottom:1rem;line-height:1.2}@media screen and (min-width: 750px){.main-blog__header .title--primary{font-size:3.5rem}}.main-blog__tagline{margin-top:1.5rem;margin-bottom:0;font-size:1.2rem;color:rgba(var(--color-foreground),.7);line-height:1.6;max-width:700px;margin-left:auto;margin-right:auto}@media screen and (min-width: 750px){.main-blog__tagline{font-size:1.3rem;margin-top:2rem}}.main-blog__filters{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:3rem;margin-bottom:0;justify-content:center;align-items:center}@media screen and (min-width: 750px){.main-blog__filters{margin-top:4rem;gap:1rem}}.main-blog__filter-btn{padding:.875rem 1.75rem;background:transparent;border:1px solid rgba(var(--color-foreground),.2);color:rgb(var(--color-foreground));border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:600;font-family:var(--font-heading-family, var(--font-body-family));transition:all .3s cubic-bezier(.25,.46,.45,.94);white-space:nowrap;position:relative;overflow:hidden}.main-blog__filter-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.main-blog__filter-btn:hover:before{left:100%}.main-blog__filter-btn:hover{border-color:rgba(var(--color-foreground),.4);background:rgba(var(--color-foreground),.05);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.main-blog__filter-btn.active{background:linear-gradient(135deg,#9333ea,#ec4899);border-color:transparent;color:#fff;box-shadow:0 4px 16px #9333ea66;transform:translateY(0)}.main-blog__filter-btn.active:hover{box-shadow:0 6px 20px #9333ea80;transform:translateY(-2px)}.blog-articles{display:grid;grid-gap:2rem;column-gap:var(--grid-mobile-horizontal-spacing);row-gap:var(--grid-mobile-vertical-spacing);margin-top:3rem}@media screen and (min-width: 750px){.blog-articles{grid-gap:2.5rem;column-gap:var(--grid-desktop-horizontal-spacing);row-gap:var(--grid-desktop-vertical-spacing);margin-top:4rem}}.blog-articles .card-wrapper{width:100%}.blog-articles__article{transition:opacity .3s ease,transform .3s ease}.blog-articles__article:hover{transform:translateY(-4px)}@media screen and (min-width: 750px){.blog-articles{grid-template-columns:1fr 1fr}.blog-articles--collage>*:nth-child(3n+1),.blog-articles--collage>*:nth-child(3n+2):last-child{grid-column:span 2;text-align:center}.blog-articles--collage>*:nth-child(3n+1) .card,.blog-articles--collage>*:nth-child(3n+2):last-child .card{text-align:center}.blog-articles--collage>*:nth-child(3n+1) .article-card__image--small .ratio:before,.blog-articles--collage>*:nth-child(3n+2):last-child .article-card__image--small .ratio:before{padding-bottom:22rem}.blog-articles--collage>*:nth-child(3n+1) .article-card__image--medium .ratio:before,.blog-articles--collage>*:nth-child(3n+2):last-child .article-card__image--medium .ratio:before{padding-bottom:44rem}.blog-articles--collage>*:nth-child(3n+1) .article-card__image--large .ratio:before,.blog-articles--collage>*:nth-child(3n+2):last-child .article-card__image--large .ratio:before{padding-bottom:66rem}}@media screen and (min-width: 990px){.blog-articles--collage>*:nth-child(3n+1) .article-card__image--small .ratio .ratio:before,.blog-articles--collage>*:nth-child(3n+2):last-child .article-card__image--small .ratio .ratio:before{padding-bottom:27.5rem}.blog-articles--collage>*:nth-child(3n+1) .article-card__image--medium .ratio:before,.blog-articles--collage>*:nth-child(3n+2):last-child .article-card__image--medium .ratio:before{padding-bottom:55rem}.blog-articles--collage>*:nth-child(3n+1) .article-card__image--large .ratio:before,.blog-articles--collage>*:nth-child(3n+2):last-child .article-card__image--large .ratio:before{padding-bottom:82.5rem}}.main-blog .pagination-wrapper{margin-top:5rem;margin-bottom:2rem}@media screen and (min-width: 750px){.main-blog .pagination-wrapper{margin-top:6rem}}
/*# sourceMappingURL=/cdn/shop/t/44/assets/section-main-blog.css.map */