/* SCENE 19 — LEADERSHIP: ruled org ledger on ink. Static-first: every
   row, rule and the classification note are visible by default; the
   scene JS sets hidden initial states only inside the motion branch. */

.s19 { padding-block: 150px 140px; }

.s19-h2 {
  font-size: clamp(2rem, 4vw, 3.3rem);
  max-width: 18ch;
}

/* header → ledger: layer rhythm (grid law, min 96px) */
.s19-body { margin-top: var(--rhythm-layer); }

.s19-row__inner {
  display: grid;
  grid-template-columns: minmax(0, 6fr) minmax(0, 5fr);
  column-gap: var(--gutter);
  align-items: baseline;
  padding-block: 26px 28px;
}

.s19-row__role {
  font-family: var(--font-display);
  font-optical-sizing: auto;
  font-weight: 340;
  font-size: clamp(1.2rem, 2.1vw, 1.7rem);
  line-height: 1.2;
  letter-spacing: -.008em;
}

.s19-row__fn {
  font-weight: 300;
  font-size: .92rem;
  letter-spacing: .04em;
  color: color-mix(in srgb, var(--bone) 62%, transparent);
}

/* the founder row is a live link back to Scene 03 */
a.s19-row__inner { transition: padding-left .35s var(--ease); }
a.s19-row__inner:hover { padding-left: 16px; }
a.s19-row__inner .s19-row__role { transition: color .3s var(--ease); }
a.s19-row__inner:hover .s19-row__role { color: var(--gold); }
a.s19-row__inner .s19-row__fn::after {
  content: "";
  display: inline-block;
  width: 18px;
  height: 1px;
  margin-left: 12px;
  vertical-align: middle;
  background: var(--gold);
  opacity: .55;
  transition: width .35s var(--ease), opacity .3s var(--ease);
}
a.s19-row__inner:hover .s19-row__fn::after { width: 32px; opacity: 1; }

/* ledger rules: quiet interior lines, a slightly stronger frame on top */
.s19-rule { opacity: .35; }
.s19-toprule { opacity: .55; }

/* classification note: VISIBLE per spec, small institutional footnote */
.s19-note {
  margin-top: 64px;
  max-width: 62ch;
  font-size: .8rem;
  letter-spacing: .05em;
  color: color-mix(in srgb, var(--bone) 58%, transparent);
}

@media (max-width: 719px) {
  .s19 { padding-block: 110px 96px; }
  .s19-body { margin-top: 80px; }
  .s19-row__inner {
    grid-template-columns: 1fr;
    row-gap: 8px;
    padding-block: 22px 24px;
  }
  .s19-note { margin-top: 48px; }
}


/* ---------- leadership profile (round 14) ---------- */

.s19-profile {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  column-gap: calc(var(--gutter) * 2);
  align-items: start;
  margin-top: 96px;
  margin-bottom: 120px;
}
.s19-profile__portrait { position: relative; padding: 18px; }
.s19-profile__photo {
  aspect-ratio: 3 / 4;
  width: 100%;
  overflow: hidden;
}
.s19-profile__photo > img { object-position: 50% 30%; }
.s19-profile__frame {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.s19-profile__frame rect {
  fill: none;
  stroke: var(--gold);
  stroke-width: 1;
  vector-effect: non-scaling-stroke;
  opacity: .85;
}
.s19-profile__name { font-size: clamp(2rem, 3.8vw, 3.2rem); margin-top: var(--rhythm-eyebrow); }
.s19-profile__role {
  margin-top: 14px;
  font-size: .74rem;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: color-mix(in srgb, var(--bone) 62%, transparent);
}
.s19-profile__body { margin-top: var(--rhythm-headline); }
.s19-profile__focus-label { margin-top: 48px; font-size: .62rem; }
.s19-profile__focus { margin-top: 16px; }
.s19-profile__focus li {
  padding: 13px 0;
  border-top: 1px solid var(--hair);
  font-size: .92rem;
  color: color-mix(in srgb, var(--bone) 84%, transparent);
}
.s19-profile__focus li:last-child { border-bottom: 1px solid var(--hair); }

@media (max-width: 899px) {
  .s19-profile { grid-template-columns: 1fr; row-gap: 48px; margin-top: 64px; margin-bottom: 80px; }
  .s19-profile__portrait { max-width: 360px; }
}