@font-face {
  font-family: "Allura";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/allura-latin-400.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--vhc-color-background);
  color: var(--vhc-color-text);
  font-family: var(--vhc-font-body);
  font-size: var(--vhc-text-base);
  font-weight: 300;
  line-height: var(--vhc-leading-body);
  text-rendering: optimizeLegibility;
}
img, svg { display: block; max-width: 100%; height: auto; }
a { color: var(--vhc-color-primary); text-decoration-thickness: 0.0625rem; text-underline-offset: 0.2em; }
a:hover { color: var(--vhc-color-primary-dark); }
:where(a, button, input, textarea, select, summary, [tabindex]):focus-visible { outline: 0.1875rem solid var(--vhc-color-focus); outline-offset: 0.1875rem; }
button, input, textarea, select { font: inherit; }
button, [type="button"], [type="submit"], [type="reset"] { cursor: pointer; }
:where(button, input, textarea, select):disabled { cursor: not-allowed; opacity: 0.6; }
iframe { max-width: 100%; border: 0; }
::selection { background: var(--vhc-color-accent-soft); color: var(--vhc-color-text); }

.skip-link {
  position: fixed; top: var(--vhc-space-3); left: var(--vhc-space-3); z-index: calc(var(--vhc-z-header) + 1);
  padding: var(--vhc-space-3) var(--vhc-space-4); background: var(--vhc-color-white); color: var(--vhc-color-primary-dark);
  transform: translateY(-200%);
}
.skip-link:focus { transform: translateY(0); }