.foil-marquee{background:var(--b2b-bg-cream, #fbfaf7);padding:3.5rem 0 4rem;overflow:hidden;position:relative}.foil-marquee__header{max-width:1100px;margin:0 auto 2rem;padding:0 4rem;text-align:center}.foil-marquee__eyebrow{display:block;font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:#1a1a1ab8;font-weight:600;margin:0 0 1rem}.foil-marquee__heading{font-size:clamp(1.5rem,3vw,2.15rem);font-weight:700;line-height:1.2;margin:0 0 .75rem;letter-spacing:-.015em;color:var(--b2b-text, #1a1a1a)}.foil-marquee__sub{font-size:1rem;line-height:1.6;color:var(--b2b-text-muted, rgba(26, 26, 26, .72));margin:0 auto;max-width:560px}.foil-marquee__viewport{width:100%;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent 0%,black 6%,black 94%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,black 6%,black 94%,transparent 100%)}.foil-marquee__track{display:flex;gap:var(--marquee-gap, 24px);width:max-content;animation:foil-marquee-scroll var(--marquee-speed, 40s) linear infinite;will-change:transform}.foil-marquee__viewport:hover .foil-marquee__track,.foil-marquee__viewport:focus-within .foil-marquee__track{animation-play-state:paused}.foil-marquee__item{flex-shrink:0;height:var(--marquee-height, 220px);display:block;border-radius:0;overflow:hidden}.foil-marquee__item img{height:100%;width:auto;display:block;object-fit:cover}@keyframes foil-marquee-scroll{0%{transform:translate(0)}to{transform:translate(calc(-50% - var(--marquee-gap, 24px) / 2))}}.foil-marquee__empty{text-align:center;padding:2rem;color:var(--b2b-text-faint, rgba(26, 26, 26, .5));font-size:.9rem}@media screen and (max-width:749px){.foil-marquee{padding:2.5rem 0 3rem}.foil-marquee__header{padding:0 1.25rem;margin-bottom:1.5rem}}@media(prefers-reduced-motion:reduce){.foil-marquee__viewport{overflow-x:auto;-webkit-mask-image:none;mask-image:none;scroll-snap-type:x mandatory;scrollbar-width:thin}.foil-marquee__track{animation:none;transform:none!important}.foil-marquee__item{scroll-snap-align:start}}
/*# sourceMappingURL=/cdn/shop/t/118/assets/component-foil-marquee.css.map */