/* Approach page — page-specific styles.
   Artwork hooks and composition tweaks only.
============================================================ */
.s-hero--approach-system {
  --hero-title-measure: 15ch;
  --hero-min-height: min(840px, 94svh);
}
.s-hero--approach-system .s-hero__inner { grid-template-columns: minmax(0, 0.95fr) minmax(340px, 0.84fr); }
.s-hero--approach-system .s-hero__copy { max-width: 62ch; }
.approach-note,.approach-tools-grid,.approach-layer-grid,.approach-boundary-rail{margin-top:clamp(3rem,5.5vw,4.75rem)}
.approach-note{max-width:980px;margin-inline:auto}.approach-note p strong,.approach-cta-panel p strong{color:var(--brand-gold);font-family:var(--font-display);font-size:clamp(1.18rem,1rem + .55vw,1.55rem);font-weight:400}.approach-layer-grid,.approach-tools-grid{--grid-2-min:27rem}.approach-layer-grid .c-entry-card p strong,.approach-tools-grid .c-entry-card p strong{display:block;margin-bottom:var(--space-2);color:var(--section-accent);font-family:var(--font-display);font-size:clamp(1.15rem,1rem + .45vw,1.45rem);font-style:italic;font-weight:400;line-height:1.25}.approach-lens-grid{max-width:1120px;margin-inline:auto}.approach-insight-panel{align-self:center;text-align:center}.approach-insight-panel p{max-width:14ch;margin-inline:auto;color:var(--brand-navy);font-family:var(--font-display);font-size:clamp(1.7rem,3vw,3rem);font-style:italic;line-height:1.05}.approach-insight-panel p + p{margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid rgba(170,122,45,.28);color:var(--color-accent-hover)}.approach-session-steps{--session-step-min:18rem}.approach-scope-note{align-self:start}.approach-scope-note .c-inset-title,.approach-cta-panel .c-inset-title{color:var(--brand-champagne)}.approach-scope-note p,.approach-cta-panel p{color:rgba(247,239,227,.84)}.approach-boundary-rail{max-width:980px;margin-inline:auto}@media (max-width:880px){.approach-layer-grid,.approach-tools-grid{--grid-2-min:22rem}}@media (max-width:760px){.s-hero--approach-system .s-hero__inner{grid-template-columns:1fr}.approach-insight-panel p{max-width:none}}


/* Phase 2.17 approach refinements */

/* More than one layer + sessions notes: dark but slightly lifted from section background. */
.approach-note.c-inset-panel--dark-soft p {
  color: rgba(247, 239, 227, 0.86);
}

.approach-note.c-inset-panel--dark-soft {
  max-width: 980px;
}

/* Mind/body/meaning/change: reduce card heading dominance. */
.approach-lens-grid .c-lens-card__title {
  font-size: clamp(1.55rem, 1.18rem + 0.95vw, 2.25rem);
  line-height: 1.07;
}

/* What sessions may feel like: original-style circle timeline. */
.approach-session-steps {
  --session-step-min: 18rem;
  max-width: 1080px;
  margin-inline: auto;
}

/* Clear boundaries: slightly stronger light rail backgrounds and text contrast. */
.approach-boundary-rail .c-note-rail__item {
  background:
    linear-gradient(145deg,
      rgba(255, 251, 244, 0.99),
      rgba(246, 232, 211, 0.96)
    );
  border-color: rgba(170, 122, 45, 0.28);
}

.approach-boundary-rail .c-note-rail__item p {
  color: rgba(25, 34, 49, 0.78);
}


/* Phase 2.18 process restoration */

/* Use the original process-step rhythm rather than the boxed timeline variant. */
.approach-process-steps {
  max-width: 1040px;
  margin-inline: auto;
}

.s-session-note {
  max-width: 880px;
  text-align: center;
}

/* Remove old timeline-specific influence for this page. */
.approach-session-steps {
  max-width: none;
}

/* Make sure the sessions note remains dark even if older inset-note rules exist. */
.s-session-note.on-dark {
  color: rgba(247, 239, 227, 0.86);
  background:
    linear-gradient(145deg,
      rgba(24, 44, 72, 0.78),
      rgba(14, 32, 54, 0.70)
    );
}