/* Shared responsive header information for all public pages. */
.mobile-header-meta {
  display: none;
}

@media (max-width: 980px) {
  header .nav {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas:
      "site-meta site-meta"
      "site-brand site-actions";
    align-items: center;
    column-gap: 12px;
    row-gap: 7px;
    height: auto !important;
    min-height: 88px;
    padding-top: 7px;
    padding-bottom: 9px;
  }

  header .mobile-header-meta {
    grid-area: site-meta;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: 10px;
    width: 100%;
    padding-bottom: 5px;
    border-bottom: 1px solid currentColor;
    color: inherit;
    line-height: 1.35;
  }

  header .mobile-header-tagline {
    min-width: 0;
    font-family: inherit;
    font-size: clamp(7px, 2vw, 8.5px);
    font-weight: 700;
    letter-spacing: .01em;
    opacity: .62;
  }

  header .mobile-header-phone {
    color: inherit;
    font-family: inherit;
    font-size: clamp(12px, 3.5vw, 14px);
    font-weight: 900;
    line-height: 1;
    letter-spacing: .035em;
    text-decoration: none;
    white-space: nowrap;
  }

  header .mobile-header-phone::before {
    content: "TEL ";
    font-size: .62em;
    font-weight: 800;
    letter-spacing: .1em;
    opacity: .62;
  }

  header .nav > .brand {
    grid-area: site-brand;
    min-width: 0;
    justify-self: start;
  }

  header .nav > .nav-links,
  header .nav > .nav-right,
  header .nav > .nav-r,
  header .nav > .hamb,
  header .nav > .back {
    grid-area: site-actions;
    justify-self: end;
  }

  header .brand small {
    display: none !important;
  }

  header .nav-tel {
    display: none !important;
  }

  header .hamb {
    align-self: center;
    justify-self: end;
  }
}

@media (max-width: 380px) {
  header .nav {
    column-gap: 9px;
  }

  header .mobile-header-meta {
    gap: 7px;
  }

  header .mobile-header-tagline {
    font-size: 7px;
  }

  header .mobile-header-phone {
    font-size: 12px;
  }
}