/* Centurion. One stylesheet, shared by every page, per the house shape.
   This is scaffold styling for the holding page. The design direction is not
   chosen yet, so nothing here should be treated as a decision. */

:root {
  --ink: #f4f2ee;
  --ground: #0d0d0f;
  --muted: #8b8983;
}

*, *::before, *::after { box-sizing: border-box; }

html, body {
  margin: 0;
  padding: 0;
  height: 100%;
}

body {
  background: var(--ground);
  color: var(--ink);
  font-family: ui-sans-serif, system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}

.holding {
  min-height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1.6rem;
  padding: 2rem;
  text-align: center;
}

.mark {
  margin: 0;
  font-size: clamp(2rem, 8vw, 4rem);
  letter-spacing: 0.28em;
  text-transform: uppercase;
  text-indent: 0.28em;   /* letter-spacing adds a trailing gap; this re-centres */
}

.line {
  margin: 0;
  font-size: clamp(0.95rem, 2.4vw, 1.15rem);
  line-height: 1.7;
  color: var(--ink);
}

.note {
  margin: 0;
  font-size: 0.8rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--muted);
}