/* Give the existing arched composition room on desktop monitors. */
@media (min-width: 1001px) {
  body:not(.menu-page-active):not(.booking-page-active):not(.profile-page-active) .topbar {
    height: 84px;
    padding-inline: max(48px, calc((100vw - 1440px) / 2));
  }

  body:not(.menu-page-active):not(.booking-page-active):not(.profile-page-active) .topbar .brand {
    font-size: clamp(26px, 1.8vw, 36px);
  }

  body:not(.menu-page-active):not(.booking-page-active):not(.profile-page-active) .topbar .top-link {
    font-size: clamp(21px, 1.5vw, 28px);
  }

  .reference-home .ref-hero {
    padding-top: 86px;
  }

  .reference-home .ref-masthead {
    width: min(720px, 44vw);
    margin-bottom: clamp(18px, 1.5vw, 30px);
  }

  .reference-home .ref-year {
    bottom: clamp(8px, .8vw, 16px);
    font-size: clamp(24px, 1.8vw, 34px);
    gap: 20px;
  }

  .reference-home .ref-year i {
    width: clamp(42px, 3.5vw, 64px);
  }

  .reference-home .ref-cuisine {
    font-size: clamp(20px, 1.5vw, 28px);
  }

  .reference-home .ref-photo-frame {
    width: min(1360px, 72vw, max(920px, calc((100svh - 380px) * 1.6)));
    padding: 6px;
  }

  .reference-home .ref-photo-window {
    aspect-ratio: 1.55;
  }

  .reference-home .ref-menu-button {
    bottom: 30px;
    min-height: 58px;
    padding: 12px 36px;
    font-size: clamp(24px, 1.7vw, 32px);
  }

  .reference-home .ref-table {
    width: min(1360px, calc(100% - 112px));
    gap: 20px 64px;
  }

  .reference-home .ref-table-title {
    font-size: clamp(76px, 6vw, 112px);
  }

  .reference-home .ref-table-copy p {
    max-width: 400px;
    font-size: clamp(20px, 1.4vw, 25px);
  }

  .reference-home .ref-dish-label {
    font-size: 16px;
    line-height: 1.4;
  }

  .reference-home .atelier-place,
  .reference-home .atelier-dolce {
    width: min(1360px, calc(100% - 112px));
  }

  .reference-home .atelier-place h2,
  .reference-home .atelier-dolce h2,
  .reference-home .atelier-visit h2 {
    font-size: clamp(48px, 4.2vw, 72px);
  }

  .reference-home .atelier-place-copy > p,
  .reference-home .atelier-dolce p,
  .reference-home .atelier-visit-info p {
    font-size: clamp(20px, 1.4vw, 25px);
  }

  .reference-home .atelier-visit {
    padding-inline: max(56px, calc((100vw - 1360px) / 2));
  }
}

/* Short laptop windows need a shallower photo to keep the menu action in view. */
@media (min-width: 1001px) and (max-height: 800px) {
  body:not(.menu-page-active):not(.booking-page-active):not(.profile-page-active) .topbar {
    height: 72px;
  }

  .reference-home .ref-hero {
    padding-top: 74px;
  }

  .reference-home .ref-masthead {
    width: min(560px, 44vw);
    margin-bottom: 12px;
  }

  .reference-home .ref-photo-frame {
    width: min(820px, 72vw);
  }

  .reference-home .ref-photo-window {
    aspect-ratio: 1.75;
  }

  .reference-home .ref-menu-button {
    bottom: 30px;
  }
}