/* Skin and Skinnier — consultation holding page.
   Deliberately plain and self-contained: no build step, no framework, no CDN.
   Replace this file and index.html with the real design when it's ready. */

:root {
  --bg: #faf8f6;
  --ink: #1c1b1a;
  --muted: #6f6a65;
  --rule: #e6e0da;
}

* { margin: 0; padding: 0; box-sizing: border-box; }

body {
  background: var(--bg);
  color: var(--ink);
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
}

.holding {
  text-align: center;
  max-width: 34rem;
}

.holding h1 {
  font-size: clamp(2rem, 6vw, 3.25rem);
  font-weight: 300;
  letter-spacing: 0.02em;
}

.holding .sub {
  margin-top: 0.5rem;
  font-size: clamp(0.85rem, 2.2vw, 1rem);
  text-transform: uppercase;
  letter-spacing: 0.28em;
  color: var(--muted);
}

.holding .note {
  margin-top: 2rem;
  padding-top: 2rem;
  border-top: 1px solid var(--rule);
  font-size: 1rem;
  color: var(--muted);
}