/* =============================================================================
   TOURBIRTH — INNER CIRCLE JOURNEYS PAGE STYLES
   css/pages/inner-circle.css
   Page-specific overrides for inner-circle.php.
   Imports shared journey patterns and declares the .hero--inner variant.
   ============================================================================= */

@import url("journeys.css");


/* ---------------------------------------------------------------------------
   HERO VARIANT — Communal, warm, slightly wider than Union
--------------------------------------------------------------------------- */

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

.hero--inner .hero__content h1 {
  font-size:      clamp(3rem, 6vw, 6.5rem);
  letter-spacing: 0.03em;
  line-height:    1.0;
  max-width:      720px;
  overflow-wrap:  break-word;
}

/* ---------------------------------------------------------------------------
   THE INVISIBLE HAND FOR GROUPS — accent-line stack on dark background
   The .accent-line stack on the right column needs a slightly wider
   left padding so the gold rule sits clear of the heading column.
--------------------------------------------------------------------------- */

.inner-circle-pillars .accent-line {
  padding-left: var(--space-lg);
}

@media (max-width: 768px) {
  .inner-circle-pillars .accent-line {
    padding-left: var(--space-md);
  }
}