html { scroll-behavior: smooth; }
* { -webkit-tap-highlight-color: transparent; }

:root{
  --brand-blue: #000000;
  --brand-blue-2: #111111;
  --brand-yellow: #ff7b00;
  --brand-yellow-2: #d66800;
  --ink: #ffffff;
}

.nav-blur{
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.hero-solid{
  background: var(--brand-blue);
}

.band-solid{
  background: var(--brand-blue-2);
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible {
  outline: 3px solid rgba(255, 230, 0, .45);
  outline-offset: 3px;
  border-radius: 12px;
}

.drawer-backdrop {
  background: rgba(2, 6, 23, .50);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}

@media (max-width: 767px){
  body { padding-bottom: 86px; }
}