/* Shared colors, navigation, buttons, and panels come from home.css. */
.about-content { display:grid; gap:32px; padding:112px 0 48px; }
.about-content>.section { padding-top:0; padding-bottom:0; }
.about-heading-copy {
  margin:0; padding-bottom:22px; border-bottom:1px solid var(--line);
  font-size:clamp(42px,6vw,64px); font-weight:400; line-height:1.1; letter-spacing:-.04em;
}
.about-intro-section>p { margin:23px 0 0; color:#c9b9d9; font-size:15px; line-height:1.85; }
.about-intro-section>p+p { margin-top:16px; }
.about-stats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); max-width:560px; margin-top:32px; }
.about-stat { display:flex; flex-direction:column; gap:8px; min-width:0; padding:0 24px; }
.about-stat:first-child { padding-left:0; }
.about-stat+.about-stat { border-left:1px solid var(--line); }
.about-stat .stat-number {
  color:var(--lavender); font-size:clamp(32px,5vw,64px); font-weight:400;
  line-height:1; letter-spacing:-.04em; font-variant-numeric:tabular-nums;
}
.about-stat .stat-label { color:#c9b9d9; font-size:13px; line-height:1.5; }
.about-intro .about-stats-note { margin:18px 0 0; color:#c9b9d9; font-size:11px; line-height:1.6; }
.about-content .involved-panel { grid-template-columns:repeat(2,minmax(0,1fr)); gap:48px; padding:40px; }
.about-content .section-copy,.about-content .photo-hover { min-width:0; }
.about-content .section-copy>p:not(.eyebrow) { max-width:440px; }
.about-content .activity-photo { margin:0; }
.about-content .activity-photo img { display:block; width:100%; height:auto; aspect-ratio:1.2; object-fit:cover; }

/* Each role keeps its own grid. The caption follows the card's corners. */
.board-section .board-heading {
  margin:16px 0 32px; color:var(--text); font-size:clamp(32px,4vw,48px);
  font-weight:400; line-height:1.1; letter-spacing:-.04em;
}
.board-group+.board-group { margin-top:40px; }
.board-section .board-group-heading { margin:0 0 20px; color:var(--lavender); font-size:18px; font-weight:500; line-height:1.4; }
.board-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.board-person {
  position:relative; min-width:0; overflow:hidden; isolation:isolate; aspect-ratio:1;
  border:1px solid #ddcaf425; border-radius:24px; background:#332044;
}
.board-photo {
  display:block; width:100%; height:100%; object-fit:cover; object-position:50% 30%;
  transition:transform .7s cubic-bezier(.16,1,.3,1);
}
.board-caption {
  position:absolute; inset:auto 0 0; padding:18px 20px;
  border-top:1px solid #ffffff14; border-radius:0 0 23px 23px;
  background:rgba(8,6,12,.76); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px);
}
.board-section .board-name { margin:0 0 5px; color:#fbf8ff; font-size:clamp(17px,1.8vw,21px); font-weight:500; line-height:1.25; }
.board-section .board-year { margin:0; color:#d0c5dc; font-size:13px; line-height:1.5; }
.about-content>.about-questions {
  display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap;
  gap:20px; margin-top:16px; padding:32px 0 8px; border-top:1px solid var(--line);
}
.about-questions h2 { font-size:clamp(32px,4vw,48px); }
.about-questions .text-link { font-size:16px; }
.site-header a[aria-current="page"] { color:#fff; }

/* Content stays visible without JavaScript or when reduced motion is requested. */
.about-motion [data-enter] {
  opacity:0; transform:translate3d(0,32px,0);
  transition:opacity .7s cubic-bezier(.25,.1,.25,1),transform .85s cubic-bezier(.25,.1,.25,1);
  transition-delay:var(--enter-delay,0ms);
}
.about-motion [data-enter].has-entered { opacity:1; transform:none; }
.about-motion .board-person[data-enter] { transform:translate3d(0,38px,0); }
.about-motion .board-person.has-entered { transform:none; }
.about-motion .about-questions[data-enter] { transition-duration:1s,1.1s; }
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
  .board-person:hover .board-photo { transform:scale(1.035); }
}
@media (max-width:800px) {
  .about-content { gap:28px; padding:96px 0 40px; }
  .about-content .involved-panel { grid-template-columns:1fr; gap:28px; padding:28px; }
  .about-content .section-copy>p:not(.eyebrow) { max-width:none; }
  .board-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
}
@media (max-width:600px) {
  .about-content { gap:24px; padding:92px 0 36px; }
  .about-heading-copy { padding-bottom:18px; }
  .about-intro-section>p { margin-top:20px; font-size:14px; line-height:1.8; }
  .about-intro-section>p+p { margin-top:16px; }
  .about-stats { margin-top:28px; }
  .about-stat { padding:0 14px; }
  .about-stat .stat-label { font-size:12px; }
  .about-content .involved-panel { gap:24px; padding:24px; }
  .about-content .activity-photo img { aspect-ratio:1.3; }
  .board-section .board-heading { margin:12px 0 24px; }
  .board-group+.board-group { margin-top:32px; }
  .board-caption { padding:16px 18px; }
}
@media (max-width:480px) {
  .board-grid { grid-template-columns:1fr; gap:20px; }
  .board-person { border-radius:20px; }
  .board-caption { border-radius:0 0 19px 19px; }
  .board-section .board-name { font-size:21px; }
}
@media (prefers-reduced-motion:reduce) {
  .about-motion [data-enter] { opacity:1; transform:none; transition:none; }
}