@font-face { font-family: Inter; font-weight: 400; font-display: swap; src: url(/fonts/Inter-Regular.woff2) format("woff2"); }
@font-face { font-family: Inter; font-weight: 600; font-display: swap; src: url(/fonts/Inter-SemiBold.woff2) format("woff2"); }
@font-face { font-family: Outfit; font-weight: 700; font-display: block; src: url(/fonts/Outfit-Bold.woff2) format("woff2"); }
:root {
  --bg: #0e0e0d;
  --ink: #f7f6f2;
  --muted: #8a877e;
  --line: #2a2926;
  --orange: #d9480f;
}
* { box-sizing: border-box; margin: 0; }
html { background: var(--bg); color-scheme: dark; }
body {
  min-height: 100vh;
  min-height: 100dvh;
  display: flex;
  flex-direction: column;
  padding: 40px 24px;
  background: var(--bg);
  color: var(--ink);
  font: 400 14px/1.6 Inter, system-ui, -apple-system, sans-serif;
  -webkit-font-smoothing: antialiased;
}
a { color: inherit; text-decoration: none; border-bottom: 1px solid var(--line); transition: border-color .15s; }
a:hover { border-color: var(--orange); }
.wrap { width: 100%; max-width: 640px; margin: 0 auto; }
main { flex: 1; display: flex; align-items: center; }
.mark {
  font: 700 clamp(44px, 9vw, 72px)/1 Outfit, Inter, sans-serif;
  letter-spacing: -0.03em;
}
.mark span { color: var(--orange); }
.mark a { border: 0; }
.tagline { margin-top: 20px; font-size: 17px; color: #cfccc4; }
.contact { margin-top: 28px; color: var(--muted); }
.contact a { color: var(--ink); }
footer { padding-top: 40px; color: var(--muted); font-size: 12px; }
footer p + p { margin-top: 6px; }
.legal { border-top: 1px solid var(--line); padding-top: 16px; }
.links { margin-top: 12px; display: flex; gap: 20px; }

/* inner pages */
.doc main { align-items: flex-start; padding-top: 48px; }
.doc .mark { font-size: 28px; }
.doc h1 { margin: 40px 0 8px; font: 600 22px/1.3 Inter, sans-serif; }
.doc h2 { margin: 28px 0 6px; font: 600 15px/1.4 Inter, sans-serif; }
.doc p, .doc li { color: #cfccc4; }
.doc ul { padding-left: 18px; }
.doc .meta { color: var(--muted); font-size: 12px; }
.email-link { cursor: pointer; }
.email-user::after { content: "@"; }
.doc .gap { margin-top: 28px; }
.units { margin-top: 28px; display: grid; grid-template-columns: max-content 1fr; gap: 10px 24px; font-size: 15px; }
.units dt { font-weight: 600; }
.units dd { color: #a9a69e; }
@media (max-width: 560px) {
  .units { grid-template-columns: 1fr; gap: 2px; }
  .units dd + dt { margin-top: 12px; }
}