/* Adapted from the supplied header-polish.css, 2026-11-05.
 * Only the shared header is affected. Font fallbacks also support old pages
 * that do not define the Design framework's --sans / --serif variables.
 */
#grNav .gr-topbar,
#grNav .gr-topbar * {
  font-family: var(--sans, Arial, Helvetica, sans-serif) !important;
}
#grNav .gr-brand b {
  font-family: var(--serif, Georgia, "Times New Roman", serif) !important;
  font-weight: 400;
}

@media (min-width: 1101px) {
  #grNav .gr-nav {
    display: flex !important;
    gap: 24px;
  }
  #grNav .gr-brand {
    position: relative;
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  #grNav .gr-brand b {
    font-size: 22px !important;
    letter-spacing: .06em !important;
    line-height: 1 !important;
  }
  #grNav .gr-brand small {
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: 7px !important;
    font-size: 9.5px !important;
    font-weight: 500;
    letter-spacing: .32em !important;
    color: #a8a397 !important;
  }
  #grNav .gr-links {
    flex: 1;
    display: flex;
    justify-content: center;
  }
  #grNav .gr-links > a,
  #grNav .gr-links > div > a,
  #grNav .gr-links > div > button {
    font-size: 12.5px !important;
    font-weight: 500 !important;
    letter-spacing: .05em !important;
    color: #e4e1d8 !important;
    padding: 43px 9px !important;
  }
  #grNav .gr-links > a:hover,
  #grNav .gr-links > div > a:hover,
  #grNav .gr-links > div > button:hover {
    color: #fff !important;
  }
  #grNav .gr-start {
    flex: 0 0 auto;
    display: inline-flex !important;
    align-items: center;
    height: 44px !important;
    padding: 0 24px !important;
    background: #f4f1ea !important;
    color: #10100f !important;
    border: 1px solid #f4f1ea !important;
    font-size: 11.5px !important;
    font-weight: 600 !important;
    letter-spacing: .1em !important;
  }
  #grNav .gr-start:hover { background: #fff !important; }
}

/* The existing header adds an 11px menu gap at 1400px. Keep this
 * transition compact so all three columns retain their outer padding. */
@media (min-width: 1367px) and (max-width: 1439px) {
  #grNav .gr-links { gap: 0; }
}

@media (min-width: 1101px) and (max-width: 1366px) {
  #grNav .gr-nav { gap: 16px !important; }
  #grNav .gr-brand b { font-size: 19px !important; letter-spacing: .04em !important; }
  #grNav .gr-brand small { font-size: 8.5px !important; letter-spacing: .26em !important; }
  #grNav .gr-links > a,
  #grNav .gr-links > div > a,
  #grNav .gr-links > div > button {
    font-size: 11.5px !important;
    letter-spacing: .03em !important;
    padding: 43px 7px !important;
  }
  #grNav .gr-start { padding: 0 18px !important; font-size: 11px !important; }
}

@media (min-width: 1101px) and (max-width: 1200px) {
  #grNav .gr-nav { gap: 12px !important; padding-left: 20px !important; padding-right: 20px !important; }
  #grNav .gr-brand b { font-size: 17px !important; letter-spacing: .03em !important; }
  #grNav .gr-brand small { font-size: 8px !important; letter-spacing: .22em !important; }
  #grNav .gr-links > a,
  #grNav .gr-links > div > a,
  #grNav .gr-links > div > button {
    font-size: 11px !important;
    letter-spacing: .02em !important;
    padding: 43px 5px !important;
  }
  #grNav .gr-start { padding: 0 14px !important; font-size: 10.5px !important; letter-spacing: .06em !important; }
}