/* Bound modal media independently of the original image's HTML dimensions. */
#dish-dialog{width:min(880px,calc(100% - 40px));max-width:880px;height:fit-content;max-height:86vh;max-height:86dvh;margin:auto;inset:0;overflow:auto}
#dish-dialog .dialog-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:0;align-items:start}
#dish-dialog .dialog-photo{position:relative;display:block;width:100%;height:420px;min-height:0;max-height:none;aspect-ratio:auto;align-self:start;overflow:hidden;background:#e6dfd4}
#dish-dialog .dialog-photo>img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center;mix-blend-mode:normal}
#dish-dialog .dialog-photo>.no-photo{height:100%;min-height:0;aspect-ratio:auto;border-radius:0}
#dish-dialog .dialog-copy{padding:50px 28px 32px;min-width:0}
#dish-dialog .dialog-copy h2{font-size:27px;line-height:1.4}
#dish-dialog .dialog-photo .dialog-image-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:24px;text-align:center;font-size:14px;color:var(--muted)}
#dish-dialog .dialog-photo img[hidden],#dish-dialog .dialog-image-fallback[hidden]{display:none!important}
#dish-dialog .dialog-action{margin-top:24px;width:100%;text-align:center}
.dish-price{font-size:14px;letter-spacing:0;font-weight:400;color:var(--muted)}
.discovery{padding-top:42px;padding-bottom:42px}
.discovery .section-heading{align-items:center;margin-bottom:20px}
.discovery .section-heading h2{font-size:30px;line-height:1.35}
.discovery .section-heading .serif-sub{font-size:14px;margin-top:6px}
.discovery-controls{display:flex;gap:8px;flex-shrink:0}
.discovery-controls button{width:37px;height:37px;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--ink);font-size:19px}
.discovery-controls button:hover{background:#e8e4d7}
.discovery-grid{display:flex;gap:18px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:1px;padding:0 1px 12px;scrollbar-width:thin;scrollbar-color:#a7ae88 #eee9dc;overscroll-behavior-inline:contain}
.discovery-card{flex:0 0 25%;min-width:205px;scroll-snap-align:start}
.discovery-card img{width:100%;height:auto;aspect-ratio:1.25;object-fit:contain;background:#b2a99f;border-radius:12px}
.discovery-card h3{font-size:15px;line-height:1.45;margin-top:10px;letter-spacing:-.4px}
.discovery-card p{display:none}
.discovery-note{margin-top:13px;font-size:14px;line-height:1.6}
@media(max-width:760px){
 #dish-dialog{width:calc(100% - 28px);max-height:88vh;max-height:88dvh;border-radius:20px}
 #dish-dialog .dialog-layout{grid-template-columns:minmax(0,1fr)}
 #dish-dialog .dialog-photo{height:clamp(190px,65vw,310px)}
 #dish-dialog .dialog-copy{padding:25px 24px 28px}
 #dish-dialog .dialog-copy h2{font-size:24px}
 #dish-dialog .dialog-copy .dish-description{margin-bottom:12px}
 #dish-dialog .dialog-action{margin-top:19px}
 .discovery{padding-top:33px;padding-bottom:33px}
 .discovery .section-heading{gap:12px;align-items:center}
 .discovery .section-heading h2{font-size:25px}
 .discovery .section-heading .eyebrow{font-size:14px;margin-bottom:7px}
 .discovery .section-heading .serif-sub{font-size:14px}
 .discovery-grid{gap:13px}
 .discovery-card{flex-basis:64%;min-width:0}
 .discovery-controls{gap:6px}
 .discovery-controls button{width:30px;height:30px;font-size:16px}
 .discovery-card h3{font-size:14px}
}