:root {
  color-scheme: light;
  --ink: #171918;
  --muted: #555956;
  --paper: #ffffff;
  --light: #f3f4f3;
  --dark: #101211;
  --gold: #b08a3c;
  --line: #d8dbd8;
  --surface-deep: #141815;
  --on-deep: #f5f5ef;
  --on-deep-muted: #c4cdc1;
  --accent-light: #d4bc86;
  --font: "Avenir Next", "Century Gothic", "Segoe UI", sans-serif;
}

*, *::before, *::after { box-sizing: border-box; }
[hidden] { display: none !important; }
html { font-family: var(--font); letter-spacing: 0; scroll-padding-top: 1rem; }
body { margin: 0; background: var(--paper); color: var(--ink); font-size: 1rem; line-height: 1.65; }
button, input { font: inherit; letter-spacing: 0; }
button, a, input { -webkit-tap-highlight-color: transparent; }
button { cursor: pointer; }
a { color: inherit; text-underline-offset: .25em; text-decoration-thickness: 1px; }
img { display: block; max-width: 100%; height: auto; }
picture { display: block; }
figure { margin: 0; }
h1, h2, h3, p { margin: 0; overflow-wrap: anywhere; }
h1, h2, h3 { line-height: 1.15; font-weight: 600; text-wrap: balance; }
h1 { font-size: 2.75rem; }
h2 { font-size: 1.875rem; }
h3 { font-size: 1.375rem; }
p { max-width: 66ch; text-wrap: pretty; }
p + p { margin-top: 1rem; }
address { font-style: normal; overflow-wrap: anywhere; }
:focus-visible { outline: 3px solid currentColor; outline-offset: 5px; }
.wrap { width: min(100% - 2rem, 75rem); margin-inline: auto; }
.wrap > *, .actions > *, .location-body, .feature-copy, .hero-copy { min-width: 0; }
.skip-link { position: absolute; top: .75rem; left: 1rem; z-index: 10; padding: .65rem 1rem; color: var(--ink); background: white; transform: translateY(-200%); }
.skip-link:focus { transform: none; }

