/* ═══ home.css — v4 HOME page module. OWNER: Agent A (SPEC.md v4 ownership table).
   Scene-local layout for index.html only. Consumes tokens.css primitives,
   scenes.css scene/glass system, and reuses sections.css component recipes
   (.definition-block, .why-card, .step/.process-steps, .stats-band/.stat —
   component registry: reuse, do not fork). Media rules for reused grids live
   HERE because v3 responsive.css is not linked on scene pages. ═══ */

/* ── Scene 1 · thesis hero — v5 unboxed (ORCHESTRATOR). Oversized wordmark
   directly on the aurora; tight kerning; one primary CTA; no panel. ── */
.home-hero{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;max-width:1100px;
}
.home-hero-kicker{
  font-size:var(--fs-xs);letter-spacing:0.34em;text-transform:uppercase;
  color:var(--accent);margin-bottom:var(--s-3);
}
.home-hero-word{
  font-family:'Cormorant Garamond',serif;font-weight:600;
  font-size:clamp(3.2rem,9.5vw,8.2rem);
  line-height:0.98;letter-spacing:-0.035em;
  color:var(--white);margin-bottom:var(--s-3);
  text-wrap:balance;
}
.home-hero-word em{
  font-style:italic;color:var(--accent);
  font-size:0.34em;letter-spacing:0;font-weight:400;
  white-space:nowrap;
}
.home-hero-def{
  font-size:clamp(1rem,1.4vw,1.15rem);color:var(--text);
  line-height:1.75;max-width:52ch;margin:0 auto var(--s-5);
}
.home-hero-ctas{
  display:flex;flex-direction:column;align-items:center;gap:var(--s-2);
  position:relative;z-index:1;
}
.home-hero-cta{padding:17px 44px;font-size:0.8rem;}
.home-hero-alt{
  font-size:var(--fs-sm);color:var(--text-muted);letter-spacing:0.04em;
  min-height:44px;display:inline-flex;align-items:center;
}
.home-hero-alt:hover,.home-hero-alt:focus-visible{color:var(--accent);}
.home-hero-rule{
  width:1px;height:64px;margin-top:var(--s-5);
  background:linear-gradient(180deg,rgba(var(--accent-rgb),0.65),rgba(var(--accent-rgb),0));
}
/* Scene 6 heading (relocated brand line) */
.home-trust-h{text-align:center;margin:0 auto var(--s-5);}
.home-trust-h em{display:inline;}

/* ── Scene 2 · definition + condensed findings ── */
.home-audit-grid{
  display:grid;
  grid-template-columns:1.05fr 0.95fr;
  gap:var(--s-7);
  align-items:center;
}
.home-findings-label{
  font-size:var(--fs-sm);
  color:var(--muted);
  line-height:1.8;
  max-width:46ch;
  margin-bottom:var(--s-3);
}
.home-findings-list{display:grid;gap:var(--s-2);}
/* compact override of the sections.css .why-card recipe so three findings +
   the definition column share one pinned viewport */
.home-findings-list .why-card{padding:20px 24px;}
.home-findings-list .why-num{font-size:1.5rem;margin-bottom:8px;color:rgba(var(--accent-rgb),0.35);}
.home-findings-list .why-card h3{margin-bottom:6px;}

/* ── Scene 3 · process ── */
.home-steps{margin-top:var(--s-5);}  /* tighter than v3's 56px — scene must hold one viewport */
#process .section-sub{margin-bottom:0;}

/* ── Scene 4 · who-we-serve gateway ── */
.home-gate-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:var(--s-2);
}
.home-gate-card{
  text-decoration:none;
  display:flex;
  flex-direction:column;
  padding:var(--s-4) var(--s-3);
  min-height:200px;
}
.home-gate-card h3{
  font-family:'Cormorant Garamond',serif;
  font-size:var(--fs-lg);
  color:var(--white);
  font-weight:600;
  line-height:1.2;
  margin-bottom:10px;
}
.home-gate-card p{font-size:var(--fs-sm);color:var(--muted);line-height:1.7;}
.home-gate-arr{
  margin-top:auto;
  padding-top:var(--s-2);
  color:var(--gold);
  font-size:1rem;
  transition:transform var(--dur-micro) var(--ease-soft);
}
.home-gate-card:hover .home-gate-arr,
.home-gate-card:focus-visible .home-gate-arr{transform:translateX(4px);}

