/* Nafas · page À propos (v2) */
.hero .hero__grid { padding-block: var(--space-4) var(--space-2); }
.hero .lede + .lede { margin-top: var(--space-4); }
.hero__media .img-frame { max-width: 30rem; margin-inline: auto; }

/* leaders: colour cards, no photos */
.person { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-3); min-height: 18rem; }
.person__idx { font-weight: 700; font-size: var(--text-sm); color: var(--ink-3); }
.person h3 { font-size: var(--text-2xl); margin-top: var(--space-5); margin-bottom: 0; }
.person .chip { background: rgba(255,255,255,.7); border-color: transparent; }
.person p { margin-top: var(--space-2); }
.team-notes { margin-top: var(--space-4); }
.team-notes h4 { margin-bottom: var(--space-2); }

/* validation circuit inside the night block */
.circuit { margin: 0; }
.circuit svg { width: 100%; height: auto; color: rgba(255,255,255,.7); }
.circuit text { fill: #fff; font-family: var(--font-sans); font-weight: 700; font-size: 12px; letter-spacing: 0; }
.circuit .c-head text, .circuit text.c-head { fill: rgba(255,255,255,.6); font-size: 12px; }
.circuit .c-label text, .circuit text.c-label { font-size: 15px; font-weight: 700; }
.circuit .c-sub text, .circuit text.c-sub, .circuit .c-label text.c-sub { fill: rgba(255,255,255,.6); font-size: 12px; font-weight: 600; }
.circuit__v { display: none; max-width: 24rem; }
.circuit figcaption { color: var(--ink-inverse-2); font-weight: 500; margin-top: var(--space-5); max-width: 48em; }
@media (max-width: 760px) {
  .circuit__h { display: none; }
  .circuit__v { display: block; }
}

/* planning steps: status chip sits at the bottom of each step card */
.steps .step { display: flex; flex-direction: column; align-items: flex-start; }
.steps .step p { flex: 1; }
.steps .step .chip { margin-top: var(--space-4); }
.block--sun .section-head .eyebrow { color: var(--ink-2); }
.block--sun .section-head h2 { color: var(--ink); }

/* what we do not do */
.nots { display: flex; flex-direction: column; align-items: flex-start; }
.nots__idx { display: inline-grid; place-items: center; width: 2.25rem; height: 2.25rem; border-radius: 50%; background: var(--sun); color: var(--ink); font-weight: 800; margin-bottom: var(--space-4); }
.nots h3 { font-size: var(--text-lg); }

/* closing cta */
.cta-row { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-3) var(--space-4); }
@media (max-width: 900px) { .cta-row { justify-content: flex-start; } }