.blog-articles{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1rem;column-gap:var(--grid-mobile-horizontal-spacing);row-gap:var(--grid-mobile-vertical-spacing)}.blog-articles .card-wrapper{width:100%}.main-blog.page-width{max-width:1110px;margin-left:auto;padding-left:0;padding-right:0;margin-right:auto}@media screen and (min-width:750px){.blog-articles{grid-template-columns:repeat(2,1fr);column-gap:var(--grid-desktop-horizontal-spacing);row-gap:var(--grid-desktop-vertical-spacing)}}@media screen and (min-width:990px){.blog-articles{grid-template-columns:repeat(var(--columns-desktop, 4),1fr);column-gap:8px}.blog-articles .article{justify-self:center}}@media screen and (min-width:750px){.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}}.blog-nav-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:3.2rem;padding:0 164px}.blog-categories{display:flex;list-style:none;padding:0;margin:0;gap:2.4rem}.blog-categories__item a{font-family:Helvetica,regular;font-weight:400;font-size:16px;line-height:24px;letter-spacing:-.5px;color:var(--neutral-900, #111211);text-decoration:none;position:relative;display:inline-block;transition:color var(--duration-short) ease,opacity var(--duration-short) ease;opacity:50%}.blog-categories__item.is-active a{opacity:1;text-decoration:underline;text-underline-offset:.4rem}.blog-categories__item a:hover{opacity:1}.blog-search-form{position:relative;width:182px;box-sizing:border-box!important}.blog-search-field{display:flex;align-items:center;padding:6px 15px 6px 6px;border:1px solid var(--neutral-400, #AAB4AB);background:#fff;width:100%;box-sizing:border-box!important}.blog-search-form .blog-search-input{flex:1;width:0!important;min-width:0!important;border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;-webkit-appearance:none!important;appearance:none!important;box-sizing:border-box!important;font-family:Helvetica,sans-serif;font-size:14px;letter-spacing:-.5px}.blog-search-form .blog-search-input:focus{outline:none!important;box-shadow:none!important;border:0!important}.blog-search-input::placeholder{font-family:Helvetica,sans-serif;font-weight:400;font-size:14px;line-height:20px;letter-spacing:-.5px;color:var(--neutral-900, #111211)}.blog-search-input:focus::placeholder{color:transparent}.blog-search-form .blog-search-button{border:0!important;background:transparent!important;box-shadow:none!important;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;-webkit-appearance:none!important;appearance:none!important;box-sizing:border-box!important;flex-shrink:0!important}.blog-search-button .svg-wrapper-blog{display:flex;align-items:center;justify-content:center;width:12px;height:12px}.blog-search-button svg{width:12px!important;height:12px!important}.featured-collection-banner{grid-column:1 / -1;position:relative;min-height:220px;height:auto;display:flex;align-items:center;overflow:hidden;background:#f7f6f2;margin-bottom:1.2rem;box-sizing:border-box;border-radius:var(--border-radius, 0px);border:var(--border-width) solid rgba(var(--color-foreground),var(--border-opacity))}.featured-collection-banner:after{content:"";position:absolute;z-index:-1;width:calc(var(--border-width, 1px) * 2 + 100%);height:calc(var(--border-width, 1px) * 2 + 100%);top:calc(var(--border-width, 1px) * -1);left:calc(var(--border-width, 1px) * -1);border-radius:var(--border-radius, 0px);box-shadow:var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius) rgba(var(--color-shadow),var(--shadow-opacity));pointer-events:none}.banner-content{position:relative;z-index:2;width:35%;padding:32px 0 32px 64px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;box-sizing:border-box}.banner-title{margin:0 0 4px;font-family:League Spartan,sans-serif;font-weight:500;font-size:24px;line-height:32px;letter-spacing:-1px;color:var(--neutral-900, #111211)}.banner-desc{margin:0;margin-bottom:2.4rem;font-family:Helvetica,sans-serif;font-weight:400;font-size:16px;line-height:24px;letter-spacing:-.5px;color:var(--neutral-900, #111211)}.banner-button{display:inline-flex;justify-content:center;align-items:center;padding:1.6rem;background:var(--neutral-900, #111211);color:var(--neutral-100, #EEF0EE);font-family:Helvetica,sans-serif;font-weight:400;font-size:12px;line-height:16px;letter-spacing:1px;text-decoration:none;text-transform:uppercase;transition:all .5s ease}.banner-button:hover{opacity:50%}.banner-image{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1}.banner-image img{width:100%;height:100%;display:block;object-fit:cover}.blog-articles .article-card__category{display:block;margin-bottom:.4rem;font-family:Helvetica,sans-serif;font-weight:400;font-size:12px;line-height:11px;letter-spacing:0px;color:var(--neutral-700, #555A56);text-transform:none}.blog-articles .article-card .card__heading{margin-bottom:.4rem;font-family:Helvetica,sans-serif;font-weight:400;font-size:16px;line-height:24px;letter-spacing:-.5px;color:var(--neutral-900, #111211);overflow:hidden;text-overflow:ellipsis}.blog-articles .article-card__info.caption-with-letter-spacing{font-family:Helvetica,sans-serif;font-weight:400;font-size:12px;line-height:11px;letter-spacing:0px;text-transform:none;color:var(--neutral-300, #C4CBC4)}.blog-articles .article-card__image img{filter:grayscale(100%);transition:filter var(--duration-long) ease,transform var(--duration-long) ease}.blog-articles .article-card-wrapper:hover .article-card__image img{filter:grayscale(0%)}.blog-articles .article-card-wrapper:hover .card__heading a,.blog-articles .article-card .card__heading a:hover{text-decoration:none}@media screen and (min-width:990px){.blog-articles .article{width:269px;max-width:269px;margin-bottom:16px}.blog-articles .article-card-wrapper{width:269px;max-width:269px}.blog-articles .card__inner{height:353px;width:269px}}@media screen and (max-width:989px){.featured-collection-banner{margin:18px -16px;width:calc(100% + 32px);border-left:none;border-right:none;border-radius:0;min-height:176px;height:auto}.featured-collection-banner:after{box-shadow:none}.main-blog.page-width{padding:0 16px}.blog-search-field{width:100%;padding:6px 15px 5px 6px}.banner-content{background:linear-gradient(180deg,#fff,#fff0);padding:16px;width:100%;height:100%;justify-content:center}.banner-title{font-size:20px;line-height:28px;letter-spacing:-1px}.banner-desc{font-size:16px;line-height:20px;letter-spacing:-.5px;margin-bottom:24px}.banner-button{font-size:11px;line-height:14px;letter-spacing:1px;box-sizing:border-box;height:48px;justify-content:center}.blog-nav-container{flex-direction:column;align-items:stretch;gap:1.2rem;padding:0}.blog-categories__item a{padding-bottom:1rem}.blog-categories__item.is-active a:after{bottom:-1.1rem}.blog-search-form{width:100%}.blog-articles .article-card .card__heading{line-height:20px}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/section-main-blog.css.map */
