.who-page { background: var(--color-bg); color: var(--color-text); }
.who-page__hero { padding-block: clamp(5rem, 10vw, 9rem); background: var(--color-bg-inverse); color: var(--color-text-inverse); }
.who-page__hero-inner, .who-page__closing-inner { max-width: 66rem; }
.who-page__eyebrow { margin: 0 0 var(--space-4); color: var(--color-accent-strong); font: 0.6875rem var(--font-mono); letter-spacing: var(--tracking-wider); text-transform: uppercase; }
.who-page__hero .who-page__eyebrow, .who-page__closing .who-page__eyebrow { color: var(--color-accent); }
.who-page h1, .who-page h2, .who-page h3 { letter-spacing: var(--tracking-tight); }
.who-page h1 { max-width: 58rem; color: var(--color-text-inverse); font-size: clamp(2.5rem, 5.4vw, 4.8rem); }
.who-page h2 { max-width: 48rem; margin-bottom: var(--space-5); font-size: clamp(2rem, 3.8vw, 3.25rem); }
.who-page h3 { font-size: 1.1rem; }
.who-page p { color: var(--color-text-muted); font-size: 1.05rem; line-height: 1.8; }
.who-page__lede { max-width: 52rem; color: var(--color-text-inverse-muted) !important; font-size: clamp(1.08rem, 1.8vw, 1.3rem) !important; }
.who-page__hero-note { max-width: 48rem; margin-top: var(--space-6); color: var(--color-text-inverse) !important; font-family: var(--font-serif); font-size: 1.25rem !important; }
.who-page__section { padding-block: clamp(4rem, 8vw, 7rem); }
.who-page__section--editorial { background: var(--color-bg); }
.who-page__section--mission { background: var(--color-bg-surface); border-block: var(--border-width-hairline) solid var(--color-border); }
.who-page__section--values { background: var(--color-bg); }
.who-page__section--networks { background: var(--color-bg-inverse-deep); color: var(--color-text-inverse); }
.who-page__two-col, .who-page__mission-grid { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: clamp(2.5rem, 7vw, 7rem); }
.who-page__copy { max-width: 46rem; }
.who-page__mission-statement { color: var(--color-text) !important; font-family: var(--font-serif); font-size: clamp(1.45rem, 2.6vw, 2rem) !important; line-height: 1.45 !important; }
.who-page__callout { margin-top: var(--space-6); padding-left: var(--space-4); border-left: 2px solid var(--color-accent); color: var(--color-text) !important; font-family: var(--font-serif); font-size: 1.2rem !important; }
.who-page__values-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-6); margin-top: var(--space-7); }
.who-page__value { padding-top: var(--space-4); border-top: 2px solid var(--color-accent); }
.who-page__value-number { display: block; margin-bottom: var(--space-3); color: var(--color-accent-strong); font: 0.72rem var(--font-mono); letter-spacing: var(--tracking-wide); }
.who-page__value h3 { margin-bottom: var(--space-3); }
.who-page__value p { margin: 0; font-size: .96rem; line-height: 1.65; }
.who-page__networks-heading { display: grid; grid-template-columns: 1fr .8fr; gap: var(--space-7); align-items: end; }
.who-page__networks-heading h2 { color: var(--color-text-inverse); }
.who-page__networks-heading > p { color: var(--color-text-inverse-muted); }
.who-page__network-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-5); margin-top: var(--space-7); }
.who-page__network-card { display: grid; grid-template-columns: 44px 1fr; gap: var(--space-4); align-items: start; padding: var(--space-5); border: var(--border-width-hairline) solid var(--color-border-inverse); color: var(--color-text-inverse); text-decoration: none; transition: border-color var(--transition-base), transform var(--transition-base), background var(--transition-base); }
.who-page__network-card:hover, .who-page__network-card:focus-visible { border-color: var(--color-accent); background: rgba(243, 241, 234, .04); transform: translateY(-2px); }
.who-page__network-icon { display: inline-flex; width: 42px; height: 42px; align-items: center; justify-content: center; border: var(--border-width-hairline) solid var(--color-border-inverse); color: var(--color-text-inverse); }
.who-page__network-icon svg { width: 21px; height: 21px; }
.who-page__network-card strong, .who-page__network-card small, .who-page__network-card em { display: block; }
.who-page__network-card strong { margin-bottom: 3px; font-family: var(--font-serif); font-size: 1.05rem; }
.who-page__network-card small { color: var(--color-accent); font: .72rem var(--font-mono); }
.who-page__network-card em { margin-top: var(--space-3); color: var(--color-text-inverse-muted); font-size: .88rem; font-style: normal; line-height: 1.5; }
.who-page__contact-line { display: flex; flex-wrap: wrap; gap: var(--space-4); align-items: center; margin-top: var(--space-6); padding-top: var(--space-5); border-top: var(--border-width-hairline) solid var(--color-border-inverse); }
.who-page__contact-line span { color: var(--color-accent); font: .7rem var(--font-mono); letter-spacing: var(--tracking-wider); text-transform: uppercase; }
.who-page__contact-line a { color: var(--color-text-inverse-muted); text-decoration: none; }
.who-page__contact-line a:hover, .who-page__contact-line a:focus-visible { color: var(--color-accent); }
.who-page__closing { padding-block: clamp(5rem, 9vw, 8rem); background: var(--color-bg-inverse); color: var(--color-text-inverse); }
.who-page__closing h2 { color: var(--color-text-inverse); }
.who-page__closing p { max-width: 46rem; color: var(--color-text-inverse-muted); }
.who-page__actions { display: flex; flex-wrap: wrap; gap: var(--space-5); align-items: center; margin-top: var(--space-6); }
.who-page__text-link { color: var(--color-text-inverse); text-decoration: none; border-bottom: var(--border-width-hairline) solid var(--color-accent); padding-bottom: 2px; }
.who-page__text-link:hover, .who-page__text-link:focus-visible { color: var(--color-accent); }
@media (max-width: 900px) { .who-page__values-grid, .who-page__network-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 760px) { .who-page__two-col, .who-page__mission-grid, .who-page__networks-heading { grid-template-columns: 1fr; gap: var(--space-5); } }
@media (max-width: 520px) { .who-page__hero, .who-page__section, .who-page__closing { padding-block: var(--space-7); } .who-page h1 { font-size: clamp(2.2rem, 10vw, 3rem); } .who-page__values-grid, .who-page__network-grid { grid-template-columns: 1fr; gap: var(--space-4); } .who-page__network-card { grid-template-columns: 38px 1fr; padding: var(--space-4); } .who-page__network-icon { width: 36px; height: 36px; } .who-page__contact-line { align-items: flex-start; flex-direction: column; gap: var(--space-2); } }
