:root{
  --c-bg: #f2ece4;
  --c-surface: #eae1d5;
  --c-text: #221c28;
  --c-muted: #6a5f70;
  --c-line: color-mix(in srgb, #221c28 14%, transparent);
  --c-accent: #78378b;
  --c-accent-600: #6a3079;
  --c-accent-700: #5b2868;
  --c-accent-800: #431d4d;
  --c-accent-tint: #ece0f0;
  --c-accent-ink: #fdf9fb;
  --c-accent-soft: #ece0f0;
  --grad: #78378b;
  --f-body: "Literata", "PT Serif", Georgia, "Times New Roman", serif;
  --f-head: "Geologica", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
  --f-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
  --w-h1: 700;
  --w-h2: 700;
  --s-h1: clamp(29px, 5.0vw, 66px);
  --s-h2: clamp(23px, 3.1vw, 44px);
  --s-body: 18px;
  --r-card: 12px;
  --r-btn: 10px;
  --r-pill: 6px;
  --wrap: 1120px;
  --prose: 720px;
  --gap: 22px;
  --section: clamp(76px, 7.2vw, 114px);
  --shadow: 0 1px 2px rgba(43, 34, 51, .10), 0 4px 10px -4px rgba(43, 34, 51, .16), 0 18px 38px -22px rgba(43, 34, 51, .30);
  --border: 1px solid var(--c-line);
}
html{--layout: landing;}
body{--layout-name: "landing";}