/* The supplied official logo has a wider aspect ratio than the prior asset. */
.site-header {
  position: sticky;
  top: 0;
  z-index: 20;
  height: 88px;
}

.brand {
  width: clamp(150px, 14vw, 190px);
}

nav {
  gap: clamp(28px, 3vw, 48px);
}

nav a,
.header-phone {
  font-size: 16px;
}

nav a:hover,
nav a:focus-visible {
  color: #0c5cab;
}

.hero {
  min-height: calc(100svh - 88px);
}

.section {
  scroll-margin-top: 88px;
}

.references-intro {
  grid-template-columns: 1fr;
}

@media (max-width: 760px) {
  .site-header {
    height: 68px;
  }

  .brand {
    width: 150px;
  }
}