/* ============================================================
   The Brown Print — team page
   Shared components (hero, cards, CTA) live in css/site.css.
   ============================================================ */

/* ============ VALUES ============ */
.vals{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--card-gap)}
.val{border-top:2px solid var(--c-red);padding-top:var(--sp-5)}
.val .n{margin-bottom:var(--sp-3)}
.val h3,.person h3{font:600 var(--fs-h4)/1.15 var(--f-voice);letter-spacing:var(--tr-voice)}
.val p,.person p{margin-top:var(--sp-3);font-size:var(--fs-small);color:var(--c-muted)}

/* ============ THE MAKERS ============ */
.people{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--card-gap)}
.person{padding:0;overflow:hidden}
.person .ph{border-radius:0;aspect-ratio:4/5}
.person .ph img{filter:grayscale(.85) contrast(1.05) brightness(.85)}
.person .info{padding:var(--sp-5)}
.person .role{margin-top:var(--sp-2)}

/* ============ CULTURE ============ */
.culture{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,6vw,90px);align-items:center}
.culture .ph img{aspect-ratio:5/4}
.culture .q{margin-bottom:var(--sp-5);font:italic 400 var(--fs-h4)/1.35 var(--f-voice);letter-spacing:var(--tr-voice)}
.culture .q b{color:var(--c-accent);font-weight:400}
.culture .meta{margin-top:var(--sp-4)}

@media(max-width:1023px){.vals,.culture{grid-template-columns:1fr}.people{grid-template-columns:1fr 1fr}}
/* Phones: two portraits per row, name and role only. */
@media(max-width:479px){.person p{display:none}.person .info{padding:var(--sp-4)}}