/* Novaluz holding page (2026-10-29). Tokens from readout/brand/brand-guide.html: paper ground and
   navy text in light mode; navy ground with the reversed lockup in dark mode, teal as the light. */
@font-face { font-family: "IBM Plex Sans"; src: url("fonts/ibm-plex-sans-var.woff2") format("woff2");
  font-weight: 100 700; font-display: swap; }
@font-face { font-family: "Literata"; src: url("fonts/literata-var.woff2") format("woff2");
  font-weight: 200 900; font-display: swap; }

:root {
  --ground: #FBFAF8; --heading: #101A24; --text: #2C3742; --muted: #5F6972;
  --link: #1F7A74; --rule: #E2DFD9;
}
@media (prefers-color-scheme: dark) {
  :root {
    --ground: #0B2E4A; --heading: #FBFAF8; --text: #E6EDF2; --muted: #CBD3DA;
    --link: #6FC0BB; --rule: #3A5A74;
  }
}

* { box-sizing: border-box; }
html, body { height: 100%; }
body {
  margin: 0; background: var(--ground); color: var(--text);
  font-family: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  font-size: 17px; line-height: 1.55;
  display: flex; flex-direction: column; min-height: 100vh;
}
main {
  flex: 1; display: flex; flex-direction: column; justify-content: center;
  width: 100%; max-width: 560px; margin: 0 auto; padding: 48px 16px;
}
.logo { margin: 0 0 28px; line-height: 0; }
/* The lockup's viewBox starts 22.19 of 228.15 units left of the mark; pull it back so the mark
   lines up with the text below (31px at 320px wide). */
.logo img { width: 320px; max-width: 100%; height: auto; margin-left: -31px; }
.line {
  font-family: Literata, Georgia, serif; font-weight: 600; font-size: 26px; line-height: 1.25;
  color: var(--heading); margin: 0 0 12px;
}
.more { margin: 0; color: var(--text); }
footer {
  width: 100%; max-width: 560px; margin: 0 auto; padding: 20px 16px 32px;
  border-top: 1px solid var(--rule); color: var(--muted); font-size: 14px;
}
footer p { margin: 0 0 4px; }
a { color: var(--link); text-underline-offset: 2px; }
a:focus-visible { outline: 2px solid var(--link); outline-offset: 2px; }

@media (max-width: 480px) {
  .line { font-size: 22px; }
  body { font-size: 16px; }
}