/* =====================================================================
   moved.css — the retirement notice, 2026-09-08.
   Replaces home.css. Uses the existing base.css tokens on purpose: this
   is still Gus's site on the day someone lands on it, and a page that
   suddenly looks unbranded reads as broken rather than as moved.
   home.css is left in place, unreferenced, until the 301 goes live.
   ===================================================================== */

.moved {
  min-height: calc(100vh - 220px);
  display: flex;
  align-items: center;
  padding: clamp(48px, 12vh, 120px) 0;
}

.moved-inner {
  max-width: 720px;
  text-align: center;
}

.moved-eyebrow {
  font-family: var(--script);
  font-size: clamp(20px, 3vw, 26px);
  color: var(--accent-2);
  letter-spacing: 0.04em;
  margin: 0 0 18px;
}

.moved-title {
  margin: 0 0 28px;
  line-height: 1.02;
}

/* The old brand steps back; the new one carries the page. */
.moved-was {
  display: block;
  font-family: var(--serif);
  font-style: italic;
  font-weight: 400;
  font-size: clamp(19px, 3.2vw, 26px);
  color: var(--muted-2);
  letter-spacing: 0.01em;
  margin-bottom: 14px;
}

.moved-now {
  display: block;
  font-family: var(--display);
  font-size: clamp(46px, 11vw, 96px);
  color: var(--fg);
  letter-spacing: 0.02em;
}

.moved-now .amp {
  font-family: var(--serif);
  font-style: italic;
  font-weight: 400;
  color: var(--accent-2);
  padding-inline: 0.06em;
}

.moved-lede {
  font-size: clamp(16px, 2vw, 19px);
  color: var(--muted);
  max-width: 52ch;
  margin: 0 auto 26px;
  line-height: 1.6;
}

.moved-where {
  font-size: 15px;
  color: var(--muted-2);
  line-height: 1.9;
  margin: 0 0 32px;
  padding-top: 22px;
  border-top: 1px solid var(--border-soft);
}

.moved-cta { margin: 0 0 22px; }

.moved-cta .btn {
  font-size: 16px;
  padding: 14px 28px;
}

.moved-note {
  font-size: 14px;
  color: var(--dim);
  max-width: 46ch;
  margin: 0 auto;
  line-height: 1.65;
}

@media (max-width: 480px) {
  .moved { min-height: 0; padding: 56px 0 72px; }
  .moved-where { line-height: 1.8; }
}

/* ---------------------------------------------------------------------
   Onyx & Aurum accent, 2026-09-08.
   This page announces the NEW brand, so the accent that carries it is the
   new brand's gold, not MOB's steel blue — the first draft rendered
   "ONYX & AURUM" with a steel-blue ampersand, which read as the wrong shop.
   Values are the onyx-aurum brand kit's SCREEN palette, read via
   `python .claude/scripts/brandkit.py --show onyx-aurum`, not retyped by eye.
   Scoped to this page only; base.css and the header/footer keep MOB's blue,
   because the frame is still MOB's site.
   --------------------------------------------------------------------- */
.moved-eyebrow { color: #C9A24B; }
.moved-now .amp { color: #C9A24B; }

.moved-cta .btn-primary {
  background: #C9A24B;
  color: #0E0D0B;
}
.moved-cta .btn-primary:hover {
  background: #D7B260;
  color: #0E0D0B;
}