/* Aryavart — team page */
.tm-head{display:grid;grid-template-columns:1.35fr .65fr;gap:64px;align-items:end}

/* founder */
.founder{padding:96px 0;background:var(--cream);border-bottom:1px solid rgba(0,48,73,.08)}
.fd-card{display:grid;grid-template-columns:.85fr 1.15fr;background:var(--paper);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.fd-photo{background:#C4C5C9;aspect-ratio:1/1}
.fd-photo img{width:100%;height:100%;object-fit:cover;object-position:top}
.fd-body{padding:56px;display:flex;flex-direction:column;justify-content:center}
.fd-body h2{font-size:clamp(40px,4.4vw,64px)}
.fd-text{font-size:18px;color:var(--ink-2);max-width:560px;margin:22px 0 32px}
.fd-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding-top:22px;border-top:1px solid var(--line)}
.fd-facts dt{font-size:11.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.fd-facts dd{font-size:16px;font-weight:600;margin-top:4px;line-height:1.35}
.fd-link{align-self:flex-start;margin-top:32px;font-weight:600;color:var(--navy)}

/* members */
.mb-head{margin-bottom:56px}
/* one section per group: Trustees, Managing committee, Team */
.m-sec{padding:0}
.m-sec+.m-sec{margin-top:72px}
.m-sec-h{display:flex;align-items:baseline;gap:14px;margin-bottom:28px;font-size:24px}
.m-sec-h h3{font-size:1em;font-weight:600;letter-spacing:-.015em}
/* the line sits on the text's baseline, lifted to the middle of the lowercase letters (Outfit's x-height is .48em) */
.m-sec-h::after{content:"";flex:1;height:1px;background:var(--line);transform:translateY(calc(.5px - .24em))}
.m-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px 20px}
.mcard{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:10px 10px 16px}
.mcard figure{aspect-ratio:1/1;border-radius:10px;overflow:hidden;background:#C4C5C9}
.mcard img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .8s var(--ease)}
.mcard:hover img{transform:scale(1.03)}
.mcard .m-ini{width:100%;height:100%;display:grid;place-items:center;font-size:52px;font-weight:600;color:#fff;background:var(--navy)}
.m-meta{padding:14px 6px 0}
.m-meta h4{font-size:19px;font-weight:600;letter-spacing:-.01em;line-height:1.2}
.m-meta p{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--muted);margin-top:2px}
.m-meta p::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--navy);flex:none}

/* join */
.join{padding-bottom:150px}
.join-card{display:grid;grid-template-columns:1.3fr auto;gap:40px;align-items:end;padding:56px;border-radius:16px;background:var(--cream)}
.join-card h2{margin-top:0}
.join-card .lead{margin-top:18px}
.join-actions{display:flex;gap:12px;flex-wrap:wrap}

@media (max-width:1020px){
  .tm-head{grid-template-columns:1fr;gap:28px}
  .fd-card{grid-template-columns:1fr}
  .fd-photo{aspect-ratio:4/3}
  .m-grid{grid-template-columns:repeat(3,1fr)}
  .join-card{grid-template-columns:1fr}
}
@media (max-width:600px){
  .founder{padding:64px 0}
  .fd-photo{aspect-ratio:1/1}
  .fd-body{padding:28px 22px}
  .fd-facts{grid-template-columns:1fr;gap:14px}
  .m-grid{grid-template-columns:1fr 1fr;gap:22px 12px}
  .m-sec+.m-sec{margin-top:52px}
  .m-sec-h{margin-bottom:20px;font-size:20px}
  .m-meta h4{font-size:16px}
  .m-meta p{font-size:12.5px}
  .join-card{padding:32px 24px}
  .join{padding-bottom:130px}
}