@import url("/assets/backgrounds.css");

/* The original theme and fonts are retained; these rules support the static page. */
.header { background-color: #0e0d2c; z-index: 20; }
.js .header:not(.is-scrolled) { background-color: transparent; }

.skip-link {
  position: fixed;
  z-index: 100;
  top: 0.5rem;
  left: 0.5rem;
  padding: 0.75rem 1rem;
  color: #0e0d2c;
  background: #fff;
  transform: translateY(-200%);
}

.skip-link:focus {
  transform: translateY(0);
}

a:focus-visible {
  outline: 3px solid #b18cf5;
  outline-offset: 4px;
}

#services, #careers, #about-us {
  scroll-margin-top: 8.5rem;
}

@media (min-width: 48rem) {
  #services, #careers, #about-us { scroll-margin-top: 5rem; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .header { transition: none; }
}