/* MESA — an editorial food market, with the menu always in reach. */
.mesa-editorial{display:grid;grid-template-columns:1fr .9fr;background:#eee4d1;border-radius:13px;overflow:hidden;margin:0 0 30px;border:1px solid #e0d4bf}
.mesa-edit-copy{padding:28px 24px 26px;display:flex;align-items:flex-start;flex-direction:column;position:relative;z-index:1}
.mesa-edit-copy .eyebrow{font-size:9px;letter-spacing:.1em;color:#784c36}
.mesa-edit-copy h2{font-size:clamp(23px,2.3vw,37px);font-weight:650;letter-spacing:-.055em;line-height:1.24;margin:16px 0 12px;white-space:pre-line;color:#482c21}
.mesa-edit-copy>p:not(.eyebrow){font-size:12px;line-height:1.75;max-width:290px;color:#725343}
.mesa-edit-copy>button{border:0;border-bottom:1px solid #9f6750;background:none;margin-top:20px;padding:0 0 8px;text-align:left;color:#7d2e1d;font-size:12px;font-weight:700;display:flex;gap:30px}
.mesa-edit-copy>button span{font-size:20px;line-height:1}
.mesa-edit-image{position:relative;min-height:278px;overflow:hidden;background:#442b1c}
.mesa-edit-image>img{transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.mesa-edit-image:hover>img{transform:scale(1.05)}
.mesa-edit-image:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#1f1713c9);pointer-events:none}
.mesa-edit-image>div{position:absolute;z-index:1;bottom:20px;left:22px;right:22px;color:#fff;display:grid;grid-template-columns:1fr auto;gap:5px 12px}
.mesa-edit-image>div>span:first-child{grid-column:1/-1;font-size:10px;text-transform:uppercase;letter-spacing:.07em}
.mesa-edit-image>div>strong{font-size:18px;line-height:1.4}.mesa-edit-image>div>span:last-child{align-self:end;font-size:16px}
.mesa-edit-tabs{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ddcfb9;background:#f4ecde}
.mesa-edit-tabs>button{padding:15px 13px;border:0;border-right:1px solid #ddcfb9;background:none;display:flex;gap:9px;align-items:center;text-align:left;color:#766353;min-height:63px;transition:background .2s,color .2s}
.mesa-edit-tabs>button:last-child{border-right:0}.mesa-edit-tabs>button[aria-pressed=true]{background:#cf3a24;color:#fff}
.mesa-edit-tabs strong{font-size:10px;line-height:1.6;font-weight:550}.mesa-edit-tabs>button>span:first-child{font:10px monospace;opacity:.75}.mesa-edit-tabs>button>span:last-child{margin-left:auto}
.dish-card{position:relative}.mesa-save{position:absolute;right:12px;top:12px;z-index:2;display:grid;place-items:center;border:1px solid #fff9;background:#fff7f0ec;border-radius:50%;width:40px;height:40px;font:27px/1 Arial;color:#713b2b;box-shadow:0 3px 12px #21180c15;transition:scale .2s,background .2s}.mesa-save[aria-pressed=true]{background:#cf3a24;color:#fff;border-color:#cf3a24}.mesa-save:hover{scale:1.08}.mesa-saved-filter{margin-left:auto;min-height:40px;border:1px solid #cfcfc3;border-radius:7px;padding:7px 12px;background:#fffdf7;color:#5b4c3d;font-size:11px}.mesa-saved-filter[aria-pressed=true]{background:#203a30;color:#fff;border-color:#203a30}.results-heading{gap:12px}.sort-control{margin-left:0}.dish-photo img{transition:transform .65s cubic-bezier(.2,.8,.2,1)}.dish-photo:hover img{transform:scale(1.055)}.dish-card{border-bottom:1px solid #d8ddcf;padding-bottom:15px}.dish-detail-body{padding:32px}.mesa-detail-note{padding:15px 18px;background:#f4eee2;border-left:3px solid #c7472e;margin:20px 0 26px}.mesa-detail-note strong{font-size:12px}.mesa-detail-note p{font-size:12px;line-height:1.8;color:#6c5a49;margin-top:5px}.case-study{background:#24382f}.case-header{border-bottom:1px solid #62725b;padding-bottom:36px}.basket-card{box-shadow:0 12px 45px #24362809}.catalogue-footnote{border-top:0}
@media(min-width:1450px){.mesa-edit-copy{padding:32px}.mesa-edit-copy h2{font-size:40px}.mesa-edit-image{min-height:320px}}
@media(max-width:1000px){.mesa-edit-copy h2{font-size:28px}.mesa-edit-copy{padding:25px}.mesa-edit-image{min-height:280px}}
@media(max-width:650px){.mesa-editorial{grid-template-columns:1fr 42%;margin:16px 0 26px;border-radius:10px}.mesa-edit-copy{padding:20px 15px}.mesa-edit-copy .eyebrow{font-size:8px;letter-spacing:0}.mesa-edit-copy h2{font-size:25px;margin:12px 0 0;line-height:1.25}.mesa-edit-copy>p:not(.eyebrow){display:none}.mesa-edit-copy>button{font-size:10px;gap:12px;margin-top:17px;min-height:35px}.mesa-edit-image{min-height:218px}.mesa-edit-image>div{left:12px;right:12px;bottom:13px;display:block}.mesa-edit-image>div>span:first-child{display:none}.mesa-edit-image>div>strong{display:block;font-size:13px;margin-bottom:5px}.mesa-edit-image>div>span:last-child{font-size:14px}.mesa-edit-tabs>button{padding:12px 8px;gap:6px;align-items:flex-start}.mesa-edit-tabs strong{font-size:9px}.mesa-edit-tabs>button>span:last-child{display:none}.results-heading{flex-wrap:wrap}.results-heading>div{width:100%}.mesa-saved-filter{margin-left:0;min-height:44px}.mesa-save{height:38px;width:38px;right:8px;top:8px}.dish-detail-body{padding:23px}.mesa-detail-note{padding:12px;margin:17px 0}.case-header{padding-bottom:24px}}
@media(prefers-reduced-motion:reduce){.mesa-edit-image>img,.dish-photo img,.mesa-save{transition:none}.mesa-edit-image:hover>img,.dish-photo:hover img{transform:none}.mesa-save:hover{scale:1}}
@media(min-width:651px){.mesa-edit-copy{padding:20px 24px}.mesa-edit-copy h2{font-size:29px;margin:10px 0 0}.mesa-edit-copy>p:not(.eyebrow){display:none}.mesa-edit-copy>button{margin-top:15px}.mesa-edit-image{min-height:200px;max-height:200px}.mesa-edit-tabs>button{min-height:49px;padding:11px 14px}.mesa-edit-copy .eyebrow{font-size:10px}.mesa-edit-tabs strong{font-size:11px}}
@media(max-width:650px){.mesa-edit-copy h2{font-size:23px}.mesa-edit-tabs strong{font-size:10px}.mesa-edit-tabs>button{min-height:69px}.mesa-edit-tabs>button>span:first-child{display:none}.mesa-edit-copy .eyebrow{font-size:9px}.mesa-edit-copy>button{font-size:11px}.mesa-edit-image>div>strong{font-size:13px}}
.mesa-edit-tabs>button>span:first-child{opacity:1}
