* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body.wngs-site {
  margin: 0;
  background: var(--wn-color-paper);
  color: var(--wn-color-ink);
  font-family: var(--wn-font-body);
  line-height: var(--wn-line-body);
}
a { color: inherit; }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
  outline: 3px solid var(--wn-color-teal);
  outline-offset: 3px;
}
h1, h2 {
  font-family: var(--wn-font-heading);
  font-weight: var(--wn-font-weight-regular);
  letter-spacing: var(--wn-letter-spacing-none);
  line-height: .95;
  margin: 0;
}
h1 { font-size: clamp(3.6rem, 7vw, 7rem); }
h2 { font-size: clamp(2.2rem, 4vw, 3.5rem); }
.wngs-skip-link {
  position: fixed;
  left: var(--wn-space-5);
  top: -60px;
  z-index: 100;
  background: var(--wn-color-paper);
  padding: var(--wn-space-4) var(--wn-space-6);
}
.wngs-skip-link:focus { top: var(--wn-space-5); }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}
