:root {
  --yellow: #ff4500;
}

a:focus-visible,
button:focus-visible,
summary:focus-visible {
  outline-color: #ff4500;
}

.site-header nav a:hover,
.text-link:hover,
.legal-page .eyebrow,
.legal-page a:hover {
  color: #ff4500;
}

.button-yellow:hover,
.gear-link:hover {
  background: #ff4500;
}

.disclosure {
  border-color: #ff4500;
}

.site-header {
  height: 108px;
}

.brand {
  flex: 0 0 auto;
}

.brand-logo {
  width: 130px;
  height: 92px;
  object-fit: contain;
}

@media (max-width: 1100px) {
  .brand-logo {
    width: 118px;
    height: 84px;
  }
}

@media (max-width: 640px) {
  .site-header {
    height: auto;
    min-height: 106px;
  }

  .brand-logo {
    width: 95px;
    height: 68px;
  }
}