.site-header { background: var(--dark); color: white; }
.header-inner { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; column-gap: .75rem; padding-block: .375rem; }
.wordmark { width: fit-content; display: flex; flex-direction: column; text-decoration: none; line-height: 1; padding-block: .375rem; }
.wordmark strong { font-size: 1.5rem; font-weight: 500; }
.wordmark small { font-size: .625rem; line-height: 1.6; }
.main-nav { grid-row: 2; grid-column: 1 / -1; display: flex; justify-content: center; gap: 1.5rem; }
.main-nav a { min-height: 44px; display: inline-flex; align-items: center; text-decoration: none; font-size: .875rem; border-bottom: 2px solid transparent; }
.main-nav a[aria-current="page"] { border-color: var(--gold); }
.button, .button-ghost { display: inline-flex; justify-content: center; align-items: center; min-height: 44px; max-width: 100%; padding: .7rem 1.15rem; border: 1px solid transparent; border-radius: 3px; background: var(--gold); color: #0a0a0a; font-size: .9375rem; font-weight: 600; line-height: 1.4; text-align: center; text-decoration: none; overflow-wrap: anywhere; }
.header-book { grid-column: 2; grid-row: 1; padding: .65rem .75rem; font-size: .8125rem; }
.button-ghost { color: inherit; background: transparent; border-color: currentColor; }
.actions { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem 1.25rem; }
.text-link { display: inline-flex; align-items: center; min-height: 44px; max-width: 100%; font-weight: 600; overflow-wrap: anywhere; }

/* A minimum, not a fixed height: enlarged text can expand the hero. */
.hero { position: relative; isolation: isolate; background: var(--dark); color: white; }
.hero-picture { position: absolute; inset: 0; z-index: -2; }
.hero-picture img { width: 100%; height: 100%; object-fit: cover; object-position: 60% center; }
.hero::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgb(0 0 0 / .77), rgb(0 0 0 / .61) 64%, rgb(0 0 0 / .16)); }
.hero-inner { display: flex; align-items: center; min-height: min(70svh, 580px); padding-block: 2.25rem 4rem; }
.hero-copy { width: 100%; max-width: 35rem; }
.hero-kicker { font-size: .875rem; margin-bottom: 1rem; }
.hero h1 { font-size: 2.75rem; line-height: 1.06; }
.hero-description { margin-top: 1.25rem; max-width: 40ch; font-size: 1.0625rem; line-height: 1.65; }
.hero .actions { margin-top: 1.5rem; }
.hero-caption { position: absolute; right: 1rem; bottom: 1rem; max-width: calc(100% - 2rem); padding: .2rem .6rem; background: rgb(0 0 0 / .75); font-size: .75rem; overflow-wrap: anywhere; }
.hero[data-place="lima"] .hero-picture img { object-position: 65% center; }
.booking-strip { background: var(--dark); color: white; }
.strip-inner { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 1.25rem 2rem; padding-block: 1.5rem; }
.strip-inner p { color: #d3d6d3; line-height: 1.45; }
.strip-inner strong { color: white; font-size: 1.125rem; font-weight: 500; }

.section { padding-block: 3.5rem; }
.light { background: var(--light); }
.section-heading { display: grid; gap: 1.25rem; margin-bottom: 2rem; }
.section-heading p, .location-body p, .feature-copy p, .visit-intro p, .menu-intro p, .menu-lead p { color: var(--muted); }
.locations-grid { display: grid; gap: 2.5rem; }
.location-image, .image-frame, .menu-lead figure { overflow: hidden; background: #e3e5e3; }
.location-image { aspect-ratio: 3 / 2; }
.location-image picture, .image-frame picture, .menu-lead figure picture { height: 100%; }
.location-image img, .image-frame img, .menu-lead figure img { width: 100%; height: 100%; object-fit: cover; }
.location-body { padding-top: 1.25rem; }
.location-title { display: inline-flex; align-items: center; min-height: 44px; text-decoration: none; }
.location-body p { margin-top: .5rem; }
.location-body .actions { margin-top: 1.25rem; }
.menu-feature { display: grid; align-items: center; gap: 2rem; }
.image-frame { aspect-ratio: 4 / 3; }
.feature-copy h2 { margin-block: .75rem 1.25rem; }
.feature-copy .text-link { margin-top: 1.25rem; }
.story-band { padding-block: 3.5rem; background: var(--dark); color: white; }
.story-inner { display: grid; gap: 1.5rem; }
.story-inner p { color: #d3d6d3; }
.faq-section { display: grid; gap: 1.5rem; padding-block: 3.5rem; }
.faq-list { min-width: 0; border-top: 1px solid var(--line); }
.faq-list details { border-bottom: 1px solid var(--line); }
.faq-list summary { padding: 1.125rem .25rem; min-height: 44px; cursor: pointer; font-weight: 600; overflow-wrap: anywhere; }
.faq-list summary::marker { color: var(--ink); font-size: .875em; }
.faq-list details[open] summary { padding-bottom: .75rem; }
.faq-list details p { padding: 0 .25rem 1.25rem; color: var(--muted); }
.site-footer { background: var(--dark); color: #d3d6d3; padding-block: 2.5rem 1rem; }
.footer-grid { display: grid; gap: 2rem; }
.footer-logo { width: 84px; height: 84px; object-fit: contain; margin-bottom: .75rem; }
.footer-grid h2 { font-size: 1.25rem; margin-bottom: .75rem; color: white; }
.footer-location { display: inline-flex; align-items: center; min-height: 44px; text-decoration: none; }
.footer-grid p { margin-top: .5rem; }
.footer-bottom { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem 1.5rem; border-top: 1px solid #424642; padding-top: 1rem; margin-top: 2rem; font-size: .8125rem; }
.footer-bottom > span { margin-right: auto; }

.breadcrumbs { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem; padding-block: .75rem; font-size: .875rem; color: var(--muted); }
.visit-section { display: grid; gap: 2.5rem; padding-block: 2rem 3.5rem; }
.visit-intro h2 { margin-bottom: 1.25rem; }
.visit-intro .actions { margin-top: 1.5rem; }
.visit-details { display: grid; align-content: start; gap: 2rem; }
.visit-details h3 { margin-bottom: .75rem; }
.hours { width: 100%; border-collapse: collapse; font-size: .875rem; table-layout: fixed; }
.hours caption { text-align: left; font-size: 1.125rem; font-weight: 600; margin-bottom: .75rem; }
.hours th, .hours td { padding: .65rem 0; border-bottom: 1px solid var(--line); vertical-align: top; overflow-wrap: anywhere; }
.hours th { width: 48%; font-weight: 500; text-align: left; padding-right: .75rem; }
.hours td { text-align: right; }
.other-location { border-top: 1px solid var(--line); padding-block: 2rem 3rem; }
.other-location h2 { font-size: 1.5rem; margin-bottom: .75rem; }
.other-location .text-link { margin-top: .75rem; }

.menu-intro { padding-block: 1.75rem 2rem; }
.menu-intro h1 { margin-block: .75rem 1rem; }
.menu-lead { display: grid; align-items: center; gap: 1.5rem; }
.menu-lead figure { aspect-ratio: 16 / 10; }
.menu-lead h2 { margin-bottom: 1rem; }
.menu-lead .allergen-note { font-size: .875rem; padding-top: 1rem; margin-top: 1rem; border-top: 1px solid var(--line); }
.menu-controls { display: grid; gap: .75rem; }
.menu-controls label { font-weight: 600; }
#menu-search { width: 100%; max-width: 36rem; min-width: 0; min-height: 48px; padding: .75rem 1rem; border: 1px solid #737873; border-radius: 3px; background: white; color: var(--ink); }
#menu-search::placeholder { color: var(--muted); opacity: 1; }
.filters { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: .5rem; }
.filters button { min-height: 44px; max-width: 100%; padding: .55rem 1rem; border: 1px solid #737873; border-radius: 3px; background: white; color: var(--ink); line-height: 1.4; overflow-wrap: anywhere; }
.filters button[aria-pressed="true"] { background: var(--dark); color: white; border-color: var(--dark); }
.menu-results { padding-block: 1.5rem; color: var(--muted); font-size: .875rem; }
.menu-category { padding-block: 1.75rem 2rem; border-top: 1px solid var(--line); }
.menu-category h2 { font-size: 1.5rem; margin-bottom: 1.5rem; }
.dish-list { display: grid; gap: 1.5rem 3rem; }
.dish h3 { font-size: 1.125rem; margin-bottom: .5rem; }
.dish p { font-size: .9375rem; color: var(--muted); }
.empty-state { padding-block: 2rem; border-top: 1px solid var(--line); }
.empty-state .button { margin-top: 1rem; }

@media (min-width: 600px) {
  .wrap { width: min(100% - 3rem, 75rem); }
  .header-inner { display: flex; justify-content: space-between; gap: 1.5rem; min-height: 76px; }
  .main-nav { gap: 1.5rem; }
  .header-book { font-size: .875rem; }
  .hero h1 { font-size: 3.5rem; }
  .hero-copy { max-width: 34rem; }
  .hero-caption { right: 1.5rem; }
  .hero::before { background: linear-gradient(90deg, rgb(0 0 0 / .8), rgb(0 0 0 / .65) 56%, rgb(0 0 0 / .12)); }
  .locations-grid, .dish-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .footer-grid > :first-child { grid-column: 1 / -1; }
}

@media (min-width: 900px) {
  .wrap { width: min(100% - 5rem, 75rem); }
  h1 { font-size: 3.5rem; }
  h2 { font-size: 2.5rem; }
  .header-inner { min-height: 80px; }
  .wordmark strong { font-size: 1.875rem; }
  .wordmark small { font-size: .6875rem; }
  .main-nav { margin-left: auto; gap: 2rem; }
  .main-nav a { font-size: .9375rem; }
  .header-book { margin-left: 1rem; }
  .hero-inner { min-height: min(72svh, 620px); padding-block: 3rem 4rem; }
  .hero h1 { font-size: 4.5rem; }
  .hero-copy { max-width: 36rem; }
  .hero-description { font-size: 1.125rem; }
  .hero-caption { right: max(2.5rem, calc((100% - 75rem) / 2)); }
  .hero::before { background: linear-gradient(90deg, rgb(0 0 0 / .85), rgb(0 0 0 / .68) 49%, rgb(0 0 0 / .08) 85%); }
  .strip-inner { padding-block: 1.5rem; }
  .section, .story-band, .faq-section { padding-block: 5rem; }
  .section-heading { grid-template-columns: 1.1fr 1fr; gap: 4rem; align-items: end; margin-bottom: 2.5rem; }
  .locations-grid { gap: 2.5rem; }
  .location-body { padding-top: 1.5rem; }
  .menu-feature { grid-template-columns: 1.1fr 1fr; gap: 4rem; }
  .story-inner { grid-template-columns: 1.1fr 1fr; gap: 4rem; }
  .faq-section { grid-template-columns: 1fr 1.65fr; gap: 4rem; }
  .footer-grid { grid-template-columns: .8fr 1fr 1fr; gap: 3rem; }
  .footer-grid > :first-child { grid-column: auto; }
  .site-footer { padding-top: 3rem; }
  .visit-section { grid-template-columns: 1fr 1fr; gap: 5rem; padding-block: 2.5rem 5rem; }
  .menu-intro { padding-block: 2rem 2.5rem; }
  .menu-lead { grid-template-columns: 1.1fr 1fr; gap: 4rem; }
  .menu-lead figure { max-height: 360px; }
  .menu-category { display: grid; grid-template-columns: 1fr 3fr; gap: 2.5rem; padding-block: 2.25rem; }
  .menu-category h2 { font-size: 1.375rem; }
}

@media (hover: hover) {
  .main-nav a:hover { border-color: var(--gold); }
  .button:hover { background: #c49d50; color: #0a0a0a; }
  .button-ghost:hover { background: white; color: var(--ink); border-color: white; }
  .text-link:hover, .location-title:hover, .footer-location:hover { text-decoration: underline; text-decoration-thickness: 2px; }
  .filters button:hover { border-color: var(--ink); text-decoration: underline; }
  .location-image:hover img { transform: scale(1.025); }
}

@media (prefers-reduced-motion: no-preference) {
  .hero-copy { animation: hero-arrive .5s ease-out both; }
  .location-image img { transition: transform .35s ease-out; }
  @keyframes hero-arrive { from { transform: translateY(8px); } to { transform: translateY(0); } }
}
@media (prefers-reduced-motion: reduce) {
  .location-image:hover img { transform: none; }
}

@media (forced-colors: active) {
  .button, .filters button { border: 1px solid ButtonText; }
  .main-nav a[aria-current="page"] { border-color: LinkText; }
  .hero-copy, .hero-caption { background: Canvas; color: CanvasText; }
}

/* Home art direction is deliberately scoped: the three information pages stay stable. */
body[data-page="home"] { --home-white: #fafbf9; background: var(--home-white); }
body[data-page="home"] .header-inner { display: flex; min-height: 64px; padding-block: 6px; gap: 16px; }
body[data-page="home"] .main-nav { margin-left: auto; gap: 18px; }
body[data-page="home"] .header-book { margin: 0; font-size: 0.75rem; padding: 10px; }
body[data-page="home"] .main-nav a:not(.nav-menu):not([href="/menu/"]) { display: none; }
body[data-page="home"] .wordmark strong { font-size: 1.25rem; }
body[data-page="home"] .wordmark small { font-size: 0.5625rem; }
.home-opening { position: relative; isolation: isolate; min-height: min(72svh, 660px); color: white; background: #111; display: flex; flex-direction: column; justify-content: space-between; }
.opening-photo { position: absolute; inset: 0; z-index: -2; overflow: hidden; }
.opening-photo img { width: 100%; height: 100%; object-fit: cover; object-position: 58% center; }
.home-opening::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgb(0 0 0 / .58), transparent 38%, transparent 58%, rgb(0 0 0 / .85)); }
.opening-title { padding-top: 28px; }
.opening-title > p { font-size: 0.75rem; margin-bottom: 10px; }
.opening-title h1 { font-size: 4.5rem; line-height: .95; font-weight: 400; }
.opening-title h1 span { display: block; font-size: 0.875rem; line-height: 1.5; margin-top: 10px; }
.opening-bottom { padding-block: 36px 22px; }
.opening-bottom > p { font-size: 1.625rem; font-weight: 400; line-height: 1.25; }
.opening-explore { display: flex; align-items: center; justify-content: space-between; min-height: 48px; margin-top: 12px; border-bottom: 1px solid #8c8d87; text-decoration: none; font-size: 0.875rem; }
.opening-explore span { font-size: 1.5rem; }
.opening-bottom small { display: block; margin-top: 12px; font-size: 0.625rem; color: #e6e6e2; }
.home-taste { padding-block: 44px 48px; background: var(--surface-deep); color: var(--on-deep); }
.home-taste .taste-heading > p, .home-taste .taste-photo figcaption { color: #bfc7bd; }
.home-taste .taste-heading h2 span { color: #d4bc86; }
.home-taste .taste-link { border-color: #798477; }
.taste-heading > p, .places-heading > p { font-size: 0.75rem; margin-bottom: 18px; color: #555956; }
.taste-heading h2, .places-heading h2 { font-size: 2rem; line-height: 1.16; font-weight: 400; }
.taste-heading h2 span { color: #596256; }
.taste-photo { margin-top: 28px; }
.taste-photo picture { overflow: hidden; aspect-ratio: 1.35; }
.taste-photo img { width: 100%; height: 100%; object-fit: cover; object-position: 42% center; }
.taste-photo figcaption { padding: 10px 16px; font-size: 0.6875rem; color: #555956; }
.taste-copy { padding-top: 16px; }
.taste-copy p { font-size: 0.9375rem; }
.taste-link { margin-top: 16px; border-bottom: 1px solid #8e948a; text-decoration: none; width: 100%; justify-content: space-between; }
.taste-link::after { content: '↗'; font-size: 1.5rem; }
.home-places { padding-top: 42px; background: #edf0eb; scroll-margin-top: 16px; }
.places-heading { margin-bottom: 40px; }
.home-place { padding-bottom: 40px; }
.place-heading { display: flex; align-items: baseline; gap: 12px; padding-bottom: 12px; }
.place-number { font-size: 0.6875rem; color: #555956; }
.place-heading h3 { font-size: 2rem; font-weight: 400; }
.place-alias { margin-left: auto; font-size: 0.6875rem; color: #555956; }
.place-photo { aspect-ratio: 1.13; overflow: hidden; }
.place-photo picture, .place-photo img { height: 100%; width: 100%; }
.place-photo img { object-fit: cover; }
.home-place:last-child .place-photo img { object-position: 62% center; }
.place-copy { padding-top: 20px; }
.place-copy address { font-size: 0.875rem; font-weight: 600; }
.place-copy p { font-size: 0.875rem; color: #555956; margin-top: 8px; }
.place-copy .actions { margin-top: 20px; gap: 12px; }
.place-copy .button { background: #18231d; color: white; border-radius: 0; }
.place-copy .text-link { font-size: 0.8125rem; }
.home-story { background: #18231d; color: white; padding-block: 48px; }
.home-story .story-year { font-size: 4.5rem; font-weight: 300; color: #c7ad72; line-height: 1; margin-bottom: 20px; }
.home-story h2 { font-weight: 400; font-size: 1.75rem; max-width: 20ch; }
.home-story .story-inner > div > p:not(.story-year) { color: #e1e5df; font-size: 0.9375rem; }
.mobile-booking { position: sticky; z-index: 5; bottom: 0; left: 0; right: 0; display: flex; align-items: center; gap: 20px; padding: 10px 16px calc(10px + env(safe-area-inset-bottom)); background: #fafbf9; border-top: 1px solid #d8dbd8; }
.dock-menu { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding-inline: 8px; font-size: 0.875rem; }
.mobile-booking .button { flex: 1; background: #18231d; color: white; border-radius: 0; }
body[data-page="home"] { padding-bottom: 0; }
html:has(body[data-page="home"]) { scroll-padding-bottom: 10rem; }
body[data-page="home"] :is(a, summary) { scroll-margin-bottom: 10rem; }

@media (min-width: 600px) {
  body[data-page="home"] .main-nav a:not(.nav-menu):not([href="/menu/"]) { display: inline-flex; }
  body[data-page="home"] .header-book { font-size: 0.875rem; padding-inline: 18px; }
  .opening-title h1 { font-size: 6rem; }
  .opening-title h1 span { font-size: 1.125rem; }
  .opening-title { padding-top: 42px; }
  .opening-bottom > p { font-size: 2.25rem; }
  .opening-explore { max-width: 340px; }
  .opening-bottom small { position: absolute; right: 24px; bottom: 24px; }
  .home-taste { padding-block: 64px; padding-inline: max(0px, calc((100% - 1280px) / 2)); display: grid; grid-template-columns: 1fr 1fr; align-items: center; column-gap: 32px; }
  .taste-heading { grid-column: 1; width: auto; margin: 0 0 0 32px; }
  .taste-heading h2, .places-heading h2 { font-size: 2.75rem; }
  .taste-photo { grid-column: 2; grid-row: 1 / 3; margin: 0; }
  .taste-photo picture { aspect-ratio: .85; }
  .taste-copy { grid-column: 1; width: auto; margin: 0 0 0 32px; }
  .taste-link { max-width: 320px; }
  .home-place-list { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; padding-inline: 24px; max-width: 1280px; margin-inline: auto; }
  .home-place .wrap { width: 100%; }
  .place-heading { flex-wrap: wrap; gap: 10px; }
  .place-alias { width: 100%; margin-left: 0; }
  .place-copy .actions { align-items: flex-start; flex-direction: column; }
  .mobile-booking { display: none; }
  body[data-page="home"] { padding-bottom: 0; }
  .home-story { padding-block: 72px; }
}
@media (min-width: 900px) {
  .opening-photo img { object-position: center 58%; }
  .home-opening { min-height: min(74svh, 740px); }
  .opening-title h1 { font-size: 6rem; }
  .opening-title { padding-top: 44px; }
  .opening-bottom { padding-bottom: 32px; }
  .opening-bottom small { right: 40px; bottom: 32px; }
  .taste-heading, .taste-copy { margin-left: 40px; }
  .taste-heading h2, .places-heading h2 { font-size: 3.25rem; }
  .home-taste { padding-block: 88px; gap: 28px 64px; }
  .taste-photo picture { aspect-ratio: 1.2; }
  .home-places { padding-top: 72px; }
  .home-place-list { padding-inline: 40px; gap: 48px; }
  .place-photo { aspect-ratio: 1.25; }
  .place-alias { width: auto; margin-left: auto; }
  .place-copy .actions { flex-direction: row; align-items: center; }
  .home-story .story-year { font-size: 6rem; }
}
.entrance-stage { position: absolute; inset: 0; z-index: 2; display: grid; grid-template-columns: minmax(0, 1fr); place-items: center; overflow: clip; contain: paint; pointer-events: none; }
.entrance-stage > svg { position: absolute; }
.entrance-reveal { position: absolute; inset: 0; }
.entrance-reveal img { width: 100%; height: 100%; object-fit: cover; object-position: 58% center; }
.entrance-reveal::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgb(0 0 0 / .15), transparent 40%, rgb(0 0 0 / .3)); }
@media (min-width: 900px) { .entrance-reveal img { object-position: center 58%; } }
.entrance-emblem { position: relative; width: min(52%, 230px); aspect-ratio: 1; overflow: hidden; }
/* Frame the original circular mark without tracing or altering the source asset. */
.entrance-emblem .entrance-logo { position: absolute; max-width: none; width: 302%; height: auto; left: -100.7%; top: -62.4%; filter: url(#kanji-transparent-gold); }

/* Extend the approved home language to the information pages without changing their content. */
body[data-page] .header-inner { flex-wrap: wrap; }
body[data-page] :is(.wordmark, .main-nav, .header-book) { flex-shrink: 0; }
body[data-page]:not([data-page="home"]) { background: #fafbf9; }
body[data-page]:not([data-page="home"]) .header-inner { display: flex; min-height: 64px; padding-block: 6px; gap: 16px; }
body[data-page]:not([data-page="home"]) .main-nav { margin-left: auto; gap: 18px; }
body[data-page]:not([data-page="home"]) .header-book { margin: 0; font-size: .75rem; padding: 10px; }
body[data-page]:not([data-page="home"]) .main-nav a:not(.nav-menu):not([href="/menu/"]) { display: none; }
body[data-page]:not([data-page="home"]) .wordmark strong { font-size: 1.25rem; }
body[data-page]:not([data-page="home"]) .wordmark small { font-size: .5625rem; }
html:has(body[data-page]) { scroll-padding-bottom: 10rem; }
body[data-page]:not([data-page="home"]) :is(a, button, input, summary) { scroll-margin-bottom: 10rem; }
body[data-page]:not([data-page="home"]) h2 { font-weight: 400; line-height: 1.2; }
.location-opening .hero-inner { min-height: min(66svh, 620px); align-items: end; padding-block: 100px 48px; }
.location-opening .hero-copy { max-width: 42rem; }
.location-opening .hero-copy h1 { font-size: 3rem; font-weight: 400; line-height: 1.06; }
.location-opening .hero-kicker { font-size: .75rem; margin-bottom: 12px; }
.location-opening .hero-description { font-size: .9375rem; margin-top: 14px; }
.location-opening .hero-picture img { object-position: center; }
.location-opening[data-place="lima"] .hero-picture img { object-position: 58% center; }
.location-opening::before { background: linear-gradient(180deg, transparent 15%, rgb(0 0 0 / .08) 30%, rgb(0 0 0 / .9)); }
.location-opening .hero-caption { background: transparent; bottom: 10px; font-size: .625rem; }
.location-opening .actions { gap: 10px 20px; margin-top: 20px; }
.location-opening .text-link { font-size: .8125rem; font-weight: 400; }
body[data-page]:not([data-page="home"]) .breadcrumbs { padding-block: 16px; font-size: .75rem; color: #555956; }
.visit-section { gap: 36px; padding-block: 16px 48px; scroll-margin-top: 16px; }
.visit-intro h2 { font-size: 2rem; margin-bottom: 20px; }
.visit-intro p { font-size: .9375rem; }
.visit-intro .actions { margin-top: 24px; }
.visit-details { padding-top: 24px; border-top: 1px solid #cbd1c7; gap: 24px; }
.visit-details h3 { font-size: 1.125rem; font-weight: 500; }
.visit-details address { font-size: 1rem; }
.visit-details .text-link { font-size: .875rem; }
.hours { font-size: .875rem; }
.hours caption { font-size: 1.125rem; }
.hours th, .hours td { padding-block: 12px; }
body[data-page]:not([data-page="home"]) .light { background: #edf0eb; }
body[data-page]:not([data-page="home"]) .image-frame { aspect-ratio: 1.2; }
body[data-page]:not([data-page="home"]) .feature-copy h2 { font-size: 2rem; }
body[data-page]:not([data-page="home"]) .feature-copy p { font-size: .9375rem; }
body[data-page]:not([data-page="home"]) .button:not(.header-book):not(.button-ghost) { background: #18231d; color: white; border-radius: 0; }
body[data-page]:not([data-page="home"]) .hero .button { background: #b08a3c; color: #0a0a0a; }
.other-location { background: #edf0eb; padding: 28px 24px; margin-bottom: 48px; border: none; }
.other-location h2 { font-size: 1.5rem; }
.other-location p { font-size: .875rem; }
.other-location .text-link { margin-top: 12px; }
.menu-intro { padding-block: 8px 28px; }
.menu-intro > p:first-child { font-size: .75rem; }
.menu-intro h1 { font-size: 3rem; font-weight: 400; line-height: 1.06; margin-block: 16px; }
.menu-intro > p:last-child { font-size: .9375rem; max-width: 46ch; }
.menu-lead { gap: 24px; }
.menu-lead figure { aspect-ratio: 1.45; }
.menu-lead h2 { font-size: 1.75rem; }
.menu-lead p { font-size: .9375rem; }
.menu-lead .allergen-note { font-size: .8125rem; }
body[data-page="menu"] .section { padding-block: 36px 48px; }
.menu-controls { padding-block: 20px 24px; border-block: 1px solid #cbd1c7; }
.menu-controls label { font-size: .875rem; font-weight: 500; }
#menu-search { border-color: #7b8379; border-radius: 0; font-size: 1rem; }
.filters { gap: 8px; }
.filters button { font-size: .8125rem; border-radius: 0; padding: 10px 12px; }
.filters button[aria-pressed="true"] { background: #18231d; }
.menu-results { padding-block: 18px; font-size: .75rem; }
.menu-category { padding-block: 28px 32px; }
.menu-category h2 { color: #38533c; font-size: 1.75rem; margin-bottom: 24px; }
.dish-list { gap: 20px 40px; }
.dish { padding-bottom: 18px; border-bottom: 1px solid #e1e5de; }
.dish h3 { font-size: 1.125rem; font-weight: 500; }
.dish p { font-size: .875rem; line-height: 1.65; }
body[data-page="menu"] .booking-strip { background: #18231d; }
body[data-page="menu"] .booking-strip .button { border: 1px solid #a2b19c; }
@media (min-width: 600px) {
  body[data-page]:not([data-page="home"]) .main-nav a:not(.nav-menu):not([href="/menu/"]) { display: inline-flex; }
  body[data-page]:not([data-page="home"]) .header-book { font-size: .875rem; padding-inline: 18px; }
  .location-opening .hero-copy h1 { font-size: 4rem; }
  .visit-details { grid-template-columns: 1fr 1fr; gap: 32px; }
  .menu-intro h1 { font-size: 4rem; }
  .menu-lead { grid-template-columns: 1.1fr 1fr; gap: 32px; }
}
@media (min-width: 900px) {
  .location-opening .hero-inner { min-height: min(66svh, 660px); padding-bottom: 64px; }
  .location-opening .hero-copy h1 { font-size: 4.5rem; }
  .location-opening .hero-description { font-size: 1.125rem; }
  .location-opening .hero-picture img { object-position: center 58%; }
  .visit-section { padding-block: 40px 72px; gap: 72px; }
  .visit-intro h2 { font-size: 2.75rem; }
  .visit-details { grid-template-columns: 1fr; padding-top: 0; border-top: 0; }
  body[data-page]:not([data-page="home"]) .feature-copy h2 { font-size: 2.75rem; }
  .other-location { padding: 36px 40px; }
  .menu-intro { padding-bottom: 40px; }
  .menu-intro h1 { font-size: 4.5rem; }
  .menu-lead { gap: 64px; }
  .menu-lead h2 { font-size: 2.5rem; }
  body[data-page="menu"] .section { padding-block: 48px 64px; }
  .menu-category { padding-block: 32px; }
  .menu-category h2 { font-size: 1.625rem; }
}

/* Dark information bands alternate with photographs and light reading areas. */
.visit-band, .menu-catalog { background: var(--surface-deep); color: var(--on-deep); }
.visit-band { scroll-margin-top: 16px; }
.visit-band .visit-section { padding-block: 36px 44px; }
.visit-band .visit-intro p, .visit-band .visit-details p { color: var(--on-deep-muted); }
.visit-band .visit-details, .visit-band .hours th, .visit-band .hours td { border-color: #465143; }
.visit-band .hours caption, .visit-band .visit-details h3 { color: var(--accent-light); }
.visit-band .hours th { width: 55%; }
.visit-band .hours td { font-variant-numeric: tabular-nums; }
body[data-page] .visit-band .button:not(.header-book):not(.button-ghost) { background: var(--accent-light); color: #141815; }
.menu-catalog .menu-category { border-color: #465143; }
.menu-catalog .menu-category h2 { color: var(--accent-light); }
.menu-catalog .dish { border-color: #354032; }
.menu-catalog .dish p, .menu-catalog .menu-results { color: var(--on-deep-muted); }
.menu-catalog .menu-controls { border-color: #465143; }
.menu-catalog .filters button { color: var(--on-deep); border-color: #84907e; background: transparent; }
.menu-catalog .filters button[aria-pressed="true"] { color: #141815; background: var(--accent-light); border-color: var(--accent-light); }
.menu-catalog .empty-state { border-color: #465143; }
body[data-page] .menu-catalog .empty-state .button:not(.header-book):not(.button-ghost) { background: var(--accent-light); color: #141815; }
.mobile-booking { background: var(--surface-deep); color: var(--on-deep); border-color: #465143; }
:is(.visit-band, .menu-catalog, .mobile-booking) :focus-visible { outline-color: var(--accent-light); }
body[data-page] .mobile-booking .button:not(.header-book):not(.button-ghost) { background: var(--accent-light); color: #141815; }
@media (hover: hover) {
  .menu-catalog .filters button:hover { border-color: var(--accent-light); }
  body[data-page] :is(.visit-band,.menu-catalog,.mobile-booking) .button:not(.header-book):not(.button-ghost):hover { background: #e2cca1; color: #141815; }
}
@media (min-width: 900px) {
  .visit-band .visit-section { padding-block: 56px 64px; }
}

/* Keep a single booking control available while branch information is read. */
body:is([data-page="centrale"],[data-page="lima"]) .site-header { position: sticky; top: 0; z-index: 8; }
body:is([data-page="centrale"],[data-page="lima"]) .site-header .header-inner { gap: 12px; }
body:is([data-page="centrale"],[data-page="lima"]) .site-header .header-book { min-height: 44px; padding: 10px 12px; font-size: .875rem; border-radius: 3px; }
body:is([data-page="centrale"],[data-page="lima"]) .nav-menu { font-size: 14px; }
html:has(body:is([data-page="centrale"],[data-page="lima"])) { scroll-padding-top: calc(var(--branch-header-height,64px) + 16px); scroll-padding-bottom: 16px; }
body[data-page]:is([data-page="centrale"],[data-page="lima"]) :is(a,button,input,summary) { scroll-margin-bottom: 16px; }
.visit-band { scroll-margin-top: 0; }
body:is([data-page="centrale"],[data-page="lima"]) .visit-band .breadcrumbs { padding-block: 12px; min-height: 44px; color: var(--on-deep-muted); font-size: 14px; }
.visit-band .visit-section { display: block; padding-block: 16px 48px; }
.visit-band .visit-intro h2 { margin-bottom: 0; font-size: 28px; }
.visit-band .visit-alias { margin-top: 12px; font-size: 14px; }
.visit-band .visit-details { grid-template-columns: minmax(0,1fr); margin-top: 32px; padding-top: 0; border-top: 0; gap: 24px; }
.visit-band .visit-details > div + div { padding-top: 24px; border-top: 1px solid #465143; }
.visit-band .visit-details h3, .visit-band .hours caption { margin-bottom: 12px; font-size: 16px; font-weight: 500; line-height: 1.5; color: var(--accent-light); }
.visit-band .hours { max-width: 26rem; margin: 0; }
.visit-band .hours th { width: auto; }
.visit-band .hours td { width: 6em; white-space: nowrap; }
.visit-hours { container-type: inline-size; }
.visit-band .visit-address address { margin-bottom: 8px; font-size: 18px; line-height: 1.5; }
.visit-band .phone-number { min-height: 44px; font-size: 24px; font-weight: 500; font-variant-numeric: tabular-nums; }
@media (min-width: 900px) {
 .visit-band .visit-section { padding-block: 24px 64px; }
 .visit-band .visit-intro h2 { font-size: 36px; }
 .visit-band .visit-details { grid-template-columns: 1.3fr 1fr .8fr; gap: 40px; }
 .visit-band .visit-details > div + div { padding-top: 0; padding-left: 32px; border-top: 0; border-left: 1px solid #465143; }
}
@container (max-width: 16em) {
 .visit-hours .hours, .visit-hours .hours tbody, .visit-hours .hours tr { display: block; }
 .visit-hours .hours tr { padding-block: 16px; border-bottom: 1px solid #465143; }
 .visit-hours .hours th, .visit-hours .hours td { display: block; width: auto; padding: 0; border: 0; text-align: left; }
 .visit-hours .hours th { margin-bottom: 8px; overflow-wrap: normal; word-break: normal; }
}