.blog-articles{display:grid;grid-gap:1rem;column-gap:var(--grid-mobile-horizontal-spacing);row-gap:var(--grid-mobile-vertical-spacing);position:relative;z-index:1;will-change:transform;transform:translateZ(0)}.blog-articles .card-wrapper{width:100%;transition:transform .3s ease,opacity .3s ease;will-change:transform,opacity;transform-style:preserve-3d}.blog-articles--3d .card-wrapper:hover{transform:translateY(-8px) scale(1.01);box-shadow:0 12px 30px #00000014;z-index:2}.main-blog{position:relative;overflow:hidden}.blog-3d-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;opacity:.5;pointer-events:none}.blog-articles__article{transition:transform .5s cubic-bezier(.2,.8,.2,1),opacity .5s cubic-bezier(.2,.8,.2,1);backface-visibility:hidden}.article-card__image img{transition:transform .5s ease;transform-origin:center center}.article-card:hover .article-card__image img{transform:scale(1.05)}.article-card__content{padding:2rem;transition:transform .3s ease}.article-card:hover .article-card__content{transform:translateZ(10px)}.article--3d-hover{transform-style:preserve-3d;perspective:1000px}.article-card__read-time{font-size:.85rem;color:rgba(var(--color-foreground),.75);margin-top:.5rem;display:flex;align-items:center;gap:.5rem}.blog-description{margin-bottom:2.5rem;line-height:1.6;max-width:800px}@media screen and (min-width:750px){.blog-articles{grid-template-columns:1fr 1fr;column-gap:var(--grid-desktop-horizontal-spacing);row-gap:var(--grid-desktop-vertical-spacing)}.blog-articles--collage>*:nth-child(3n+1),.blog-articles--collage>*:nth-child(3n+2):last-child{grid-column:span 2;text-align:center;opacity:0;animation:fadeSlideUp .7s cubic-bezier(.2,.8,.2,1) forwards}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.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}.blog-articles--collage>*:nth-child(3n+1):after,.blog-articles--collage>*:nth-child(3n+2):last-child:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(to right,#fff0,#ffffff1a,#fff0);transform:rotate(30deg);opacity:0;transition:opacity .6s ease,transform 1s ease;pointer-events:none}.blog-articles--collage>*:nth-child(3n+1):hover:after,.blog-articles--collage>*:nth-child(3n+2):last-child:hover:after{opacity:1;transform:rotate(30deg) translate(100%,-100%)}}@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}.blog-articles--3d .card-wrapper:hover{transform:translateY(-10px) scale(1.02) translateZ(20px)}.blog-articles--grid-3{grid-template-columns:1fr 1fr 1fr}}.blog-articles__article{opacity:0;transform:translateY(20px)}.blog-articles__article.visible{animation:fadeInUp .6s cubic-bezier(.2,.8,.2,1) forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.blog-articles__article:nth-child(1){animation-delay:.1s}.blog-articles__article:nth-child(2){animation-delay:.2s}.blog-articles__article:nth-child(3){animation-delay:.3s}.blog-articles__article:nth-child(4){animation-delay:.4s}.blog-articles__article:nth-child(5){animation-delay:.5s}.blog-articles__article:nth-child(6){animation-delay:.6s}.title--primary{position:relative;margin-bottom:2rem;transform-style:preserve-3d;transition:transform .3s ease}.title--primary:hover{transform:translateZ(10px)}.pagination-wrapper{margin-top:4rem;transform-style:preserve-3d}.pagination__item{transition:transform .3s ease}.pagination__item:hover{transform:translateZ(5px) scale(1.1)}@media(prefers-reduced-motion:reduce){.blog-articles__article,.blog-articles--collage>*:nth-child(3n+1),.blog-articles--collage>*:nth-child(3n+2):last-child,.blog-articles .card-wrapper,.article-card__image img,.title--primary,.pagination__item{transition:none!important;animation:none!important;transform:none!important}.blog-articles__article{opacity:1}.blog-3d-canvas{display:none}}.no-js .blog-articles__article{opacity:1;transform:none}.blog-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.blog-tag-link{display:inline-block;padding:.3rem .8rem;background-color:rgba(var(--color-foreground),.05);border-radius:2rem;font-size:.85rem;transition:background-color .3s ease,transform .3s ease;text-decoration:none}.blog-tag-link:hover{background-color:rgba(var(--color-foreground),.1);transform:translateZ(5px)}
/*# sourceMappingURL=/cdn/shop/t/16/assets/section-main-blog.css.map */
