@font-face {
  font-family: "Calibre";
  src: url("/assets/fonts/Calibre-Regular.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Calibre";
  src: url("/assets/fonts/Calibre-Semibold.woff2") format("woff2");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: "Calibre";
  src: url("/assets/fonts/Calibre-Bold.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}
:root {
  color-scheme: light dark;
  --surface: #ffffff;
  --ink: #171717;
  --muted: #626262;
}
* { box-sizing: border-box; }
html, body { min-height: 100%; }
body {
  margin: 0;
  background: var(--surface);
  color: var(--ink);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
main {
  width: min(88vw, 1040px);
  min-height: 100vh;
  margin: 0 auto;
  padding: clamp(42px, 8vw, 96px) 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 18vh;
}
.brand { width: min(230px, 62vw); height: auto; display: block; }
section { max-width: 720px; padding-bottom: clamp(18px, 6vh, 80px); }
.eyebrow {
  margin: 0 0 12px;
  color: var(--muted);
  font-size: 0.84rem;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
h1 {
  margin: 0;
  font-family: "Calibre", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: clamp(3.4rem, 10vw, 7.8rem);
  font-weight: 600;
  line-height: 0.88;
  letter-spacing: -0.035em;
}
.message { margin: 28px 0 0; color: var(--muted); font-size: clamp(1rem, 2vw, 1.2rem); line-height: 1.55; }
@media (prefers-color-scheme: dark) {
  :root { --surface: #0b0b0c; --ink: #f5f5f7; --muted: #a1a1a6; }
}