.category-banners{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.category-description{margin:0 0 28px;padding:24px;border:1px solid rgba(214,181,120,.3);border-inline-start:3px solid #d6b578;border-radius:8px;background:rgba(214,181,120,.05)}
.category-description h2{font-size:24px;color:#d6b578;margin-bottom:8px}
.category-description p{line-height:2;color:#d3d9dc;max-width:900px}
.rice-origin-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px}
.rice-origin-filters[hidden],.category-description[hidden]{display:none}
.category-banner{position:relative;display:block;overflow:hidden;border:1px solid rgba(214,181,120,.28);border-radius:12px;background:#04162b;isolation:isolate}
.category-banner>img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;transition:transform .35s ease}
.category-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(2,13,24,.98),rgba(2,13,24,.55) 27%,transparent 65%);z-index:0}
.category-banner-copy{position:absolute;inset:auto 28px 26px;z-index:1;color:#f5f0e6}
.category-banner-copy .eyebrow{color:#d6b578;letter-spacing:2px;font-size:10px}
.category-banner-copy h3{font-size:36px;line-height:1.4;margin:4px 0 8px}
.category-banner-link{display:flex;align-items:center;gap:10px;font-size:13px;color:#e8d3a8}
.category-banner:hover>img{transform:scale(1.025)}
.category-banner:focus-visible{outline:3px solid #d6b578;outline-offset:5px}
[dir=ltr] .category-banner-link svg{transform:rotate(180deg)}
@media(max-width:640px){.category-banners{grid-template-columns:1fr;gap:20px}.category-banner-copy{inset:auto 20px 20px}.category-banner-copy h3{font-size:30px}}
@media(prefers-reduced-motion:reduce){.category-banner>img{transition:none}.category-banner:hover>img{transform:none}}