/* V2, client feedback pass. Inherits styles.css then concept-b.css (black ground),
   adds the numbered index and the tighter rhythm. See ../../design-notes.md */

/* numbered section index. Client explicitly listed the site as 01-07, and the
   numerals double as a contents index for a 90-second read. */
.num{
  font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.18em;
  color:var(--ash);display:block;margin-bottom:8px;
}
.cols > div > .num:first-child{margin-top:0}

/* tighter vertical rhythm: the brief is "shorter, sharper, 90 seconds" */
section{padding-block:clamp(52px,7.5vw,104px)}
.hero{padding-block:clamp(64px,11vw,150px) clamp(32px,5vw,64px)}
.reg__row{padding:clamp(15px,2.2vw,22px) 0}
.reg__row dd{font-size:15px;line-height:1.5;max-width:64ch}

/* one-line practice rows read better with the term and text on one baseline */
.reg__row{grid-template-columns:minmax(0,13rem) minmax(0,1fr)}
@media (max-width:760px){ .reg__row{grid-template-columns:1fr} }

/* founder */
.founder{display:grid;grid-template-columns:minmax(0,600px) minmax(0,320px);justify-content:start;
         gap:clamp(28px,5vw,64px);align-items:start;margin-top:clamp(24px,4vw,44px)}
@media (max-width:900px){ .founder{grid-template-columns:1fr} }
.founder .body{font-size:16px;max-width:58ch}

/* network: the principle carries the section now, so give it size */
.principle{font-size:clamp(18px,2.3vw,26px);line-height:1.32;letter-spacing:-.018em;
           max-width:34ch;margin:18px 0 0;color:#000}
.field__sub{margin:14px 0 0;font-size:15px;line-height:1.55;color:#4A4A4A;max-width:38ch}

/* positions */
.pos td:first-child{font-family:var(--display);font-size:16px;letter-spacing:-.01em;
                    text-transform:none;font-weight:700}
.pos .sub{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.1em;
          text-transform:uppercase;color:var(--ash);margin-top:5px;font-weight:400}