/* ============================================================
   Studio — team & internship sections
   Companion to style.css; loaded on studio.html only.
   Support-staff cards: portrait ≈30% of the managing-member
   portraits, profile content alongside (right of the image).
   ============================================================ */

.support-grid{display:grid;grid-template-columns:1fr;gap:38px;margin-top:34px}

.profile-card{display:grid;grid-template-columns:262px 1fr;gap:30px;align-items:start;border-top:1px solid var(--line);padding-top:26px}
@media (max-width:640px){.profile-card{grid-template-columns:1fr}}

/* support portraits: uniform size (262px = previous 175px + 50%) */
.profile-card .ph-media{aspect-ratio:3/4;width:100%;max-width:262px}

.profile-body{max-width:640px}
.profile-body h3{font-size:1.35em;line-height:1.2;margin:0 0 4px;font-weight:500}
.profile-body .role{display:block;color:#888;font-size:.86em}
.profile-body .reg{display:inline-block;margin-top:10px;font-size:.66em;letter-spacing:.08em;text-transform:uppercase;color:#666;border:1px solid var(--line);padding:4px 10px}
.profile-body .bio-note{margin-top:12px;font-size:.8em;color:#9a9a9a}

/* profile field labels — base style (managing members):
   same treatment as the support cards, scaled up to suit the larger
   section typography, with extra space above to separate the heading
   from the preceding block */
.p-label{font-size:.8em;letter-spacing:.1em;text-transform:uppercase;color:#adadad;margin:34px 0 8px}

/* profile fields (support cards — unchanged; overrides base .p-label) */
.profile-body .p-label{font-size:.68em;letter-spacing:.1em;text-transform:uppercase;color:#adadad;margin:20px 0 4px}
.profile-body .quals{margin-top:0;font-size:.85em}
.highlights{list-style:none;margin:0;padding:0;font-size:.86em}
.highlights li{position:relative;padding:6px 0 6px 20px;border-bottom:1px solid var(--line)}
.highlights li::before{content:"";position:absolute;left:0;top:13px;width:7px;height:7px;background:#E2001A}
.p-interests{font-size:.86em;color:#555;margin:0}
.p-quote{margin:18px 0 0;padding-left:16px;border-left:2px solid #111;font-style:italic;font-size:.95em;line-height:1.55}

/* internship band */
.intern-split{display:grid;grid-template-columns:1.4fr 1fr;gap:var(--gutter);align-items:start;margin-top:34px}
@media (max-width:960px){.intern-split{grid-template-columns:1fr}}

/* ============================================================
   DRAFT MARK-UP — REMOVE BEFORE LAUNCH
   .needs-info : content still outstanding from the staff member
   .query      : a discrepancy or decision Nick must confirm
   Both render red so nothing ships half-finished by accident.
   ============================================================ */
.needs-info{color:#E2001A}
.needs-info b,
.needs-info span{color:#E2001A}

.query{display:block;color:#E2001A;font-size:.78em;line-height:1.5;margin-top:8px;
  border-left:2px solid #E2001A;padding:4px 0 4px 10px}
.query::before{content:"QUERY — ";font-weight:600;letter-spacing:.06em}

.needs-info .p-quote,
blockquote.p-quote.needs-info{border-left-color:#E2001A}

.highlights li.needs-info::before{background:#E2001A}

/* section-level banner for outstanding items */
.draft-banner{display:block;color:#E2001A;font-size:.8em;font-weight:500;
  border:1px solid #E2001A;padding:10px 14px;margin-top:16px}