/* Hallmark · macrostructure: Letter · theme: studied-DNA (source: landing-codex)
 * genre: atmospheric · tone: personal, direct · anchor hue: Ghost blue
 * audience: people getting to know Ghost · use: read the origin story, explore the product
 * H5: first-person story, no hero CTA · nav: N5 floating pill · footer: Ft2 inline rule
 * Shared nav/footer retained for the user-requested page family. Enrichment: none. Motion: none.
 * Hallmark · pre-emit critique: P5 H4 E4 S5 R5 V4 */

.ga-page {
  --ga-reading: 44rem;
  --ga-display: var(--fp-text-display);
  --ga-heading: var(--fp-text-xl);
  --ga-body: clamp(1rem, 1vw + 0.75rem, 1.25rem);
}

.ga-reading {
  width: min(100% - (var(--amn-gutter) * 2), var(--ga-reading));
  margin-inline: auto;
  min-width: 0;
}

.ga-page #story { scroll-margin-top: 7rem; }
.ga-hero { padding-block: var(--fp-space-2xl) var(--fp-space-3xl); }
.ga-hero h1 {
  margin: var(--fp-space-md) 0 var(--fp-space-lg);
  max-width: 14ch;
  font-size: var(--ga-display);
  font-weight: 700;
  line-height: 1.04;
  letter-spacing: -0.045em;
}
.ga-hero__lede {
  max-width: 54ch;
  margin: 0;
  font-size: var(--ga-body);
  color: var(--gf-ink);
  line-height: 1.65;
}
.ga-hero__origin {
  margin: var(--fp-space-lg) 0 0;
  max-width: 58ch;
  color: var(--gf-muted);
  font-size: var(--fp-text-base);
}

.ga-story { padding-bottom: var(--fp-space-3xl); }
.ga-story section + section { margin-top: var(--fp-space-2xl); }
.ga-story h2, .ga-next h2 {
  max-width: 27ch;
  margin: 0 0 var(--fp-space-lg);
  font-size: var(--ga-heading);
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: -0.03em;
}
.ga-story p {
  margin: 0 0 var(--fp-space-lg);
  color: var(--gf-muted);
  font-size: var(--ga-body);
  line-height: 1.65;
}
.ga-story p:last-child { margin-bottom: 0; }
.ga-story a {
  color: var(--gf-accent);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
}
.ga-story a:hover, .ga-story a:active { color: var(--gf-ink); }
.ga-story .ga-story__thought {
  margin-block: var(--fp-space-xl) 0;
  color: var(--gf-ink);
  font-size: var(--ga-heading);
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: -0.025em;
  text-wrap: balance;
}
.ga-story__closing { padding-top: var(--fp-space-xl); border-top: 1px solid var(--gf-rule); }
.ga-story .ga-story__attribution {
  margin-top: var(--fp-space-xl);
  color: var(--gf-muted);
  font-size: var(--fp-text-sm);
}
.ga-next { padding-block: var(--fp-space-2xl) var(--fp-space-3xl); }
.ga-next p { max-width: 60ch; margin: 0 0 var(--fp-space-lg); color: var(--gf-muted); }
.ga-next .gf-link { font-size: var(--fp-text-base); }

@media (min-width: 60rem) {
  .ga-hero { padding-block: var(--fp-space-2xl) var(--fp-space-4xl); }
}

.ga-next h2 { scroll-margin-top: 6rem; }
.ga-next p a { color: var(--gf-accent); text-decoration: underline; text-underline-offset: 2px; }
.ga-next p a:hover, .ga-next p a:active { color: var(--gf-ink); }