/* team.css — Team page only. base.css handles nav, footer, page-hero, buttons. */

section{padding:64px 24px;}
.wrap{max-width:1080px; margin:0 auto;}
.eyebrow{text-align:center;}

/* LEADERSHIP */
.lead-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:36px;}
.member{background:var(--paper); border:1px solid var(--line); border-radius:8px; overflow:hidden; text-align:center;}
.member img{width:100%; height:220px; object-fit:cover;}
.member-body{padding:18px 16px 22px;}
.member-body h3{font-family:'Bebas Neue',sans-serif; font-size:22px; color:var(--forest); letter-spacing:0.02em;}
.member-body .role{font-size:13px; color:var(--rust); font-weight:700; text-transform:uppercase; letter-spacing:0.05em; margin:4px 0 10px;}
.member-body p{font-size:14px; color:#5A4C3D;}
.edit-flag{display:inline-block; margin-top:10px; font-size:11px; color:var(--amber-dark); background:#FBEFD6; padding:3px 8px; border-radius:10px; font-weight:700;}

/* DEPARTMENTS — each is clickable, links through to the volunteer sign-up form */
.dept-band{background:var(--forest); color:var(--cream);}
.dept-band .eyebrow{color:var(--amber); text-align:center;}
.dept-band h2{text-align:center; font-size:34px; margin-bottom:8px;}
.dept-band > .wrap > p{text-align:center; color:#D9E4DA; max-width:520px; margin:0 auto 32px;}
.dept-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:14px;}
.dept{
  background:rgba(255,255,255,0.06); border:1px solid rgba(255,255,255,0.15); border-radius:6px;
  padding:18px 16px; text-align:center; font-size:14px; font-weight:600; cursor:pointer;
  transition:transform 0.2s ease, background 0.2s ease, border-color 0.2s ease;
  display:block;
}
.dept:hover{transform:translateY(-4px); background:rgba(242,184,75,0.14); border-color:var(--amber);}
.dept .hint{display:block; font-size:11px; font-weight:400; color:var(--amber); margin-top:6px; opacity:0.85;}

/* JOIN THE TEAM CTA */
.join-team{text-align:center;}
.join-team h2{font-size:32px; color:var(--forest); margin-bottom:12px;}
.join-team p{max-width:460px; margin:0 auto 24px; color:#5A4C3D;}

@media (max-width:800px){
  .lead-grid{grid-template-columns:1fr;}
  .dept-grid{grid-template-columns:repeat(2,1fr);}
}