/* Match the arch to the source photograph, without a panoramic crop. */
.ref-hero { padding-bottom: 8px; }
.ref-photo-frame { padding: 5px; }
.ref-photo-window { height: auto; aspect-ratio: 1.3; }
.ref-photo-window img { object-position: 50% 30%; }
body.ready .ref-photo-window img { animation: none; }
.ref-photo-window::after { display: none; }
.ref-menu-button { bottom: 10px; min-height: 46px; padding: 9px 28px; }
.ref-transition { height: 80px !important; }
.ref-burrata { margin-top: 0; }
@media (min-width: 761px) {
  .ref-hero { padding-top: 70px; }
  .ref-masthead { width: min(480px, 58vw); margin-bottom: 14px; }
  .ref-year { bottom: 6px; font-size: 19px; gap: 14px; }
  .ref-year i { width: 36px; }
  .reference-home .ref-cuisine { font-size: 15px; letter-spacing: .18em; }
  .ref-photo-frame { width: min(920px, calc(100% - 96px), max(680px, calc((100svh - 330px) * 1.36))); }
  .ref-menu-button { font-size: 20px; }
}
@media (max-width: 760px) {
  .ref-hero { padding-top: 74px; padding-bottom: 8px; }
  .ref-masthead { width: min(440px, calc(100% - 48px)); margin-bottom: 17px; }
  .ref-year { font-size: 18px; bottom: 2px; }
  .ref-photo-frame { width: calc(100% - 28px); padding: 4px; }
  .ref-photo-window { aspect-ratio: 1.05; }
  .ref-photo-window img { object-position: 50% 30%; }
  .ref-menu-button { font-size: 19px; bottom: 12px; min-height: 44px; }
  .ref-transition { height: 60px !important; }
  .ref-burrata { margin-top: 0; }
}