/* NBD Bites page. Loaded after base.css and essay.css. */
.bites-intro{padding-bottom:0}

.bites-map{padding:clamp(64px,7vw,110px) var(--gutter) 0;display:flex;flex-direction:column;gap:40px}
.bites-map-head{align-items:end;border-top:1px solid var(--ink);padding-top:30px;row-gap:16px}
.bites-map-head .title-group{grid-column:1 / span 7}
.bites-map-intro{grid-column:9 / span 4;font-size:17px;line-height:1.55;color:var(--muted);font-weight:300}
.bites-plates{row-gap:40px;align-items:start}
.bites-region{grid-column:1 / span 7}
.bites-downtown{grid-column:8 / span 5}
.bites-plates figure{margin:0}
.bites-plates .plate-cap{padding-top:6px}
.bites-plates .plate-cap>.cap{flex-shrink:0}

.map-region{aspect-ratio:1000 / 700}
.map-downtown{aspect-ratio:560 / 560}
.map-region,.map-downtown{position:relative;width:100%}
.pn>*{transform:scale(1.4)}
.map-downtown .pn>*{transform:scale(1.2)}
.map-region .map-l,.map-region .map-town{font-size:19px}
.map-region .map-lake{font-size:40px}
.map-region .map-cap{font-size:13px}
.map-town{font-family:var(--text);font-size:14px;fill:#3A4043}
.map-street{font-family:var(--label);font-size:9px;letter-spacing:.2em;fill:#6A6558}
.map-end{text-anchor:end}

.bites-list{padding:clamp(64px,7vw,110px) var(--gutter) 0;display:flex;flex-direction:column;gap:40px}
.bites-list .place-list{display:flex;flex-direction:column}
.bites-list .place-row{grid-template-columns:44px minmax(0,1fr) 180px}
.bites-list .place{padding:30px 0}
.bites-list .place-main{gap:10px;max-width:720px}
.bites-list .place-name a{border-bottom:1px solid var(--hairline)}
.bites-list .place-text{font-size:17px;line-height:1.65}
.bites-list .place-text sup{font-family:var(--label);font-size:.6em;font-weight:600;line-height:0;padding-left:1px}
.bites-list .place-text sup a{color:var(--slate)}
.bites-list .place-text em{font-style:italic}
.bites-list .place-text .text-inline{border-bottom:1px solid var(--hairline)}
.place-note{color:var(--muted)}

.more-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.more-grid-3 .more-link{grid-template-columns:120px minmax(0,1fr);gap:20px}
.more-grid-3 .more-link img{width:120px}

@media (max-width:1100px){
  .bites-map-head .title-group,.bites-map-intro{grid-column:1 / -1}
  .bites-map-intro{max-width:520px}
  .bites-region,.bites-downtown{grid-column:1 / -1}
  .bites-downtown{max-width:560px}
  .bites-list .place-row{grid-template-columns:44px minmax(0,1fr) 150px}
  .more-grid-3{grid-template-columns:minmax(0,1fr)}
  .more-grid-3 .more-link{grid-template-columns:160px minmax(0,1fr);gap:24px}
  .more-grid-3 .more-link img{width:160px}
}

@media (max-width:700px){
  .map-region .map-l,.map-region .map-cap,.map-downtown .map-l,.map-street{display:none}
  .map-region .map-town{font-size:36px}
  .map-region .map-lake{font-size:64px}
  .map-downtown .map-town{font-size:24px}
  .pn>*{transform:scale(2.4)}
  .map-downtown .pn>*{transform:scale(1.9)}
  .bites-list .place-row{grid-template-columns:36px minmax(0,1fr)}
  .bites-list .place{padding:24px 0}
  .more-grid-3 .more-link{grid-template-columns:96px minmax(0,1fr);gap:16px}
  .more-grid-3 .more-link img{width:96px}
}