/* css/spiritual-matrix.css — bespoke pieces for /spiritual-matrix/
   (the shared skeleton — hero-cosmic, ast-lore, sr-altar, faq — comes from
   the solar-return / asteroids / transits sheets already linked). */

/* ── Premise lead (the hero's long deck, moved down 2026-08-24) ── */
body.smx-page .smx-lead {
  font-family: 'EB Garamond', Georgia, serif;
  font-size: 1.75rem;
  line-height: 1.6;
  color: #2D1F38;
  text-align: center;
  max-width: 66ch;
  margin: 0 auto 3rem;
}
body.smx-page .smx-lead strong { color: #6B1F2C; }

/* ── The Four Mirrors band ─────────────────────────────────── */
body.smx-page .smx-mirrors-band {
  padding: 3.4rem 0 4.2rem;
  background: #FBF3DC;
}
body.smx-page .smx-mirrors {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.6rem;
  margin-top: 2.4rem;
}
@media (max-width: 720px) {
  body.smx-page .smx-mirrors { grid-template-columns: 1fr; }
}
/* Horizontal cards — seal left, words right (Michael 2026-08-24:
   four tall columns "doesn't look so hot"). */
body.smx-page .smx-mirror {
  background: #FAF1E1;
  border: 1px solid rgba(184, 145, 80, 0.45);
  border-radius: 12px;
  padding: 1.5rem 1.6rem;
  display: flex;
  align-items: center;
  gap: 1.4rem;
  text-align: left;
  box-shadow: 0 2px 14px rgba(74, 22, 32, 0.06);
}
body.smx-page .smx-mirror-art { width: 68px; height: 68px; flex: 0 0 68px; margin: 0; }
body.smx-page .smx-mirror-art svg { width: 100%; height: 100%; display: block; }
body.smx-page .smx-mirror-text { flex: 1 1 auto; min-width: 0; }
body.smx-page .smx-mirror-title {
  font-family: 'Cinzel', serif;
  font-size: 1.55rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  color: #6B1F2C;
  margin: 0 0 0.45rem;
}
body.smx-page .smx-mirror-deck {
  font-family: 'EB Garamond', Georgia, serif;
  font-size: 1.42rem;
  line-height: 1.55;
  color: #2D1F38;
  margin: 0;
}

/* ── The plates strip ──────────────────────────────────────── */
body.smx-page .smx-plates-band {
  padding: 3.2rem 0 3.8rem;
  background: #F6EBD2;
  border-top: 1px solid rgba(184, 145, 80, 0.3);
  border-bottom: 1px solid rgba(184, 145, 80, 0.3);
}
body.smx-page .smx-plates {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.8rem;
  margin-top: 2.2rem;
}
@media (max-width: 700px) {
  body.smx-page .smx-plates { grid-template-columns: 1fr; max-width: 380px; margin-left: auto; margin-right: auto; }
}
body.smx-page .smx-plate-fig { margin: 0; text-align: center; }
body.smx-page .smx-plate-fig img {
  width: 100%;
  height: auto;
  border-radius: 12px;
  border: 1px solid #B89150;
  box-shadow: 0 4px 18px rgba(74, 22, 32, 0.14);
  display: block;
}
body.smx-page .smx-plate-fig figcaption {
  font-family: 'Italianno', cursive;
  font-size: 2rem;
  color: #6B1F2C;
  margin-top: 0.5rem;
}
body.smx-page .smx-plates-note {
  font-family: 'EB Garamond', Georgia, serif;
  font-style: italic;
  font-size: 1.5rem;
  line-height: 1.55;
  color: #4A1620;
  text-align: center;
  max-width: 62ch;
  margin: 2rem auto 0;
}

/* ── Computed, then proofed — the trust band ───────────────── */
body.smx-page .smx-truth {
  padding: 4rem 0 4.4rem;
  background: #3A1F38;
}
body.smx-page .smx-truth-inner { text-align: center; }
body.smx-page .smx-truth-eyebrow {
  font-family: 'Cinzel', serif;
  font-size: 1.15rem;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: #D4AC68;
  margin-bottom: 0.8rem;
}
body.smx-page .smx-truth-title {
  font-family: 'Cinzel', serif;
  font-size: clamp(2.2rem, 4.5vw, 3.2rem);
  font-weight: 700;
  color: #FBF3DC;
  margin: 0 0 2.2rem;
}
body.smx-page .smx-truth-title em {
  font-family: 'Italianno', cursive;
  font-style: normal;
  font-size: 1.25em;
  color: #E5C68A;
}
body.smx-page .smx-truth-cols {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
  text-align: left;
  max-width: 940px;
  margin: 0 auto;
}
@media (max-width: 760px) {
  body.smx-page .smx-truth-cols { grid-template-columns: 1fr; max-width: 520px; }
}
body.smx-page .smx-truth-num {
  font-family: 'Cinzel Decorative', serif;
  font-size: 2rem;
  color: #D4AC68;
  margin-bottom: 0.4rem;
}
body.smx-page .smx-truth-col p {
  font-family: 'EB Garamond', Georgia, serif;
  font-size: 1.45rem;
  line-height: 1.6;
  color: #F3E6CE;
  margin: 0;
}
body.smx-page .smx-truth-col strong { color: #FBF3DC; }

/* ── Offer fine print under the CTA ────────────────────────── */
body.smx-page .smx-cta-fine {
  font-family: 'EB Garamond', Georgia, serif;
  font-style: italic;
  font-size: 1.3rem;
  color: #8E6E3A;
  text-align: center;
  margin-top: 0.9rem;
}

/* ═══ 2026-08-24 REBUILD — the image-rich "blow them out of the water" pass.
   (.smx-mirror* rules above are dormant — the SVG cards were replaced by the
   painted .smx-sys rows below.) ═══ */

/* ── The Seal (sacred-geometry hero image) ─────────────────── */
body.smx-page .smx-geometry { padding: 3.6rem 0 4rem; background: #FBF3DC; }
body.smx-page .smx-geometry-fig { margin: 0; text-align: center; }
body.smx-page .smx-geometry-fig img {
  width: 100%; height: auto; display: block;
  border-radius: 14px;
  border: 1px solid #B89150;
  outline: 4px solid rgba(184, 145, 80, 0.25);
  outline-offset: 4px;
  box-shadow: 0 10px 40px rgba(74, 22, 32, 0.22);
}
body.smx-page .smx-caption {
  font-family: 'Italianno', cursive;
  font-size: 2.3rem;
  color: #6B1F2C;
  margin-top: 1.1rem;
}
body.smx-page .smx-premise {
  text-align: center;
  max-width: 72ch;
  margin: 3.2rem auto 0;
}
body.smx-page .smx-premise .ast-lore-title { margin-bottom: 1rem; }
body.smx-page .smx-premise p {
  font-family: 'EB Garamond', Georgia, serif;
  font-size: 1.55rem;
  line-height: 1.62;
  color: #2D1F38;
  margin: 0;
}

/* ── The Four Sciences — painted plate + content rows ──────── */
body.smx-page .smx-systems {
  padding: 3.6rem 0 4.2rem;
  background: #F6EBD2;
  border-top: 1px solid rgba(184, 145, 80, 0.3);
  border-bottom: 1px solid rgba(184, 145, 80, 0.3);
}
body.smx-page .smx-sys-row {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);
  gap: 2.8rem;
  align-items: center;
  margin-top: 3rem;
}
body.smx-page .smx-sys-row-flip .smx-sys-fig { order: 2; }
body.smx-page .smx-sys-row-flip .smx-sys-text { order: 1; }
@media (max-width: 760px) {
  body.smx-page .smx-sys-row { grid-template-columns: 1fr; gap: 1.4rem; }
  body.smx-page .smx-sys-row-flip .smx-sys-fig { order: 0; }
  body.smx-page .smx-sys-row-flip .smx-sys-text { order: 1; }
}
body.smx-page .smx-sys-fig { margin: 0; }
body.smx-page .smx-sys-fig img {
  width: 100%; height: auto; display: block;
  border-radius: 12px;
  border: 1px solid #B89150;
  box-shadow: 0 6px 26px rgba(74, 22, 32, 0.18);
}
body.smx-page .smx-sys-eyebrow {
  font-family: 'Cinzel', serif;
  font-size: 1.1rem;
  font-weight: 600;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #8E6E3A;
  margin-bottom: 0.5rem;
}
body.smx-page .smx-sys-title {
  font-family: 'Cinzel', serif;
  font-size: clamp(2rem, 3.6vw, 2.7rem);
  font-weight: 700;
  color: #6B1F2C;
  margin: 0 0 0.9rem;
}
body.smx-page .smx-sys-title em {
  font-family: 'Italianno', cursive;
  font-style: normal;
  font-size: 1.28em;
  color: #8E6E3A;
}
body.smx-page .smx-sys-text p {
  font-family: 'EB Garamond', Georgia, serif;
  font-size: 1.52rem;
  line-height: 1.6;
  color: #2D1F38;
  margin: 0;
}

/* ── The road (six months, painted) ────────────────────────── */
body.smx-page .smx-road { padding: 3.6rem 0 4rem; background: #FBF3DC; }
body.smx-page .smx-road-fig { margin-top: 2.2rem; }
body.smx-page .smx-road-deck {
  font-family: 'EB Garamond', Georgia, serif;
  font-size: 1.55rem;
  line-height: 1.62;
  color: #2D1F38;
  text-align: center;
  max-width: 70ch;
  margin: 2.2rem auto 0;
}

/* ── The LIVING HERO — the Seal animated as a looping video ─── */
body.smx-page .smx-hero {
  position: relative;
  overflow: hidden;
  min-height: 88vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
body.smx-page .smx-hero-video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}
/* Wine-dark veil so the title floats legibly over the moving painting. */
body.smx-page .smx-hero-veil {
  position: absolute;
  inset: 0;
  z-index: 1;
  background:
    radial-gradient(ellipse at center, rgba(22, 8, 24, 0.62) 0%, rgba(22, 8, 24, 0.38) 46%, rgba(20, 8, 22, 0.82) 100%);
}
body.smx-page .smx-hero .starfield-hero,
body.smx-page .smx-hero .neb-2 { z-index: 1; }
body.smx-page .smx-hero .hero-content-wrap { position: relative; z-index: 2; }
body.smx-page .smx-hero h1,
body.smx-page .smx-hero .hero-script-cosmic,
body.smx-page .smx-hero .hero-deck-cosmic,
body.smx-page .smx-hero .dept-eyebrow-cosmic {
  text-shadow: 0 2px 26px rgba(0, 0, 0, 0.8), 0 1px 8px rgba(0, 0, 0, 0.6);
}
@media (max-width: 700px) {
  body.smx-page .smx-hero { min-height: 72vh; }
}
@media (prefers-reduced-motion: reduce) {
  body.smx-page .smx-hero-video { display: none; }
}

/* ── Hero top strip: back-link + eyebrow pinned near the top ── */
body.smx-page .smx-hero-top {
  position: absolute;
  top: 0; left: 0; right: 0;
  z-index: 3;
  padding-top: 2.4rem;
}
body.smx-page .smx-hero-top .back-link {
  position: absolute;
  left: 2.6rem;
  top: 2.6rem;
  margin: 0;
}
body.smx-page .smx-hero-top-center { text-align: center; }
body.smx-page .smx-hero-top .dept-eyebrow-cosmic,
body.smx-page .smx-hero-top .hero-rule-cosmic { margin-left: auto; margin-right: auto; }
@media (max-width: 700px) {
  body.smx-page .smx-hero-top { padding-top: 1.6rem; }
  body.smx-page .smx-hero-top .back-link { position: static; display: block; text-align: center; margin-bottom: 1rem; }
}
/* Veil tuned for the subtle river painting (lighter center than the seal needed). */
body.smx-page .smx-hero-veil {
  background:
    radial-gradient(ellipse at center, rgba(22, 8, 24, 0.28) 0%, rgba(22, 8, 24, 0.16) 46%, rgba(20, 8, 22, 0.58) 100%);
}

/* ── 2026-08-24 evening tune (Michael) ─────────────────────── */
/* Shorter hero: ends a little below the CTA instead of 88vh. */
body.smx-page .smx-hero {
  min-height: 0;
  padding: 8.5rem 0 3.4rem;
}
@media (max-width: 700px) {
  body.smx-page .smx-hero { min-height: 0; padding: 7rem 0 2.8rem; }
}
/* The seal's title block (was the figcaption; now leads the section). */
body.smx-page .smx-seal-head { text-align: center; margin-bottom: 1.6rem; }
body.smx-page .smx-seal-title {
  font-family: 'Cinzel', serif;
  font-size: clamp(2.4rem, 4.6vw, 3.4rem);
  font-weight: 700;
  color: #6B1F2C;
  margin: 0 0 0.3rem;
}
body.smx-page .smx-seal-title em {
  font-family: 'Italianno', cursive;
  font-style: normal;
  font-size: 1.35em;
  color: #8E6E3A;
}
body.smx-page .smx-seal-script {
  font-family: 'Italianno', cursive;
  font-size: 2.4rem;
  color: #8E6E3A;
}
/* The four sciences named in wine + bold inside the lead. */
body.smx-page .smx-lead .smx-sci { color: #6B1F2C; font-weight: 700; }

/* ── 2026-08-24 round 3 (Michael) ──────────────────────────── */
/* Seal title tighter under the hero line. */
body.smx-page .smx-geometry { padding-top: 1.8rem; }
body.smx-page .smx-seal-head { margin-bottom: 1.2rem; }
body.smx-page .smx-seal-title { line-height: 1.12; }
/* "Master Report" in the hero script — wine, bold, tuned to read on the
   dark video (pure #6B1F2C sinks into the night; this is the wine the
   dark surfaces use, with a soft lift). */
body.smx-page .smx-hero .hero-script-cosmic .smx-mr {
  color: #C96A7C;
  font-weight: 700;
  text-shadow: 0 1px 14px rgba(0, 0, 0, 0.7);
}

/* ── Mid-page buy CTAs (round 4) + true-wine Master Report ──── */
body.smx-page .smx-mid-cta-wrap { text-align: center; margin: 2.8rem 0 0.6rem; }
body.smx-page .smx-mid-cta {
  display: inline-block;
  font-family: 'Cinzel', serif;
  font-weight: 700;
  font-size: 1.5rem;
  letter-spacing: 0.08em;
  color: #4A1620;
  background: linear-gradient(180deg, #E9C87E, #D4AC68);
  border: 1px solid #B89150;
  border-radius: 10px;
  padding: 1.15rem 2.6rem;
  cursor: pointer;
  box-shadow: 0 4px 18px rgba(74, 22, 32, 0.25);
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}
body.smx-page .smx-mid-cta:hover { transform: translateY(-1px); box-shadow: 0 6px 22px rgba(74, 22, 32, 0.3); }
/* Master Report: unmistakably WINE (the site rose-wine that lives on dark
   surfaces), on a soft parchment glow so it doesn't sink into the night. */
body.smx-page .smx-hero .hero-script-cosmic .smx-mr {
  color: #B4485E;
  font-weight: 700;
  text-shadow: 0 0 18px rgba(251, 243, 220, 0.55), 0 1px 10px rgba(0, 0, 0, 0.55);
}

/* Master Report as a parchment chip — TRUE wine (#6B1F2C), bold, unmissable. */
body.smx-page .smx-hero .hero-script-cosmic .smx-mr {
  display: inline-block;
  font-family: 'Cinzel', serif;
  font-weight: 700;
  font-size: 0.56em;
  letter-spacing: 0.08em;
  color: #6B1F2C;
  background: rgba(251, 243, 220, 0.94);
  border: 1px solid #B89150;
  border-radius: 9px;
  padding: 0.18em 0.75em 0.22em;
  vertical-align: 0.12em;
  margin-left: 0.35em;
  text-shadow: none;
}

/* ── Round 5: Master Report in the script's own hand (Michael: no second
   font in the hero) — TRUE wine Italianno lifted by a gold-cream glow. */
body.smx-page .smx-hero .hero-script-cosmic .smx-mr {
  display: inline;
  font-family: inherit;
  font-size: inherit;
  font-weight: 700;
  letter-spacing: inherit;
  color: #6B1F2C;
  background: none;
  border: none;
  border-radius: 0;
  padding: 0;
  margin-left: 0.12em;
  vertical-align: baseline;
  text-shadow:
    0 0 8px rgba(251, 243, 220, 0.95),
    0 0 18px rgba(251, 243, 220, 0.85),
    0 0 34px rgba(233, 200, 126, 0.6),
    0 2px 5px rgba(0, 0, 0, 0.45);
}
/* "Four sacred systems. One birth. One verdict." — a touch larger. */
body.smx-page .smx-hero .hero-deck-cosmic { font-size: 1.85rem; }

/* ── Round 6 (Michael) ─────────────────────────────────────── */
/* Master Report: thicken the Italianno strokes IN wine so the color
   itself reads — stroke carries the wine, glow stays behind it. */
body.smx-page .smx-hero .hero-script-cosmic .smx-mr {
  color: #6B1F2C;
  -webkit-text-stroke: 1.1px #5A1622;
  text-shadow:
    0 0 6px rgba(251, 243, 220, 0.95),
    0 0 14px rgba(251, 243, 220, 0.8),
    0 0 26px rgba(233, 200, 126, 0.5);
}
/* Bigger paintings: image column takes the wider share of each row. */
body.smx-page .smx-sys-row { grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); }
/* The Western Sky: a little taller (gentle center crop) to sit flush
   with its text column. */
body.smx-page .smx-sys-row:nth-of-type(1) .smx-sys-fig img {
  aspect-ratio: 9 / 10;
  object-fit: cover;
}
/* The Bodygraph is regenerated at 3:4 — naturally taller, no crop. */
/* Artwork captions in bold. */
body.smx-page .smx-plate-fig figcaption { font-weight: 700; }

/* ── Round 7 (Michael) ─────────────────────────────────────── */
/* Master Report: wine letters, thin stroke, and only a TIGHT white
   glow behind — the big outward gold bloom is gone. */
body.smx-page .smx-hero .hero-script-cosmic .smx-mr {
  color: #6B1F2C;
  -webkit-text-stroke: 1.1px #5A1622;
  text-shadow:
    0 0 2px rgba(255, 255, 255, 0.95),
    0 0 5px rgba(255, 255, 255, 0.75),
    0 0 9px rgba(255, 255, 255, 0.4);
}
/* The Western Sky: taller still — flush with its text column. */
body.smx-page .smx-sys-row:nth-of-type(1) .smx-sys-fig img {
  aspect-ratio: 4 / 5;
  object-fit: cover;
}

/* Round 8: the nth-of-type selectors above never matched (the band's
   heading div is the first sibling) — explicit class instead. */
body.smx-page .smx-fig-tall img {
  aspect-ratio: 4 / 5;
  object-fit: cover;
  width: 100%;
}

/* ── Round 9 (Michael): Master Report — BRIGHT white glow, fully visible. */
body.smx-page .smx-hero .hero-script-cosmic .smx-mr {
  text-shadow:
    0 0 3px #FFFFFF,
    0 0 8px #FFFFFF,
    0 0 16px rgba(255, 255, 255, 0.95),
    0 0 30px rgba(255, 255, 255, 0.75),
    0 0 48px rgba(255, 255, 255, 0.45);
}