/* PFully Loaded keeps its continuous food story; these controls let guests set the pace. */
.motion-ready:not(.reduced) .loaded-home .experience { height: 900svh; }
.loaded-home .site-header, .loaded-home .site-header.is-fixed { min-height: 96px; padding-top: 6px; padding-bottom: 6px; }
.loaded-home .site-header .brand, .loaded-home .site-header.is-fixed .brand { width: 131px; height: 84px; }
.loaded-home .site-header .brand img, .loaded-home .site-header.is-fixed .brand img { width: 153px; left: -11.5px; top: -10px; }
.loaded-home .site-header nav { gap: clamp(20px, 2.5vw, 38px); }
.opening-visit { display: inline-flex; min-height: 44px; align-items: center; gap: .5rem; font-size: 16px; color: #eee8dc; margin-top: 8px; text-decoration: none; }
.opening-visit:hover { text-decoration: underline; text-underline-offset: .25em; }
.loaded-home .opening-note { margin-top: 6px; }
.loaded-home .bite-intro { top: 22%; }
.loaded-home .bite-intro h1 { font-size: clamp(4.5rem, min(7.4vw, 12svh), 8.4rem) !important; }
.loaded-home .morning-copy { top: 21%; }
.loaded-home .chapter-copy .lede { max-width: 29ch; }
.dish-browse { display: none; position: absolute; top: 14px; right: 14px; z-index: 10; gap: 5px; padding: 4px; background: #181d26ed; border: 1px solid #d6b98485; border-radius: 28px; box-shadow: 0 5px 20px #0005; }
.motion-ready:not(.reduced) .dish-browse { display: flex; }
.dish-browse button { display: grid; place-items: center; min-width: 44px; min-height: 44px; border: 0; border-radius: 50%; font: 600 16px/1 var(--body, Arial, sans-serif); background: transparent; color: #fff9ec; cursor: pointer; }
.dish-browse button[aria-pressed="true"] { color: #202630; background: #d6b984; }
.dish-browse button:hover { outline: 1px solid #d6b984; }
.dish-browse button:focus-visible { outline: 2px solid white; outline-offset: 2px; }
.dish-browse [data-dish-replay] { font-size: 25px; border-left: 1px solid #d6b98455; border-radius: 0 50% 50% 0; }
.dish-browse [data-dish-replay][aria-disabled="true"] { color: #c2bdb0; opacity: .6; cursor: default; }
.dish-browse [data-dish-expand] { font-size: 22px; }
.loaded-home .dish-photo figcaption { font-size: 16px !important; line-height: 1.35; letter-spacing: .02em; }
.loaded-home .dish-photo figcaption .dish-label { display: block; }
.loaded-home .dish-photo figcaption .dish-origin { display: block; font-size: 16px; color: inherit; font-weight: 400; letter-spacing: 0; text-transform: none; margin-top: 3px; }
.journey-picker { display: none; }
.loaded-home .concept-imagery { margin-top: 2rem; padding-top: 1.2rem; border-top: 1px solid #d6b98455; color: #d7d2c8; max-width: 66ch; }
.concept-imagery summary { display: flex; align-items: center; min-height: 44px; cursor: pointer; font-size: 16px; }
.concept-imagery p { font-size: 16px; line-height: 1.65; margin-top: .75rem; }
.loaded-home .hours-note { max-width: 45ch; }
.loaded-home .burger-static-end figcaption { font-size: 16px; color: #d7d2c8; padding: 12px 0; }
.loaded-home .chapter-rail a { min-height: 44px; }
/* A quiet annotation beneath the burger, without a banner over the image. */
.motion-ready:not(.reduced) .loaded-home .burger-visual .burger-caption {
  left: 22px; right: 22px; bottom: 0; width: auto;
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: 6px; padding: 12px 0 4px; background: none;
  text-align: center; text-transform: none; letter-spacing: 0;
  line-height: 1.35; text-shadow: 0 1px 8px #181d26;
  pointer-events: none;
}
.loaded-home .burger-caption .burger-caption__cue {
  display: inline-flex; align-items: center; gap: 9px;
  font-size: 16px !important; font-weight: 500; color: #e0c291;
}
.loaded-home .burger-caption__cue svg { flex: 0 0 18px; }
.loaded-home .burger-caption .burger-caption__note {
  display: block; font-size: 16px !important; font-weight: 400; color: #c5c6c9;
}
.dish-view { width: min(1000px, 96vw); max-width: 96vw; max-height: 94dvh; padding: 20px; border: 1px solid #d6b98480; background: #202630; color: #fff9ec; }
.dish-view::backdrop { background: #080c12e8; }
.dish-view__head { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; margin-bottom: 14px; }
.dish-view__head > div { min-width: 0; overflow-wrap: anywhere; }
.dish-view h2 { font-size: clamp(1.8rem, 5vw, 2.7rem); }
.dish-view__head p { font-size: 16px; margin-top: 8px; }
.dish-view__close { width: 44px; height: 44px; flex: 0 0 44px; border: 1px solid #d6b98480; border-radius: 50%; background: none; font-size: 26px; }
.dish-view__media { display: grid; place-items: center; min-height: 0; }
.dish-view__media img, .dish-view__media video { display: block; width: 100%; max-width: 100%; height: min(65dvh, 640px); object-fit: contain; }
body.dish-view-open { overflow: hidden; }
@media(min-width:741px) and (max-height:800px) {
  .loaded-home .bite-intro { top: 19%; }
  .loaded-home .bite-intro h1 { font-size: clamp(3.8rem, 11svh, 7rem) !important; }
  .loaded-home .bite-intro .lede { margin-block: 12px 16px; }
  .loaded-home .morning-copy { top: 18%; }
  .loaded-home .morning-copy h2 { font-size: clamp(3.4rem, 9svh, 5rem) !important; }
}
@media(max-width:740px) {
  .loaded-home .site-header, .loaded-home .site-header.is-fixed { height: 94px; min-height: 94px; padding-block: 5px; }
  .loaded-home .bite-intro { top: 105px; }
  .loaded-home .bite-intro h1 { font-size: clamp(3.6rem, 14vw, 5.5rem) !important; }
  .loaded-home .opening-visit { display: none; }
  .loaded-home .morning-copy { top: 105px; }
  .motion-ready:not(.reduced) .loaded-home .feast-chapter .menu-picks,
  .motion-ready:not(.reduced) .loaded-home .morning-chapter .menu-picks { display: none; }
  .motion-ready:not(.reduced) .loaded-home .dinner-plane { top: var(--loaded-food-top, max(268px, 33svh)); bottom: 70px; transform: none !important; }
  .motion-ready:not(.reduced) .loaded-home .brunch-plane { top: var(--loaded-brunch-top, max(322px, 39svh)); bottom: 70px; transform: none !important; }
  .motion-ready:not(.reduced) .loaded-home .burger-visual { top: var(--loaded-burger-top, 31%); bottom: 66px; }
  .motion-ready:not(.reduced) .loaded-home .dish-photo figcaption { display: block; padding: 18px 18px 10px; background: linear-gradient(0deg,#111720f2,#111720b0 64%,transparent); }
  .motion-ready:not(.reduced) .loaded-home .dish-photo figcaption>span:first-child { font-size: 16px !important; letter-spacing: .01em; }
  .motion-ready:not(.reduced) .loaded-home .dish-photo figcaption>span:last-child { display: none; }
  .dish-browse { top: 10px; right: 10px; }
  .motion-ready:not(.reduced) .loaded-home .chapter-rail { left: 16px; right: 16px; bottom: 8px; padding: 0; border: 0; min-height: 48px; display: block; }
  .loaded-home .chapter-rail>a, .loaded-home .chapter-rail .journey-progress, .loaded-home .chapter-rail .rail-hint { display: none !important; }
  .journey-picker { display: grid; grid-template-columns: 44px minmax(0, 1fr) 44px; align-items: center; gap: 8px; color: #f5f0e4; }
  .journey-picker select { appearance: auto; min-width: 0; width: 100%; height: 44px; padding: 8px 10px; border: 1px solid #d6b98465; border-radius: 4px; background: #202630; color: inherit; font: 600 16px/1.3 Arial,sans-serif; cursor: pointer; }
  .journey-picker button { width: 44px; height: 44px; border-radius: 50%; border: 1px solid #d6b98465; background: #202630; color: inherit; font: 22px/1 Arial,sans-serif; cursor: pointer; }
  .journey-picker button[aria-disabled="true"] { opacity: .4; cursor: default; }
  .journey-picker :focus-visible { outline: 2px solid #d6b984; outline-offset: 2px; }
  .loaded-home .mobile-dock>* { font-size: 16px !important; }
  .loaded-home .concept-imagery { margin-bottom: 2rem; }
}
@media(max-width:740px) and (max-height:740px) {
  .loaded-home .bite-intro h1 { font-size: clamp(3rem, 13vw, 4.3rem) !important; }
  .loaded-home .bite-intro .lede { margin-top: 10px; }
  .loaded-home .morning-copy h2, .loaded-home .feast-copy h2 { font-size: clamp(2.4rem, 11vw, 3.5rem) !important; }
  .loaded-home .morning-copy .eyebrow, .loaded-home .feast-copy .eyebrow { margin-bottom: 8px; }
}
html.reduced .loaded-home .opening-visit, html:not(.motion-ready) .loaded-home .opening-visit { display: inline-flex; }
html.reduced .loaded-home .bite-intro, html:not(.motion-ready) .loaded-home .bite-intro,
html.reduced .loaded-home .morning-copy, html:not(.motion-ready) .loaded-home .morning-copy { top: auto; }

/* Automatic reduced motion gets a composed page, with ordinary document flow. */
html:is(.reduced, :not(.motion-ready)) .loaded-home .chapter { padding: 72px var(--pad); }
html:is(.reduced, :not(.motion-ready)) .loaded-home .chapter-copy { min-width: 0; inset: auto; }
html:is(.reduced, :not(.motion-ready)) .loaded-home .chapter-copy :is(h1, h2) { overflow-wrap: anywhere; }
html:is(.reduced, :not(.motion-ready)) .loaded-home .people-award { flex-wrap: wrap; max-width: 100%; }
html:is(.reduced, :not(.motion-ready)) .loaded-home .people-award > span { min-width: 0; overflow-wrap: anywhere; }
html:is(.reduced, :not(.motion-ready)) .loaded-home .menu-picks a { flex-wrap: wrap; }
html:is(.reduced, :not(.motion-ready)) .loaded-home .menu-picks a > span:first-child { min-width: 0; overflow-wrap: anywhere; }
html:is(.reduced, :not(.motion-ready)) .loaded-home .bite-chapter {
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  grid-template-areas: 'intro burger' 'details layers'; gap: 40px 5vw;
  align-items: center; padding-top: 145px;
}
html:is(.reduced, :not(.motion-ready)) .loaded-home .bite-intro { grid-area: intro; }
html:is(.reduced, :not(.motion-ready)) .loaded-home .bite-details { grid-area: details; margin: 0; }
html:is(.reduced, :not(.motion-ready)) .loaded-home .burger-visual { grid-area: burger; width: 100%; height: 520px; aspect-ratio: auto; margin: 0; }
html:is(.reduced, :not(.motion-ready)) .loaded-home .burger-static-end { grid-area: layers; width: 100%; margin: 0; }
html:is(.reduced, :not(.motion-ready)) .loaded-home .burger-static-end img { height: 440px; object-fit: contain; }
html:is(.reduced, :not(.motion-ready)) .loaded-home .burger-static-end figcaption { text-align: center; }
html:is(.reduced, :not(.motion-ready)) .loaded-home .ingredient-story { min-height: 0; }
html:is(.reduced, :not(.motion-ready)) .loaded-home .feast-chapter,
html:is(.reduced, :not(.motion-ready)) .loaded-home .morning-chapter {
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  grid-template-areas: 'copy picks' 'photos photos'; gap: 36px 5vw; align-items: center;
}
html:is(.reduced, :not(.motion-ready)) .loaded-home :is(.feast-copy, .morning-copy) { grid-area: copy; }
html:is(.reduced, :not(.motion-ready)) .loaded-home .menu-picks { grid-area: picks; inset: auto; width: 100%; margin: 0; }
html:is(.reduced, :not(.motion-ready)) .loaded-home :is(.dinner-plane, .brunch-plane) { grid-area: photos; margin: 0; }
html:is(.reduced, :not(.motion-ready)) .loaded-home .brunch-plane .photo-stack { grid-template-columns: repeat(3, minmax(0, 1fr)); }
html:is(.reduced, :not(.motion-ready)) .loaded-home .dish-photo { min-width: 0; display: flex; flex-direction: column; }
html:is(.reduced, :not(.motion-ready)) .loaded-home .dish-photo img { position: relative; width: 100%; height: clamp(260px, 32vw, 430px); object-fit: contain; }
html:is(.reduced, :not(.motion-ready)) .loaded-home .dish-photo figcaption { display: block; height: auto; min-height: 0; padding: 18px; flex: 1; }
html:is(.reduced, :not(.motion-ready)) .loaded-home .dish-photo figcaption > span:last-child { display: block; margin-top: 10px; }
html:is(.reduced, :not(.motion-ready)) .loaded-home :is(.pour-chapter, .room-chapter, .street-chapter) {
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);
  grid-template-areas: 'copy photo' 'location photo'; gap: 28px 5vw; align-items: center;
}
html:is(.reduced, :not(.motion-ready)) .loaded-home :is(.pour-copy, .room-copy, .street-copy) { grid-area: copy; }
html:is(.reduced, :not(.motion-ready)) .loaded-home :is(.pour-plane, .chapter-image) { grid-area: photo; width: 100%; margin: 0; }
html:is(.reduced, :not(.motion-ready)) .loaded-home :is(.pour-plane, .chapter-image) img { width: 100%; height: auto; }
html:is(.reduced, :not(.motion-ready)) .loaded-home .room-location { grid-area: location; margin: 0; }
html:is(.reduced, :not(.motion-ready)) .loaded-home .celebration-photo { max-width: 1040px; margin-inline: auto; }
@media (max-width: 900px) {
  html:is(.reduced, :not(.motion-ready)) .loaded-home .chapter { padding: 48px 22px; }
  html:is(.reduced, :not(.motion-ready)) .loaded-home .bite-chapter { grid-template-columns: minmax(0, 1fr); grid-template-areas: 'intro' 'burger' 'details' 'layers'; padding-top: 124px; gap: 24px; }
  html:is(.reduced, :not(.motion-ready)) .loaded-home .burger-visual { height: min(110vw, 500px); }
  html:is(.reduced, :not(.motion-ready)) .loaded-home .burger-static-end img { height: min(110vw, 440px); }
  html:is(.reduced, :not(.motion-ready)) .loaded-home :is(.feast-chapter, .morning-chapter) { grid-template-columns: minmax(0, 1fr); grid-template-areas: 'copy' 'photos' 'picks'; }
  html:is(.reduced, :not(.motion-ready)) .loaded-home .photo-stack,
  html:is(.reduced, :not(.motion-ready)) .loaded-home .brunch-plane .photo-stack { grid-template-columns: minmax(0, 1fr); }
  html:is(.reduced, :not(.motion-ready)) .loaded-home .dish-photo img { height: auto; max-height: 500px; }
  html:is(.reduced, :not(.motion-ready)) .loaded-home :is(.pour-chapter, .room-chapter, .street-chapter) { grid-template-columns: minmax(0, 1fr); grid-template-areas: 'copy' 'photo' 'location'; }
}