/* ── Scene 5 · Audit Score CTA ── */
.home-score-panel{
  max-width:720px;
  margin:0 auto;
  padding:var(--s-6);
  text-align:center;
}
.home-score-panel .eyebrow{justify-content:center;}
.home-score-panel .section-h{margin-bottom:14px;}
.home-score-body{
  font-size:var(--fs-base);
  color:var(--muted);
  line-height:1.8;
  max-width:52ch;
  margin:0 auto var(--s-4);
}
.home-score-panel .btn-gold{position:relative;z-index:1;}

/* ── Scene 6 · trust / stats / CTA band ── */
.home-stats{padding:var(--s-5) var(--s-4);}   /* stats-band lives inside the scene's own padding */
.home-fiduciary{
  max-width:840px;
  margin:var(--s-5) auto;
  text-align:center;
}
.home-fiduciary-lead{
  font-family:'Cormorant Garamond',serif;
  font-style:italic;
  font-size:var(--fs-lg);
  color:var(--white);
  line-height:1.5;
  margin-bottom:14px;
}
.home-kestra{font-size:var(--fs-xs);color:var(--muted);letter-spacing:0.02em;}
.home-cta-band{margin-top:var(--s-2);}

/* ── Breakpoints (scene pages don't link v3 responsive.css — grid collapses
   for the reused sections.css components live here) ── */
@media (max-width:1023px){
  .home-hero-def{margin-bottom:var(--s-4);}
  .home-hero-rule{height:44px;margin-top:var(--s-4);}
  .home-audit-grid{grid-template-columns:1fr;gap:var(--s-5);}
  .home-steps{grid-template-columns:1fr 1fr;}
  .home-steps .step-arr{display:none;}
  .home-gate-grid{grid-template-columns:1fr 1fr;}
  .home-gate-card{min-height:0;}
  .home-score-panel{padding:var(--s-4);}
  .home-stats{padding:var(--s-4) var(--s-2);}
  .home-stats .stats-inner{grid-template-columns:1fr 1fr;}
  .home-stats .stat{padding:24px 16px;}
  .home-stats .stat:nth-child(2){border-right:none;}
  .home-stats .stat:nth-child(-n+2){border-bottom:1px solid rgba(var(--ink-rgb),0.12);}
}
@media (max-width:640px){
  .home-steps{grid-template-columns:1fr;}
  .home-gate-grid{grid-template-columns:1fr;}
}

/* ── v6 · hero provocation rotator (ORCHESTRATOR) ──
   Fixed-height stack so cycling never shifts layout; opacity-only crossfade;
   no-JS / reduced-motion = first question shown statically (.is-on default). */
.home-hero-q{
  position:relative;width:100%;max-width:56ch;margin:0 auto var(--s-4);
  min-height:3.2em;
}
.home-hero-q-item{
  position:absolute;inset:0;margin:auto;
  font-family:'Cormorant Garamond',serif;font-style:italic;
  font-size:clamp(1.15rem,1.9vw,1.5rem);line-height:1.45;color:var(--accent);
  opacity:0;transition:opacity 500ms var(--ease-soft);
}
.home-hero-q-item.is-on{opacity:1;}
@media (prefers-reduced-motion: reduce){
  .home-hero-q-item{transition:none;}
}

/* ── v6 · question scene (uses existing scene/glass/reveal system only) ── */
.home-q-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:var(--s-3);
  margin-bottom:var(--s-5);
}
.home-q{padding:var(--s-4);}
.home-q h3{
  font-family:'Cormorant Garamond',serif;font-size:var(--fs-lg);
  color:var(--white);font-weight:600;line-height:1.3;margin-bottom:10px;
}
.home-q p{font-size:var(--fs-sm);color:var(--text-muted);line-height:1.7;}
.home-q-resolve{text-align:center;margin-bottom:var(--s-5);}
.home-q-resolve-line{
  font-family:'Cormorant Garamond',serif;font-style:italic;
  font-size:var(--fs-lg);color:var(--white);margin-bottom:var(--s-3);
}
.home-q-capture{max-width:520px;margin:0 auto;text-align:center;}
.home-q-capture .wa-nl-label{display:block;margin-bottom:12px;color:var(--text-muted);font-size:var(--fs-sm);}
.home-q-capture .wa-nl-row{display:flex;gap:10px;justify-content:center;}
.home-q-alt{margin-top:10px;font-size:var(--fs-xs);color:var(--text-muted);}
.home-q-alt a{color:var(--accent);}
@media (max-width:760px){
  .home-q-grid{grid-template-columns:1fr;}
  .home-hero-q{min-height:4.4em;}
  .home-q-capture .wa-nl-row{flex-direction:column;}
}
