html, body { min-height: 0; background: #fef6ec; color: #4b341b; }
.fall-menu { width: 100%; background: #fef6ec; text-align: center; }
.fall-heading { padding: 30px 24px 12px; }
.fall-heading h1 { margin: 0; color: #757412; font: 400 clamp(2rem, 4.7vw, 5rem)/1.18 "Shrikhand", serif; text-transform: uppercase; }
.fall-heading p { margin: 10px 0 0; font: 400 clamp(1.2rem, 2vw, 1.8rem)/1.4 "Shrikhand", serif; }
.fall-pairings { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; padding: 0 28px; }
.fall-pairing { min-width: 0; display: grid; grid-template-rows: auto 3.5em auto auto 3.3em 1.8em; justify-items: center; align-items: center; font-size: clamp(1rem, 1.35vw, 1.3rem); }
.pairing-photo { position: relative; overflow: hidden; width: min(100%, 320px); aspect-ratio: 320 / var(--crop-height); align-self: end; }
.pairing-photo img { position: absolute; max-width: none; width: 627.5%; height: auto; left: calc(var(--crop-x) / 320 * -100%); top: calc(var(--crop-y) / var(--crop-height) * -100%); }
.fall-pairing h2, .fall-pairing h3 { font: 400 1em/1.35 "Shrikhand", serif; margin: 0; width: 100%; }
.pairing-prompt { margin: 0 0 12px; color: #a50000; font-weight: 700; font-size: 1rem; line-height: 1.5; }
.pairing-prompt span { display: block; font: 400 2.3rem/1.2 "Poppins", sans-serif; margin-bottom: 5px; }
.pairing-note { font-size: 1rem; line-height: 1.5; margin: 0; }
.sold-separately { font-size: 1rem; margin: 22px 20px 12px; }
.fall-footer { background: #a50000; color: #fef6ec; padding: 18px 20px 22px; }
.fall-footer h2 { font: 400 clamp(2.3rem, 4.5vw, 4rem)/1.2 "Shrikhand", serif; margin: 0 0 6px; }
.fall-footer p { font-size: clamp(1rem, 1.6vw, 1.35rem); margin: 0; }
@media (max-width: 699px) {
 .fall-heading { padding: 28px 18px 16px; }
 .fall-heading h1 { font-size: clamp(1.8rem, 7.8vw, 3rem); }
 .fall-pairings { grid-template-columns: 1fr; gap: 32px; padding: 0 20px; }
 .fall-pairing { grid-template-rows: auto; font-size: 1.2rem; }
 .fall-pairing + .fall-pairing { border-top: 1px solid #d8c6ae; padding-top: 26px; }
 .pairing-photo { width: min(100%, 290px); }
 .fall-pairing h2 { margin: 8px 0 0; max-width: 340px; }
 .pairing-prompt { margin: 10px 0; }
 .fall-pairing h3 { margin-top: 8px; }
 .pairing-note:empty { display: none; }
 .pairing-note { margin-top: 5px; }
 .sold-separately { margin-top: 28px; }
}