.shop-by-brands__intro{margin-bottom:var(--space-lg)}.shop-by-brands__intro--center{text-align:center}.shop-by-brands__heading{margin:0}.shop-by-brands__subtitle{margin:var(--space-2xs) 0 0;font-size:1.4rem;color:rgba(var(--color-foreground),.7)}@media screen and (min-width:750px){.shop-by-brands__intro{margin-bottom:var(--space-xl)}}.shop-by-brands__list{--brands-columns: var(--brands-columns-mobile, 2);--brands-gap: 1.2rem;display:flex;flex-wrap:wrap;gap:1.6rem var(--brands-gap);margin:0;padding:0;list-style:none}.shop-by-brands__list--center{justify-content:center}.shop-by-brands__item{display:flex;flex:0 0 calc((100% - (var(--brands-columns) - 1) * var(--brands-gap)) / var(--brands-columns));min-width:0}@media screen and (min-width:750px){.shop-by-brands__list{--brands-columns: 3;--brands-gap: 2rem;row-gap:2.8rem}}@media screen and (min-width:990px){.shop-by-brands__list{--brands-columns: var(--brands-columns-desktop, 4);--brands-gap: 2.4rem}}.brand-tile{--tile-tint: var(--color-accent, var(--color-foreground));position:relative;display:block;width:100%;aspect-ratio:4 / 5;overflow:hidden;isolation:isolate;border-radius:2rem;background:linear-gradient(180deg,rgba(var(--tile-tint),.09),rgba(var(--tile-tint),.03) 45%,rgba(var(--tile-tint),0));color:rgb(var(--color-foreground));text-decoration:none}.brand-tile--green{--tile-tint: var(--color-button)}.brand-tile--neutral{--tile-tint: var(--color-foreground)}.brand-tile--arch:before{content:"";position:absolute;z-index:-1;left:6%;right:6%;top:30%;aspect-ratio:1;border-radius:50%;background:linear-gradient(180deg,rgba(var(--tile-tint),.05),rgba(var(--tile-tint),.18) 35%,rgba(var(--tile-tint),.2) 55%,rgba(var(--tile-tint),.08) 78%,rgba(var(--tile-tint),0) 94%)}.brand-tile--link:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.3rem;box-shadow:none}.brand-tile__name{position:absolute;top:0;left:0;right:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;padding:1.4rem 1rem 0;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:calc(var(--font-heading-scale) * 1.6rem);line-height:1.2;letter-spacing:var(--font-heading-letter-spacing);text-align:center;color:rgb(var(--color-button));overflow-wrap:anywhere}@media screen and (min-width:750px){.brand-tile__name{padding:2rem 1.6rem 0;font-size:calc(var(--font-heading-scale) * 2rem)}}@media screen and (min-width:1200px){.brand-tile__name{font-size:calc(var(--font-heading-scale) * 2.2rem)}}.brand-tile__media{position:absolute;left:12%;right:12%;top:30%;bottom:5%;display:flex;align-items:flex-end;justify-content:center}.brand-tile__image{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 1rem 1.2rem rgba(var(--color-shadow),.16))}.brand-tile__monogram{align-self:center;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:clamp(2.4rem,4vw,4rem);letter-spacing:.08em;color:rgba(var(--tile-tint),.75)}@media(hover:hover)and (prefers-reduced-motion:no-preference){.brand-tile__image{transition:transform var(--duration-default) ease,filter var(--duration-default) ease}.brand-tile--link:hover .brand-tile__image{transform:translateY(-.6rem) scale(1.03);filter:drop-shadow(0 1.6rem 1.6rem rgba(var(--color-shadow),.2))}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-shop-by-brands.css.map */