/* =============================================================================
   TOURBIRTH — SHARED JOURNEY PAGE STYLES
   css/pages/journeys.css
   Shared styles for all three journey pages:
   · self-journeys.html      (Connection to Self)
   · union-journeys.html     (Connection to Partner)
   · inner-circle-journeys.html (Connection to Loved Ones)

   Each page uses the same structural sections:
   Hero · Philosophy · What This Journey Creates / Editorial Cards ·
   Process Note · Request Invitation CTA

   Page-unique styles are minimal — eyebrow label text differs per page.
   Built in the HTML phase. Stub ready.
   ============================================================================= */

/* ---------------------------------------------------------------------------
   Journey Hero — shared across all three pages
--------------------------------------------------------------------------- */

/* .journey-hero { } */

/* ---------------------------------------------------------------------------
   Philosophy section — Cormorant body prose, light background
--------------------------------------------------------------------------- */

/* .section-philosophy { } */
/* .philosophy-text { } */

/* ---------------------------------------------------------------------------
   What This Journey Creates — architectural list (self-journeys)
--------------------------------------------------------------------------- */

/* .section-creates { } */

/* ---------------------------------------------------------------------------
   Union Journeys — Three editorial cards (Honeymoon / Milestone / Reconnect)
--------------------------------------------------------------------------- */

/* .section-union-cards { } */
/* .union-card-grid { } */

/* ---------------------------------------------------------------------------
   Inner Circle — The Invisible Hand for Groups paragraph section
--------------------------------------------------------------------------- */

/* .section-invisible-hand { } */

/* ---------------------------------------------------------------------------
   Promise / Closing quote
--------------------------------------------------------------------------- */

/* .section-promise { } */

/* ---------------------------------------------------------------------------
   Process Note — small italic Cormorant, centred
   (shared .process-note class defined in components.css)
--------------------------------------------------------------------------- */

/* .section-process { } */


/* ---------------------------------------------------------------------------
   TASK 4 — HERO VARIANTS (self-journeys · union-journeys)
   These rules live here because both pages load journeys.css.
   Canonical CSS is also in css/pages/self-journeys.css and
   css/pages/union-journeys.css for reference and future migration.
--------------------------------------------------------------------------- */

/* SELF JOURNEYS — Bold, wider, solitary */

.hero--self .hero__content {
  max-width: 760px;
}

.hero--self .hero__content h1 {
  /* Lower bound softened so "Connection to Self" doesn't clip on tablets */
  font-size:      clamp(3.2rem, 7vw, 7.5rem);
  letter-spacing: 0.02em;
  line-height:    0.95;
  overflow-wrap:  break-word;
}

/* UNION JOURNEYS — Softer, slightly higher content position */

.hero--union {
  align-items:    flex-end;
  padding-bottom: clamp(5rem, 10vw, 11rem);
}

.hero--union .hero__content h1 {
  font-size:     clamp(3rem, 6vw, 6rem);
  max-width:     620px;
  overflow-wrap: break-word;
}