.category-banner{--category-surface:#f4f0e6;display:grid;grid-template-columns:46% 54%;min-width:0;margin:0 0 24px;background:var(--category-surface);border-radius:6px;overflow:hidden}
.category-banner--snacks{--category-surface:#f5eee5}.category-banner--herbs{--category-surface:#f0f2e9}.category-banner--tea{--category-surface:#edf1e9}.category-banner--coffee{--category-surface:#f2ebe3}.category-banner--supplements{--category-surface:#f1f3ed}.category-banner--equipment{--category-surface:#edf1ec}
.category-banner-copy{align-self:center;padding:28px 32px;min-width:0}
.category-banner h1{font:400 clamp(34px,3.5vw,46px)/1.1 Georgia,'Times New Roman',serif;letter-spacing:-1px;margin:0 0 18px;color:var(--ink);text-wrap:balance}
.category-banner-mood{font-size:18px;line-height:1.4;font-weight:500;color:var(--ink);margin:0 0 9px;text-wrap:balance}
.category-banner-description{font-size:15px;line-height:1.65;color:var(--muted);margin:0;max-width:43ch}
.category-banner-media{position:relative;margin:0;min-width:0;min-height:280px;max-height:328px;aspect-ratio:2/1;background:#e8e9e0}
.category-banner-media picture,.category-banner-media img{display:block;width:100%;height:100%}
.category-banner-media img{object-fit:cover;object-position:center}
.category-banner-media figcaption{position:absolute;right:10px;bottom:10px;background:#faf9f5ed;padding:4px 7px;color:#3d4c40;font-size:10px;line-height:1.4;border-radius:2px}
.category-heading-compact{padding:12px 0 28px}
@media(max-width:780px){.category-banner--pantry .category-banner-media{aspect-ratio:2/1;max-height:none}}
.category-heading-compact h1{font-size:42px;margin-bottom:12px}
.category-heading-compact p{max-width:68ch}
@media(max-width:1000px) and (min-width:781px){.category-banner-copy{padding:24px}.category-banner h1{font-size:36px;margin-bottom:14px}.category-banner-mood{font-size:17px}.category-banner-description{font-size:14px}.category-banner-media{min-height:300px;aspect-ratio:auto}}
@media(max-width:780px){.category-banner{grid-template-columns:1fr}.category-banner-copy{padding:25px 28px}.category-banner h1{font-size:38px;margin-bottom:12px}.category-banner-description{max-width:60ch}.category-banner-media{min-height:0;max-height:240px;aspect-ratio:3/1}.category-banner-media img{object-position:center}.category-banner--equipment .category-banner-media,.category-banner--supplements .category-banner-media{aspect-ratio:2/1;max-height:none}}
@media(max-width:600px){.category-banner{margin-bottom:20px}.category-banner-copy{padding:22px 22px 24px}.category-banner h1{font-size:34px;letter-spacing:-.6px;margin-bottom:12px}.category-banner-mood{font-size:16px;line-height:1.4;margin-bottom:8px}.category-banner-description{font-size:14px;line-height:1.55}.category-banner-media,.category-banner--equipment .category-banner-media,.category-banner--supplements .category-banner-media{aspect-ratio:2/1;max-height:190px}.category-banner-media figcaption{font-size:10px;right:8px;bottom:8px}.category-heading-compact{padding:10px 0 24px}.category-heading-compact h1{font-size:34px}}
@media(max-width:600px){.category-banner--equipment .category-banner-media,.category-banner--supplements .category-banner-media{max-height:none}}