@font-face {
  font-family: "Yellowtail";
  src: url("/fonts/Yellowtail-Regular.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
:root {
  color-scheme: dark;
  font-family: system-ui, sans-serif;
  background: #000;
  color: #fff;
}
* { box-sizing: border-box; }
body { margin: 0; }
main { min-height: 100svh; display: flex; flex-direction: column; justify-content: center; padding: clamp(2rem, 8vw, 8rem); }
h1 { font-family: "Yellowtail", cursive; font-weight: 400; font-size: clamp(3rem, 10vw, 8rem); line-height: 1; letter-spacing: normal; margin: 1rem 0; }
p { font-size: 1.2rem; }
.eyebrow { text-transform: uppercase; letter-spacing: 0.15em; }
.skip-link { position: absolute; top: 1rem; left: 1rem; color: inherit; transform: translateY(-200%); }
.skip-link:focus { transform: none; }