@media (min-width: 761px) {
  header {
    display: grid !important;
    width: 100%;
    min-height: 0 !important;
    padding: 18px 5.2vw 0 !important;
    grid-template-columns: auto minmax(24px, 1fr) auto;
    grid-template-rows: auto auto;
    column-gap: 30px !important;
    row-gap: 14px !important;
  }

  .brand {
    grid-column: 1;
    grid-row: 1;
    align-self: center;
    font-size: 23px !important;
    letter-spacing: .01em;
  }

  .contact-nav {
    display: flex !important;
    grid-column: 3;
    grid-row: 1;
    align-items: center;
    justify-self: end;
    gap: 13px !important;
  }

  .contact-nav > a:nth-child(-n+3) {
    color: #343034;
    font-size: 14px !important;
  }

  .contact-nav > a:nth-child(n+4) {
    color: #6b6669;
    font-family: "Montserrat", Arial, sans-serif !important;
    font-size: 11px !important;
    font-weight: 500;
    line-height: 1;
    letter-spacing: .1em;
  }

  .contact-nav > a:nth-child(4) {
    margin-left: 8px;
    padding-left: 18px !important;
    border-left: 1px solid #d8d3d5;
  }

  .contact-nav > a.active-language {
    color: #342a2f;
    font-weight: 700;
    text-decoration: underline;
    text-decoration-color: #aa8998;
    text-decoration-thickness: 1px;
    text-underline-offset: 4px;
  }

  .section-nav {
    display: flex !important;
    width: 100%;
    margin-left: 0 !important;
    padding: 13px 0 16px;
    border-top: 1px solid #e5e1e3;
    grid-column: 1 / -1;
    grid-row: 2;
    justify-content: center !important;
    gap: clamp(36px, 6vw, 86px) !important;
  }

  .section-nav a {
    font-size: 15px !important;
    font-weight: 400;
    letter-spacing: .025em;
    white-space: nowrap;
  }

  .section-nav a.active {
    color: #765b68;
    text-decoration: underline;
    text-decoration-color: #aa8998;
    text-decoration-thickness: 1px;
    text-underline-offset: 6px;
  }
}

@media (max-width: 760px) {
  header {
    width: 100%;
    max-width: 100vw;
    padding: 12px 14px !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    column-gap: 10px !important;
    row-gap: 8px !important;
  }

  .brand {
    min-width: 0;
    overflow: hidden;
    font-size: clamp(16px, 4.7vw, 19px) !important;
    letter-spacing: -.015em;
    text-overflow: clip;
    white-space: nowrap;
  }

  .contact-nav {
    display: grid !important;
    width: 116px;
    grid-template-columns: repeat(4, 26px);
    grid-template-rows: auto 1px auto;
    gap: 4px;
    justify-content: end;
    justify-items: center;
  }

  .contact-nav::before {
    content: "";
    width: 100%;
    border-top: 1px solid #dedede;
    grid-column: 1 / -1;
    grid-row: 2;
  }

  .contact-nav > a:nth-child(1) { grid-column: 1; grid-row: 1; }
  .contact-nav > a:nth-child(2) { grid-column: 2; grid-row: 1; }
  .contact-nav > a:nth-child(3) { grid-column: 3; grid-row: 1; }

  .contact-nav > a:nth-child(4),
  .contact-nav > a:nth-child(5),
  .contact-nav > a:nth-child(6),
  .contact-nav > a:nth-child(7) {
    padding: 2px 0 !important;
    color: #666;
    font-family: "Montserrat", Arial, sans-serif !important;
    font-size: 10px !important;
    font-weight: 500;
    line-height: 1;
    letter-spacing: .08em;
    grid-row: 3;
  }

  .contact-nav > a:nth-child(4) { grid-column: 1; }
  .contact-nav > a:nth-child(5) { grid-column: 2; }
  .contact-nav > a:nth-child(6) { grid-column: 3; }
  .contact-nav > a:nth-child(7) { grid-column: 4; }

  .contact-nav > a.active-language {
    color: #342a2f;
    font-weight: 700;
    text-decoration: underline;
    text-decoration-color: #aa8998;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
  }

  .section-nav {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    gap: 5px !important;
    justify-content: space-between !important;
    overflow: hidden;
  }

  .section-nav a {
    min-width: 0;
    font-size: clamp(11px, 3.2vw, 14px) !important;
    white-space: nowrap;
  }
}