.category-scroll{position:relative;overflow:hidden;background:var(--cream);border-bottom:1px solid var(--red)}
.category-scroll .ingredient-band{width:max-content;overflow:visible;border:0;animation:category-scroll 32s linear infinite;padding-right:2.083333vw}
.category-scroll:hover .ingredient-band,.category-scroll:focus-within .ingredient-band,.category-scroll.is-paused .ingredient-band{animation-play-state:paused}
.category-scroll-toggle{position:absolute;right:8px;bottom:3px;font:10px Arial,sans-serif;border:0;border-radius:3px;padding:3px 6px;color:var(--ink);background:var(--cream);cursor:pointer}
@keyframes category-scroll{to{transform:translateX(-50%)}}
.category-intro{display:grid;grid-template-columns:minmax(120px,260fr) minmax(0,1280fr) minmax(120px,260fr);gap:2.083333vw;padding:7.5vw 2.5vw;background:var(--cream);align-items:center}
.category-ovals{display:grid;gap:1.875vw}
.category-ovals a{display:block;position:relative;overflow:hidden;aspect-ratio:260/428;border-radius:999px;color:white}
.category-ovals img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}
.category-ovals a:hover img{transform:scale(1.035)}
.category-ovals span{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);background:#231f20e6;padding:7px 10px;border-radius:24px;font-size:12px;line-height:1.3;text-align:center;max-width:90%;width:max-content}
.category-intro-copy{width:min(100%,680px);margin:auto;padding:30px 24px}
.category-kicker{font-size:13px;text-transform:uppercase;letter-spacing:.13em;margin:0 0 24px}
.category-intro-copy h2{font-family:Bungee,Impact,sans-serif;font-weight:400;font-size:clamp(32px,3.125vw,60px);line-height:1.17;margin:0 0 36px;text-align:left}
.category-intro-copy>p:not(.category-kicker){font-size:clamp(17px,1.145833vw,22px);line-height:1.85;margin:0 0 28px}
.category-intro-copy a{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.category-intro-copy a:hover{color:var(--red)}
@media(max-width:700px){
.category-intro{grid-template-columns:1fr 1fr;gap:22px;padding:52px 6vw}
.category-intro-copy{grid-column:1/-1;grid-row:1;padding:0}
.category-intro-copy h2{font-size:34px;margin-bottom:25px}
.category-intro-copy>p:not(.category-kicker){font-size:17px;line-height:1.8}
.category-ovals{gap:22px}.category-ovals span{font-size:11px;bottom:16px}
.category-scroll .ingredient-band{padding-right:6vw}
}
@media(prefers-reduced-motion:reduce){.category-scroll .ingredient-band{animation:none}.category-ovals img{transition:none}}