body[data-restaurant-id="birmingham"] [hidden]{display:none!important}
body[data-restaurant-id="birmingham"] .nv-location-split{align-items:stretch}
body[data-restaurant-id="birmingham"] .nv-location-split>.nv-location-photo{display:flex;flex-direction:column}
body[data-restaurant-id="birmingham"] .nv-location-split>.nv-location-photo img{flex:1;min-height:0;height:100%;object-fit:cover}
body[data-restaurant-id="birmingham"] .nv-location-booking .nv-booking-welcome{white-space:normal;font-size:22px;max-width:250px}
body[data-restaurant-id="birmingham"] .nv-light-outline{background:transparent;color:var(--ivory);border-color:#d5b48c}
body[data-restaurant-id="birmingham"] .nv-light-outline:hover{background:var(--ivory);color:var(--espresso)}
.bham-hours{white-space:pre-line}
.bham-discover{background:var(--ivory)}
.bham-event-rail{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:12px}
.bham-event-rail:empty{display:none}
.bham-event-rail article{flex:0 0 calc((100% - 48px)/3);min-width:250px;scroll-snap-align:start;background:var(--ivory);padding:20px}
.bham-event-rail article img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;margin-bottom:18px}
.bham-event-rail article h3{font-size:28px}
.bham-rating-summaries{display:flex;gap:16px;flex-wrap:wrap;margin:20px 0}
.bham-rating-summaries>div{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 16px;border:1px solid var(--line);background:var(--ivory)}
.bham-rating-summaries .text-link{font-size:13px}
.bham-rating-summaries [data-rating-value]:empty{display:none}
.bham-stars{position:relative;display:inline-block;letter-spacing:2px;color:#d3c6b4;line-height:1}
.bham-stars>span{position:absolute;inset:0 auto 0 0;overflow:hidden;white-space:nowrap;color:var(--brass)}
#bham-cookery-dialog{width:min(520px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow:auto;box-sizing:border-box;border:1px solid var(--line);padding:32px;color:var(--espresso);background:var(--ivory);font:16px/1.6 var(--sans)}
#bham-cookery-dialog::backdrop{background:#29180fa8}
#bham-cookery-dialog h3{font:34px/1.15 var(--serif);margin:16px 0 24px}
#bham-cookery-dialog [data-cookery-close]{position:absolute;top:8px;right:12px;border:0;background:transparent;color:inherit;font-size:28px;cursor:pointer}
[data-cookery-list]>article{border-top:1px solid var(--line);padding:16px 0}
[data-cookery-list] p{font:14px/1.5 var(--sans);margin:5px 0}
[data-cookery-list] .text-link{display:inline-block;margin-top:6px}
.bham-newsletter{padding-block:32px}
.bham-newsletter h2{font:36px/1.15 var(--serif);margin:8px 0 12px}
@media(min-width:761px){body[data-restaurant-id="birmingham"] .nv-location-story p:not(.eyebrow),body[data-restaurant-id="birmingham"] .nv-location-feature-horizontal p:not(.eyebrow),body[data-restaurant-id="birmingham"] .nv-location-dosa p:not(.eyebrow){text-align:justify}}
@media(max-width:1000px){.bham-event-rail article{flex-basis:calc((100% - 24px)/2)}}
@media(max-width:760px){body[data-restaurant-id="birmingham"] .nv-location-split>.nv-location-photo img{height:auto;flex:none;aspect-ratio:4/3}.bham-event-rail article{flex-basis:85%;min-width:0}.bham-rating-summaries{display:grid;grid-template-columns:1fr}.bham-newsletter .nv-location-community-row{grid-template-columns:1fr}.bham-newsletter p:not(.eyebrow){display:block}.bham-newsletter .button{white-space:normal;text-align:center}#bham-cookery-dialog{padding:28px 22px}}
@media(prefers-reduced-motion:reduce){.bham-event-rail{scroll-behavior:auto}}

body[data-restaurant-id="birmingham"] .nv-location-hero h1{font-size:clamp(38px,4.1vw,60px);line-height:1.08}

body[data-restaurant-id="birmingham"] .nv-review-track article p{display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
body[data-restaurant-id="birmingham"] .nv-location-experiences article>.text-link{align-self:flex-start;margin-bottom:18px}

/* Share row heights across cards without adding fixed mobile whitespace. */
@media(min-width:761px){
body[data-restaurant-id="birmingham"] .nv-location-experiences .nv-location-three{grid-template-rows:auto auto auto 1fr auto auto}
body[data-restaurant-id="birmingham"] .nv-location-experiences .nv-location-three>article{display:grid;grid-row:span 6;grid-template-rows:subgrid;row-gap:0}
body[data-restaurant-id="birmingham"] .nv-location-experiences article>.button{align-self:end}
}
.bham-event-rail article{display:flex;flex-direction:column;flex:1 0 calc((100% - 48px)/3)}
.bham-event-rail article>.text-link{align-self:flex-start;margin-top:auto}
.bham-event-rail .nv-location-photo{margin:0 0 18px;min-height:0}
.bham-event-rail .nv-location-photo img{aspect-ratio:16/9;height:auto;margin:0}
.bham-booking-context{font-size:14px;margin:12px 0 0}
@media(max-width:760px){.bham-event-rail article{flex:0 0 85%}}

/* Birmingham trial: a warm near-white alongside the existing ivory and cream. */
body[data-restaurant-id="birmingham"]{--chalk:#FDFBF8}
body[data-restaurant-id="birmingham"] :is(.nv-location-story,.bham-discover,.bham-story-article){background:var(--chalk)}
body[data-restaurant-id="birmingham"] .nv-location-essentials{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:20px}
body[data-restaurant-id="birmingham"] .nv-location-essentials>a{margin:0;align-self:center;justify-self:center}
body[data-restaurant-id="birmingham"] .nv-location-essentials>a:last-child{justify-self:end}
body[data-restaurant-id="birmingham"] .bham-discover-lead{font:italic 26px/1.35 var(--serif);text-align:left}
.bham-event-tags{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.bham-event-tags>span{border:1px solid var(--line);padding:5px 9px;font:11px/1.4 var(--sans);letter-spacing:.08em;text-transform:uppercase}
.bham-event-tags>span:empty{display:none}
body[data-restaurant-id="birmingham"] .bham-story-article .nv-location-split{align-items:start}
body[data-restaurant-id="birmingham"] .bham-story-article h1{font:clamp(42px,5vw,64px)/1.1 var(--serif)}
@media(max-width:1000px) and (min-width:761px){body[data-restaurant-id="birmingham"] .nv-location-experiences article>.eyebrow{font-size:12px;letter-spacing:.1em}}
@media(max-width:760px){
 body[data-restaurant-id="birmingham"] .nv-location-essentials{grid-template-columns:1fr;gap:12px}
 body[data-restaurant-id="birmingham"] .nv-location-essentials>a,body[data-restaurant-id="birmingham"] .nv-location-essentials>a:last-child{justify-self:start}
 body[data-restaurant-id="birmingham"] .bham-discover .nv-location-split{gap:28px}
}
