.spice-range{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);background:#eeeadf;min-height:410px}.spice-range:nth-of-type(odd){background:var(--paper)}.spice-range figure{position:relative;margin:0;min-height:410px}.spice-range img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.spice-copy{padding:48px clamp(32px,5vw,80px);align-self:center}.spice-copy h2{font-size:clamp(30px,3.2vw,48px);line-height:1.12;margin-bottom:24px}.spice-copy p{font-size:15px;line-height:1.8;color:var(--muted);margin-top:16px}.spice-copy .spice-examples{color:var(--ink);font-weight:500;font-size:17px}.category-hero{padding-bottom:36px}@media(max-width:760px){.spice-range{grid-template-columns:1fr}.spice-range figure{min-height:0;aspect-ratio:3/2}.spice-copy{padding:32px 7vw 40px}.spice-copy h2{font-size:32px}.spice-copy .spice-examples{font-size:16px}}
/* Alternate the middle range while preserving image-first mobile reading order. */
@media(min-width:761px){.spice-range:nth-of-type(odd)>figure{grid-column:2;grid-row:1}.spice-range:nth-of-type(odd)>.spice-copy{grid-column:1;grid-row:1}}