.brand-showcase{padding-block:58px 42px;border-bottom:1px solid var(--border);scroll-margin-top:8px}
.brand-showcase-heading{max-width:760px}.brand-showcase-heading .eyebrow{margin-bottom:17px}.brand-showcase-heading h2{font-size:37px;line-height:1.25;letter-spacing:-1.4px}.brand-showcase-heading>p:not(.eyebrow){font-size:14px;line-height:1.8;margin-top:18px;max-width:675px}
.brand-filters{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:34px 0 22px}.brand-filters button{border:1px solid #d8e0e4;border-radius:999px;background:var(--white);padding:10px 18px;min-height:42px;font-size:12px;line-height:1.5;color:#5b6978;transition:color .2s,background .2s,border-color .2s}.brand-filters button.active{background:var(--navy);border-color:var(--navy);color:var(--white)}.brand-filters button:hover:not(.active){border-color:#a5b6c9;background:#f8fafc;color:var(--navy)}
.brand-viewport{position:relative;overflow-x:auto;padding:22px 0 8px;scrollbar-width:thin;scrollbar-color:#cbd6e3 transparent}.brand-ready .brand-viewport{overflow-x:hidden;mask-image:linear-gradient(90deg,#000 0%,#000 95%,transparent 100%)}
.brand-track{display:flex;width:max-content;align-items:flex-start;will-change:transform}.brand-lane{display:flex;align-items:flex-start;gap:32px;padding-right:32px;width:max-content}.brand-track [data-brand-copy]{display:none}.brand-ready [data-brand-copy]{display:flex}.brand-ready .brand-track{animation:brand-drift 58s linear infinite}.brand-viewport:hover .brand-track,.brand-viewport:focus-within .brand-track,.brand-carousel.is-paused .brand-track{animation-play-state:paused}
.brand-tile{width:174px;flex:0 0 174px;margin:0;text-align:center}.brand-logo-space{height:100px;display:flex;align-items:center;justify-content:center}.brand-logo{width:152px;height:94px;object-fit:contain;max-width:100%;display:block}.brand-logo-ariel{width:105px;height:99px}.brand-logo-dove{width:145px;height:96px}.brand-logo-kinder{width:154px;height:76px}.brand-logo-coca-cola{width:166px;height:75px}.brand-logo-persil{width:142px;height:80px}.brand-logo-red-bull{width:160px;height:72px}.brand-logo-lays{width:105px;height:99px}.brand-logo-nestle{width:154px;height:72px}.brand-logo-dutch-lady{width:118px;height:98px}.brand-tile figcaption{color:#66736a;font-size:12px;line-height:1.6;margin-top:22px;min-height:20px}
.brand-controls{display:flex;justify-content:center;position:relative;margin-top:26px}.brand-pause{border:1px solid #d8e0e4;border-radius:4px;background:var(--white);color:var(--navy);font-size:11px;min-width:112px;min-height:44px;padding:10px 17px;transition:background .2s,border-color .2s}.brand-pause:hover:enabled{background:var(--soft);border-color:#a9bacd}.brand-pause:disabled{color:#7b8794;background:#fafbfc;cursor:default}.brand-disclaimer{font-size:11px;line-height:1.9;color:var(--muted);margin-top:25px;max-width:1180px}
.brand-carousel.is-static .brand-track,.brand-carousel.is-reduced .brand-track{animation:none;transform:none;will-change:auto}.brand-carousel.is-static [data-brand-copy],.brand-carousel.is-reduced [data-brand-copy]{display:none}.brand-carousel.is-static .brand-viewport,.brand-carousel.is-reduced .brand-viewport{overflow-x:auto;mask-image:none}
.supplier-logo-header{height:184px;background:var(--white);display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--border);padding:25px}.supplier-logo-header>.brand-logo{width:170px;height:110px}.supplier-logo-header>.brand-logo-ariel,.supplier-logo-header>.brand-logo-lays{width:110px;height:110px}.supplier-logo-header>.brand-logo-dove{width:153px;height:110px}
@keyframes brand-drift{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:1050px){.brand-showcase-heading h2{font-size:34px}.brand-tile{width:160px;flex-basis:160px}.brand-lane{gap:28px;padding-right:28px}}
@media(max-width:760px){.brand-showcase{padding-block:43px 34px;scroll-margin-top:8px}.brand-showcase-heading h2{font-size:30px;letter-spacing:-1px}.brand-showcase-heading>p:not(.eyebrow){font-size:12px;line-height:1.85;margin-top:16px}.brand-filters{gap:8px;margin:25px 0 17px}.brand-filters button{font-size:10px;min-height:42px;padding:10px 14px}.brand-tile{width:142px;flex-basis:142px}.brand-lane{gap:24px;padding-right:24px}.brand-logo-space{height:92px}.brand-logo{max-width:138px;max-height:90px}.brand-logo-ariel,.brand-logo-lays{width:94px;height:90px}.brand-tile figcaption{font-size:11px;margin-top:16px}.brand-viewport{padding-top:18px}.brand-controls{margin-top:23px}.brand-disclaimer{font-size:10px;line-height:1.85;margin-top:23px}.supplier-logo-header{height:185px}.brand-showcase-heading .eyebrow{font-size:8px;letter-spacing:1.4px}}
@media(prefers-reduced-motion:reduce){.brand-ready .brand-track{animation:none;will-change:auto}.brand-ready .brand-viewport{overflow-x:auto;mask-image:none}.brand-ready [data-brand-copy]{display:none}}