@font-face {
  font-family: Anton;
  src: url("/assets/fonts/anton-regular.ttf") format("truetype");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Space Grotesk";
  src: url("/assets/fonts/space-grotesk-regular.ttf") format("truetype");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Space Grotesk";
  src: url("/assets/fonts/space-grotesk-semibold.ttf") format("truetype");
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: "Space Grotesk";
  src: url("/assets/fonts/space-grotesk-bold.ttf") format("truetype");
  font-weight: 700;
  font-display: swap;
}
:root {
  color-scheme: dark;
  --ink: #141414;
  --paper: #faf9f6;
  --magenta: #c51162;
  font-family: "Space Grotesk", sans-serif;
  background: var(--ink);
  color: var(--paper);
  font-synthesis: none;
}
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; min-height: 100svh; display: flex; flex-direction: column; font-size: 1rem; line-height: 1.6; }
a { color: inherit; text-underline-offset: .25em; }
a:hover { text-decoration-thickness: 2px; }
a:focus-visible { outline: 3px solid var(--paper); outline-offset: 6px; }
.holding { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 2rem 1rem; }
.wordmark { font-family: Anton, sans-serif; font-weight: 400; font-size: min(clamp(3.75rem, 11vw, 10rem), 16vw); letter-spacing: .01em; line-height: 1.15; white-space: nowrap; padding: .9em; margin: 0; text-decoration: none; }
.contact { display: inline-flex; align-items: center; justify-content: space-between; gap: 2.5rem; padding: 1rem 1.5rem; min-height: 56px; background: var(--magenta); color: var(--paper); font-weight: 600; text-decoration: none; }
.contact:hover { background: #ab0f55; }
.contact span { font-size: 1.5rem; line-height: 1; }
.footer { padding: 1.5rem max(1.5rem, env(safe-area-inset-right)) max(1.5rem, env(safe-area-inset-bottom)); }
.footer nav { display: flex; flex-wrap: wrap; justify-content: center; gap: .25rem 1.5rem; }
.footer a { color: #c5c2bb; display: inline-flex; align-items: center; min-height: 44px; }
.footer a[aria-current="page"] { color: var(--paper); }
.header { padding: 0 max(0rem, calc((100% - 64rem) / 2)); }
.wordmark-small { display: inline-block; font-size: min(2.25rem, 11.25vw); }
.document { width: min(100% - 3rem, 44rem); margin: 1.5rem auto 5rem; flex: 1; }
.document h1 { font-size: clamp(2rem, 7vw, 3.5rem); font-weight: 700; line-height: 1.15; margin: 0 0 2rem; overflow-wrap: anywhere; }
.document p { max-width: 60ch; }
.document a { overflow-wrap: anywhere; }
.label { font-weight: 600; text-transform: uppercase; letter-spacing: .16em; }
.notice { font-weight: 600; }
.skip-link { position: absolute; left: 1rem; top: -8rem; background: var(--paper); color: var(--ink); padding: .75rem 1rem; }
.skip-link:focus { top: 1rem; }