@font-face {
  font-family: "Geist";
  src: url("/fonts/geist-variable.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}
@font-face {
  font-family: "Manrope";
  src: url("/fonts/manrope-400.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
* { box-sizing: border-box; }
:root {
  color-scheme: dark;
  background: #151615;
  color: #f2f1eb;
  --muted: #adaea4;
  --accent: #ef975d;
}
body {
  margin: 0;
  font-family: "Geist", system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
}
main {
  max-width: 45rem;
  margin: 0 auto;
  padding: clamp(4rem, 14vh, 9rem) 2rem 5rem;
}
h1 {
  margin: 0 0 3.5rem;
  color: var(--accent);
  font-family: "Manrope", sans-serif;
  font-size: 2rem;
  font-weight: 400;
  letter-spacing: -0.035em;
  line-height: 1.2;
}
p {
  margin: 0 0 1.5rem;
  color: var(--muted);
  font-size: 1.1875rem;
  line-height: 1.75;
}
.intro {
  margin-bottom: 2rem;
  color: #f2f1eb;
  font-size: clamp(1.5rem, 3.3vw, 1.875rem);
  line-height: 1.5;
  letter-spacing: -0.02em;
  text-wrap: pretty;
}
.status {
  margin-top: 3rem;
  padding-top: 1.5rem;
  border-top: 1px solid #3a3c36;
  color: var(--accent);
  font-size: 0.875rem;
  letter-spacing: 0;
}
::selection { color: #21170f; background: var(--accent); }
@media (max-width: 480px) {
  main { padding: 3.5rem 1.5rem 3rem; }
  h1 { margin-bottom: 2.75rem; font-size: 1.75rem; }
  p { font-size: 1.0625rem; line-height: 1.75; }
  .intro { margin-bottom: 1.75rem; line-height: 1.5; }
  .status { margin-top: 2.5rem; }
}