.main-blog-surface--transparent.gradient{background:transparent}.main-blog-surface--transparent .blog-filters__nav:before,.main-blog-surface--transparent .blog-filters__nav:after{--color-background: var(--blend-page-background-rgb, 213, 209, 200)}.blog-articles{display:grid;grid-gap:1rem;column-gap:var(--grid-mobile-horizontal-spacing);row-gap:var(--grid-mobile-vertical-spacing)}.section-header+.blog-articles-wrapper .blog-articles{margin-top:2.5rem}.blog-articles .card-wrapper{width:100%}@media screen and (min-width:750px){.blog-articles{grid-template-columns:1fr 1fr 1fr;column-gap:var(--grid-desktop-horizontal-spacing);row-gap:var(--grid-desktop-vertical-spacing)}.section-header+.blog-articles-wrapper .blog-articles{margin-top:4rem}.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-filter-search{margin:0 0 2rem;display:flex;flex-wrap:wrap;column-gap:2.4rem;row-gap:1.6rem;width:100%}.main-blog:has(.section-header) .blog-filter-search{margin:2rem 0}.blog-filter-search blog-filters,.blog-filter-search main-search{flex:1 1 100%}.blog-filter-search blog-filters{min-height:44px;width:calc(100% + var(--blog-filter-breakout-start, 1.5rem) + var(--blog-filter-breakout-end, 1.5rem));max-width:none;margin-left:calc(var(--blog-filter-breakout-start, 1.5rem) * -1);margin-right:calc(var(--blog-filter-breakout-end, 1.5rem) * -1);overflow:visible}@media screen and (min-width:990px){.blog-filter-search{display:grid;grid-template-columns:minmax(0,1fr);align-items:center}.blog-filter-search:has(>main-search){grid-template-columns:minmax(0,1fr) 30rem}.blog-filter-search blog-filters{width:100%;min-width:0;margin-left:0;margin-right:0}.blog-filter-search main-search{width:100%;min-width:0}}.blog-filter-search .blog-filters__track{gap:8px;margin-inline:auto;min-width:0;border:0;border-radius:0;background:transparent;overflow:visible}.blog-filter-search .filter-bar .filter-button{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:flex-start;gap:8px;min-width:0;min-height:44px;height:44px;padding:0 14px;border:0;border-radius:8px;box-shadow:none;background:#e6e1d8;color:#0f1115;font-family:var(--font-body-family, "Switzer", Arial, sans-serif);font-size:14px;font-weight:500;line-height:1.4;letter-spacing:normal;text-transform:none;white-space:nowrap;text-decoration:none;transition:background-color .18s ease}.blog-filter-search .filter-bar .filter-button.active,.blog-filter-search .filter-bar .filter-button:hover{background:#fafafa}.blog-filter-search .filter-button:focus-visible{outline:2px solid #0f1115;outline-offset:-3px}.blog-filter-search .filter-bar .filter-button>span.blog-filter__label{display:block;position:static;width:auto;height:auto;margin:0;padding:0;background:none;line-height:20px;transform:translateY(-1px)}.blog-filter-search .blog-filter__dot{display:block;flex:0 0 6px;width:6px;height:6px;border-radius:50%;background:rgb(var(--color-background, 255, 71, 0))}.blog-filter-search .blog-filter__dot--neutral{background:#0f1115}.blog-filter-search .blog-filters__nav-button{border:0;border-radius:8px;background:transparent;color:#0f1115;box-shadow:none}.blog-filter-search .blog-filters__nav-button:hover{background:#e6e1d8}.blog-filter-search .blog-filters__nav-button .icon{width:24px;height:24px}.blog-filter-search main-search{scroll-margin-top:100px}.blog-search{margin:0}.blog-search__field{position:relative;display:flex;align-items:center;height:40px;border:1px solid transparent;border-radius:var(--blend-header-search-radius, 8px);background-color:#e6e1d8;box-shadow:inset 0 1px 2px rgba(var(--blend-header-shadow-rgb, 15, 17, 21),calc(var(--blend-header-search-inset-opacity, .14) * .55)),inset 0 4px 7px -5px rgba(var(--blend-header-shadow-rgb, 15, 17, 21),calc(var(--blend-header-search-inset-opacity, .14) * .95)),inset 0 -1px 2px rgba(var(--blend-header-sticky-surface-rgb, 250, 250, 250),calc(var(--blend-header-search-inset-opacity, .14) * 3.2));transition:box-shadow .22s ease}.blog-search__field:focus-within{box-shadow:inset 0 2px 4px rgba(var(--blend-header-shadow-rgb, 15, 17, 21),calc(var(--blend-header-search-inset-opacity, .14) * .85)),inset 0 5px 9px -6px rgba(var(--blend-header-shadow-rgb, 15, 17, 21),calc(var(--blend-header-search-inset-opacity, .14) * 1.1)),inset 0 -1px 2px rgba(var(--blend-header-sticky-surface-rgb, 250, 250, 250),calc(var(--blend-header-search-inset-opacity, .14) * 3.6))}.blog-search .blog-search__input{width:100%;height:100%;min-width:0;margin:0;padding:0 38px;border:0;border-radius:inherit;outline:0;box-shadow:none;background:transparent;color:#0f1115;font:400 14px/1.2 Switzer,Arial,sans-serif;-webkit-appearance:none;appearance:none}.blog-search__input::-webkit-search-cancel-button{display:none;appearance:none;-webkit-appearance:none}.blog-search .blog-search__input::placeholder{color:var(--blend-header-search-placeholder, #675845);opacity:1}.blog-search .blog-search__submit,.blog-search .blog-search__reset{position:absolute;z-index:2;top:0;display:inline-grid;place-items:center;width:38px;height:38px;padding:0;border:0;border-radius:inherit;background:transparent;color:#0f1115;cursor:pointer}.blog-search .blog-search__submit{left:0}.blog-search .blog-search__reset{right:0}.blog-search .blog-search__submit svg{width:18px;height:18px}.blog-search .blog-search__reset svg{width:16px;height:16px}.blog-search__field:has(:focus-visible){outline:2px solid #0f1115;outline-offset:2px}@media screen and (max-width:749px){.blog-search__field{height:44px}.blog-search .blog-search__input{font-size:16px}.blog-search .blog-search__submit,.blog-search .blog-search__reset{height:42px}}.article-promotion{display:flex;align-items:flex-end;position:relative;border-radius:var(--border-radius);overflow:hidden;height:100%}.article-promotion:after{content:"";position:absolute;z-index:-1;width:calc(var(--border-width)* 2 + 100%);height:calc(var(--border-width)* 2 + 100%);top:calc(var(--border-width)* -1);left:calc(var(--border-width)* -1);border-radius:var(--border-radius);box-shadow:var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius) rgba(var(--color-shadow),var(--shadow-opacity))}.article-promotion .shape-background{pointer-events:none}.article-promotion .blend-shape{position:absolute;top:-17rem;left:auto;right:-6rem}.article-promotion--content{padding:4rem 2.4rem;position:relative;flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end}@media screen and (min-width:990px){.article-promotion--content{padding:2.4rem}}.article-promotion--content h3{margin:0;margin-bottom:.8rem}.article-promotion--content .button{margin-top:1.6rem;align-self:flex-start;pointer-events:none}@media screen and (max-width:749px){.article-promotion--content .button{align-self:stretch}}.article-promotion--content .button:hover{transform:none!important}.article-promotion--content h3 a:after{bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}blog-filters{display:block}blog-filters.loading{opacity:.6;pointer-events:none;transition:opacity .2s ease}.blog-articles-wrapper.loading{opacity:.5;transition:opacity .2s ease;position:relative;min-height:300px}
/*# sourceMappingURL=/cdn/shop/t/487/assets/section-main-blog.css.map */