/* Identity & Meaningful Change — page-specific styles.
   Artwork hooks and composition tweaks only.
============================================================ */

.s-hero--identity-system {
  --hero-title-measure: 15ch;
}

.s-hero--identity-system .s-hero__inner {
  grid-template-columns: minmax(0, 0.95fr) minmax(340px, 0.84fr);
}

.s-hero--identity-system .s-hero__copy {
  max-width: 62ch;
}

/* Shared page spacing */
.identity-role-grid,
.identity-contrast-grid,
.identity-pattern-row,
.identity-support-steps,
.identity-transition-grid,
.identity-entry-grid {
  margin-top: clamp(3rem, 5.5vw, 4.75rem);
}

.identity-note {
  max-width: 980px;
  margin: clamp(2.5rem, 5vw, 4rem) auto 0;
}

.identity-note p strong {
  color: var(--brand-gold);
  font-family: var(--font-display);
  font-size: clamp(1.25rem, 1rem + 0.7vw, 1.85rem);
  font-weight: 400;
  line-height: 1.18;
}

/* Role and transition cards */
.identity-role-grid,
.identity-transition-grid {
  --grid-min: 18rem;
}

.identity-role-grid .c-entry-card h3,
.identity-transition-grid .c-entry-card h3 {
  max-width: 16ch;
}

/* Contrast section */
.identity-contrast-grid {
  --grid-min: 22rem;
}

.identity-contrast-grid .c-inset-panel h3 {
  max-width: 18ch;
}

/* Gentle change pattern */
.identity-pattern-row .c-pattern-card h3 {
  max-width: 16ch;
}

/* Support section */
.identity-split-copy {
  padding-left: clamp(1.5rem, 3vw, 2.8rem);
  border-left: 1px solid var(--section-rule-soft);
}

.identity-support-steps {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(27rem, 100%), 1fr));
  gap: clamp(1rem, 2vw, 1.45rem);
}

.identity-support-steps .c-step__label::after {
  width: 3.6rem;
  background: linear-gradient(90deg, transparent, var(--section-rule), transparent);
}

/* Adapting/masking */
.identity-kicker {
  align-self: start;
}

.identity-kicker .c-kicker-list li {
  color: var(--section-copy);
}

/* Entry points */
.identity-entry-grid {
  --grid-min: 18rem;
}

.identity-entry-grid .c-entry-card h3 {
  max-width: 18ch;
}

@media (max-width: 880px) {
  .identity-split-copy {
    padding-left: 0;
    border-left: 0;
  }
}

@media (max-width: 760px) {
  .s-hero--identity-system .s-hero__inner {
    grid-template-columns: 1fr;
  }
}


/* Phase 2.11 refinements */

/* 2x2 desktop grids for role and transition sections. */
.identity-role-grid,
.identity-transition-grid {
  --grid-2-min: 27rem;
  gap: clamp(1rem, 2vw, 1.45rem);
}

/* Dark keyword panels inside the dark section echo the original more closely. */
.identity-contrast-grid {
  --grid-min: 24rem;
}

.identity-contrast-grid .c-inset-panel {
  box-shadow: var(--shadow-dark-soft);
}

.identity-contrast-grid .c-inset-panel h3 {
  color: var(--brand-champagne);
}

/* Entry cards: three-column rhythm with final two stretching across last row. */
.identity-entry-grid {
  --grid-min: 18rem;
  margin-top: clamp(3rem, 5.5vw, 4.75rem);
}

@media (max-width: 980px) {
  .identity-role-grid,
  .identity-transition-grid {
    --grid-2-min: 22rem;
  }
}