.brand-spotlight__inner{display:grid;grid-template-columns:minmax(0,1fr);row-gap:2.4rem}.brand-spotlight__banner{position:relative;display:grid;overflow:hidden;margin-inline:calc(-1 * var(--gutter));background-color:rgb(var(--color-background-secondary))}.brand-spotlight__banner:before{content:"";grid-area:1/1;width:100%;aspect-ratio:var(--banner-ratio-mobile, 4/5)}.brand-spotlight__media{position:absolute;top:0;right:0;bottom:0;left:0}.brand-spotlight__image{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover}.brand-spotlight__image--placeholder{color:rgb(var(--color-foreground));background-color:rgb(var(--color-background-secondary))}@media screen and (max-width:749px){.brand-spotlight__image--desktop{display:none}}@media screen and (min-width:750px){.brand-spotlight__banner:before{aspect-ratio:var(--banner-ratio-tablet, 3/2)}.brand-spotlight__image--mobile{display:none}}.brand-spotlight__banner-link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.brand-spotlight__banner-link:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:-.4rem}.brand-spotlight__overlay{grid-area:1/1;position:relative;z-index:2;display:flex;align-items:flex-end;padding:2.4rem var(--gutter);color:rgb(var(--color-foreground));background:linear-gradient(to top,rgba(var(--color-background),var(--overlay-opacity, .6)),rgba(var(--color-background),calc(var(--overlay-opacity, .6) * .8)),rgba(var(--color-background),0) 80%);pointer-events:none}.brand-spotlight__overlay a,.brand-spotlight__overlay button{pointer-events:auto}.brand-spotlight__content{display:flex;flex-direction:column;align-items:flex-start;gap:1.2rem;max-width:52rem;color:rgb(var(--color-foreground))}.brand-spotlight__titles{display:flex;flex-direction:column;align-items:flex-start;gap:1.2rem;min-width:0}.brand-spotlight__eyebrow{margin:0;font-size:1.2rem;font-weight:500;line-height:1.4;letter-spacing:.06em;text-transform:uppercase;color:rgb(var(--color-foreground))}.brand-spotlight__logo{display:block;width:auto;max-width:20rem;height:auto;max-height:4rem;object-fit:contain;object-position:left center}.brand-spotlight__logo--light{filter:brightness(0) invert(1)}.brand-spotlight__logo--dark{filter:brightness(0)}.brand-spotlight__heading{margin:0;font-family:var(--font-heading-family);font-size:2.8rem;font-weight:500;line-height:1.1;letter-spacing:.01em;text-transform:uppercase;color:rgb(var(--color-foreground))}.brand-spotlight__text{max-width:44rem;font-size:1.4rem;line-height:1.6;color:rgb(var(--color-foreground))}.brand-spotlight__text p{margin:0}.brand-spotlight__text p+p{margin-top:.8rem}.brand-spotlight__text a{color:inherit;text-decoration:underline;text-underline-offset:.3rem}.brand-spotlight__button{min-height:var(--control-height);margin-top:.4rem}.brand-spotlight__aside{display:flex;flex-direction:column;gap:2.4rem;min-width:0}.brand-spotlight__products{display:block;min-width:0;margin-top:auto}.brand-spotlight__nav{display:none;justify-content:flex-end;gap:.8rem;margin-bottom:1.6rem}@media screen and (hover:hover)and (pointer:fine){.brand-spotlight__products[data-scrollable] .brand-spotlight__nav{display:flex}}.brand-spotlight__arrow{display:inline-flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;padding:0;border:0;border-radius:0;color:rgb(var(--color-foreground));background-color:transparent;cursor:pointer;transition:border-color var(--duration-default) ease,opacity var(--duration-default) ease}.brand-spotlight__arrow[aria-disabled=true]{opacity:.35;cursor:default}.brand-spotlight__arrow:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.2rem}@media screen and (hover:hover)and (pointer:fine){.brand-spotlight__arrow:not([aria-disabled=true]):hover{opacity:.6}}.brand-spotlight__arrow-icon{display:inline-flex}.brand-spotlight__arrow-icon .icon{width:2.4rem;height:2.4rem}.brand-spotlight__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--grid-gap-y) var(--grid-gap-x);margin:0;padding:0;list-style:none}.brand-spotlight__item{min-width:0}@media screen and (max-width:989px){.brand-spotlight--mobile-slider .brand-spotlight__list{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% + var(--gutter) - 2 * var(--grid-gap-x)) / 2.2);margin:-.4rem calc(-1 * var(--gutter));padding:.4rem var(--gutter);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);scrollbar-width:none}.brand-spotlight--mobile-slider .brand-spotlight__list::-webkit-scrollbar{display:none}.brand-spotlight--mobile-slider .brand-spotlight__item{scroll-snap-align:start}}@media screen and (min-width:750px){.brand-spotlight__header .brand-spotlight__content{flex-direction:row;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;column-gap:var(--grid-gap-x);max-width:none}.brand-spotlight__header .brand-spotlight__button{margin-top:0}}@media screen and (min-width:750px)and (max-width:989px){.brand-spotlight--mobile-slider .brand-spotlight__list{grid-auto-columns:calc((100% + var(--gutter) - 3 * var(--grid-gap-x)) / 3.2)}.brand-spotlight--mobile-grid .brand-spotlight__list{grid-template-columns:repeat(4,minmax(0,1fr))}.brand-spotlight__overlay{padding:3.2rem var(--gutter)}.brand-spotlight__heading{font-size:3.2rem}}@media screen and (min-width:990px){.brand-spotlight__inner{--banner-share: 9fr;--aside-share: 11fr;--banner-min-ratio: 4/5;grid-template-columns:minmax(0,var(--banner-share)) minmax(0,var(--aside-share));column-gap:var(--grid-gap-x);align-items:stretch}.brand-spotlight:not(.brand-spotlight--text-on-banner) .brand-spotlight__inner{--banner-share: 1fr;--aside-share: 1fr}.brand-spotlight__header{grid-column:1 / -1}.brand-spotlight--image-right .brand-spotlight__inner{grid-template-columns:minmax(0,var(--aside-share)) minmax(0,var(--banner-share))}.brand-spotlight--image-right .brand-spotlight__banner{order:2}.brand-spotlight__banner{margin-inline:0}.brand-spotlight__banner:before{aspect-ratio:var(--banner-min-ratio)}.brand-spotlight--desktop-grid .brand-spotlight__inner{--spotlight-card-info: 8.6rem;--banner-max: 60%;--banner-width: clamp(36%, calc(var(--banner-ratio, 1) * (var(--spotlight-rows, 2) * (100% - 2 * var(--grid-gap-x)) + 2 * var(--spotlight-rows, 2) * var(--spotlight-card-info) + 2 * (var(--spotlight-rows, 2) - 1) * var(--grid-gap-y)) / (2 + var(--spotlight-rows, 2) * var(--banner-ratio, 1))), var(--banner-max));grid-template-columns:var(--banner-width) minmax(0,1fr)}.brand-spotlight--desktop-grid .brand-spotlight__products{margin-top:0}.brand-spotlight--desktop-grid.brand-spotlight--image-right .brand-spotlight__inner{grid-template-columns:minmax(0,1fr) var(--banner-width)}.brand-spotlight--desktop-grid .brand-spotlight__banner:before{aspect-ratio:var(--banner-ratio, 1)}.brand-spotlight--desktop-slider.brand-spotlight--text-on-banner .brand-spotlight__banner:before{display:none}.brand-spotlight__overlay{padding:3.2rem}.brand-spotlight__heading{font-size:3.2rem}.brand-spotlight__aside{gap:3.2rem}.brand-spotlight--desktop-slider .brand-spotlight__list{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 2 * var(--grid-gap-x)) / 2.4);margin:-.4rem 0;padding:.4rem 0;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}.brand-spotlight--desktop-slider .brand-spotlight__list::-webkit-scrollbar{display:none}.brand-spotlight--desktop-slider .brand-spotlight__item{scroll-snap-align:start}}@media screen and (min-width:1200px){.brand-spotlight--desktop-grid .brand-spotlight__inner{--banner-max: 64%}}@media screen and (min-width:1360px){.brand-spotlight__inner{--banner-share: 1fr;--aside-share: 1fr;--banner-min-ratio: 10/11}.brand-spotlight__overlay{padding:4.8rem}.brand-spotlight__heading{font-size:4rem}}@media screen and (min-width:1600px){.brand-spotlight__inner{--banner-share: 11fr;--aside-share: 9fr;--banner-min-ratio: 10/9}}@media(prefers-reduced-motion:reduce){.brand-spotlight__arrow{transition:none}.brand-spotlight__list{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/section-brand-spotlight.css.map */