/* The existing phone menu starts at 920px. Keep it untouched. */
@media (min-width:921px) {
  .site-header .header-row {
    width:min(1480px,calc(100% - 36px));
    gap:clamp(10px,1.4vw,24px);
  }
  .site-header .brand { flex:0 0 auto; min-width:0; }
  .site-header .brand strong { font-size:clamp(1.35rem,2vw,2rem); }
  .site-header .brand small { font-size:clamp(.58rem,.75vw,.75rem); letter-spacing:.11em; }
  .site-header .main-nav {
    flex:1 1 auto;
    min-width:0;
    display:flex;
    justify-content:space-between;
    gap:clamp(3px,.5vw,9px);
  }
  .site-header .main-nav>a {
    display:inline-flex;
    flex:0 0 auto;
    align-items:center;
    justify-content:center;
    min-height:42px;
    padding:8px clamp(6px,.65vw,11px);
    border:1px solid #d5ceca;
    border-radius:999px;
    background:#ffffff8c;
    color:#242121;
    font-size:clamp(11px,.83vw,13px);
    font-weight:780;
    line-height:1.15;
    text-align:center;
    white-space:nowrap;
    text-decoration:none;
  }
  .site-header .main-nav>a:hover,
  .site-header .main-nav>a:focus-visible {
    border-color:#a81420;
    background:#fff;
    color:#a81420;
  }
  .site-header .main-nav>a.button.primary {
    min-height:44px;
    padding:9px 18px;
    border-color:#a81420;
    background:#a81420;
    color:#fff;
    box-shadow:0 8px 22px #780b1630;
  }
  .site-header .main-nav>a.button.primary:hover { background:#861018; color:#fff; }
}

/* iPad landscape and compact laptops: two even rows, no broken words. */
@media (min-width:921px) and (max-width:1239px) {
  .site-header .header-row { min-height:120px; align-items:center; }
  .site-header .main-nav {
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:7px;
  }
  .site-header .main-nav>a {
    min-width:0;
    width:100%;
    min-height:40px;
    padding:8px 5px;
    font-size:11px;
  }
  .site-header .main-nav>a.button.primary { min-height:40px; padding:8px 5px; }
}