.skip-link {
  position: fixed;
  top: 12px;
  left: 12px;
  z-index: 10000;
  padding: 10px 14px;
  border-radius: 6px;
  background: #090d19;
  color: #fff;
  font: 600 14px/1.2 "Afacad Flux", sans-serif;
  text-decoration: none;
  transform: translateY(-160%);
  transition: transform 0.16s ease;
}

.skip-link:focus-visible {
  transform: translateY(0);
  outline: 3px solid #fffd98;
  outline-offset: 2px;
}

.contact-hero__picture {
  display: block;
  width: 100%;
  height: 100%;
}

.contact-form__note a {
  color: inherit;
  font-weight: 500;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.contact-form__note a:focus-visible,
.contact-select__option:focus-visible {
  outline: 2px solid #6265fe;
  outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
  .skip-link {
    transition: none;
  }
}