/* IVES committee — The people behind IVES (prefix .committee) */
.committee{
  --committee-ink:var(--ink);
  --committee-purple:var(--blue);
  --committee-lime:var(--lime);
  --committee-line:var(--line);
  --committee-card:#fff;
  --committee-muted:#77727f;
  --committee-soft:#625c70;
  --committee-pending:#6e697b;
  --committee-pending-quote:#9b96a4;
  --committee-pending-org:#a6a0b2;
  --committee-index:#696379;
  --committee-year:#797583;
  --committee-bottom:#918b9b;
  --committee-placeholder:#8a839a;
  color:var(--committee-ink);
  padding:88px var(--gutter) 96px;
  overflow:hidden;
  background:#fafaf7;
}
.committee-inner{max-width:1280px;margin:auto}
.committee-top{
  display:flex;align-items:center;justify-content:space-between;
  border-bottom:1px solid var(--committee-line);
  padding-bottom:20px;margin-bottom:34px;
  font-size:11px;letter-spacing:.15em;font-weight:700;text-transform:uppercase;
}
.committee-kicker{display:flex;align-items:center;gap:10px}
.committee-dot{width:8px;height:8px;background:var(--committee-purple);border-radius:50%;display:inline-block}
.committee-year{color:var(--committee-year)}
.committee-intro{
  display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:42px;
}
.committee-title{
  font-size:clamp(42px,5.5vw,76px);line-height:1.01;letter-spacing:-.065em;font-weight:750;margin:0;
  color:var(--committee-ink);
}
.committee-title em{font-style:normal;color:var(--committee-purple);position:relative}
.committee-tag{
  display:inline-block;font-size:13px;letter-spacing:-.02em;vertical-align:top;
  margin:9px 0 0 10px;padding:7px 10px;border:1px solid var(--committee-purple);
  border-radius:50%;transform:rotate(-12deg);color:var(--committee-purple);font-weight:700;
}
.committee-description{
  max-width:270px;margin:0 0 5px;color:var(--committee-muted);font-size:14px;line-height:1.7;
}
.committee-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 22px}
.committee-card{
  background:var(--committee-card);border:1px solid var(--committee-line);border-radius:2px;
  overflow:hidden;display:flex;flex-direction:column;min-width:0;
  transition:transform .25s,border-color .25s,box-shadow .25s;
}
.committee-card:hover{
  transform:translateY(-5px);border-color:#a9a2f5;box-shadow:0 12px 25px #2824380a;
}
.committee-visual{
  position:relative;aspect-ratio:1;border-radius:10px;overflow:hidden;
  display:grid;place-items:end center;isolation:isolate;background:#f3e2a8;
}
.committee-card[data-tone=sand] .committee-visual{background:#f3e2a8}
.committee-card[data-tone=lilac] .committee-visual{background:#e4d7f7}
.committee-card[data-tone=mint] .committee-visual{background:#9fe0d4}
.committee-card[data-tone=sky] .committee-visual{background:#b7dff5}
.committee-portrait{
  position:relative;width:92%;height:100%;margin:0 auto;
  object-fit:contain;object-position:bottom center;filter:grayscale(1);transition:transform .5s;
}
.committee-card:hover .committee-portrait{transform:scale(1.035)}
.committee-index,.committee-label,.committee-mark{z-index:1}
.committee-index{
  position:absolute;left:16px;top:16px;font-size:11px;color:var(--committee-index);letter-spacing:.08em;
}
.committee-mark{
  position:absolute;right:14px;bottom:14px;color:var(--committee-purple);
  font-size:64px;line-height:.65;font-family:Georgia,serif;font-weight:bold;
}
.committee-label{
  position:absolute;left:14px;bottom:14px;background:var(--committee-lime);
  padding:6px 8px;font-size:9px;text-transform:uppercase;letter-spacing:.09em;font-weight:700;
  color:var(--ink);border-radius:2px;
}
.committee-info{padding:20px 20px 0}
.committee-name{
  font-size:20px;font-weight:700;line-height:1.15;letter-spacing:-.04em;margin:0 0 6px;
  color:var(--committee-ink);
}
.committee-role{font-size:11px;color:var(--committee-muted);line-height:1.4;margin:0}
.committee-org{
  font-weight:700;color:var(--committee-purple);font-size:10px;letter-spacing:.08em;
  margin-top:8px;text-transform:uppercase;
}
.committee-quote{
  font-size:13px;line-height:1.65;margin:18px 20px 20px;padding-top:15px;
  border-top:1px solid var(--committee-line);color:var(--committee-soft);flex:1;
}
.committee-quote p{margin:0;max-width:none}
.committee-quote strong{font-weight:600;color:var(--committee-purple)}
.committee-placeholder{
  position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  flex-direction:column;gap:15px;color:var(--committee-placeholder);
}
.committee-avatar{width:88px;height:100px;opacity:.28}
.committee-upload-label{font-size:10px;letter-spacing:.1em;text-transform:uppercase}
.committee-pending .committee-name{color:var(--committee-pending)}
.committee-pending .committee-quote{color:var(--committee-pending-quote);font-style:italic}
.committee-pending .committee-label{background:#ffffffb8;color:var(--committee-placeholder)}
.committee-pending .committee-org{color:var(--committee-pending-org)}
.committee-bottom{
  display:flex;justify-content:space-between;align-items:center;gap:20px;
  margin-top:34px;border-top:1px solid var(--committee-line);padding-top:18px;
  color:var(--committee-bottom);font-size:10px;letter-spacing:.04em;
}
.committee-bottom b{color:var(--committee-purple);font-size:12px;letter-spacing:-.02em}
.committee-line{
  width:45px;height:3px;background:var(--committee-purple);
  box-shadow:45px 0 var(--committee-lime),90px 0 var(--coral);margin-right:90px;flex:none;
}

@media(min-width:1450px){.committee-title{font-size:76px}}
@media(max-width:1050px){
  .committee-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
  .committee-inner{max-width:820px}
  .committee-intro{align-items:flex-start}
  .committee-title{font-size:58px}
  .committee-description{max-width:230px}
  .committee-info{padding:22px 24px 0}
  .committee-quote{margin-left:24px;margin-right:24px}
  .committee-name{font-size:24px}
}
@media(max-width:700px){
  .committee{padding:48px var(--gutter) 56px}
  .committee-top{font-size:9px;margin-bottom:28px}
  .committee-intro{display:block;margin-bottom:30px}
  .committee-title{font-size:49px}
  .committee-description{margin-top:22px;max-width:310px;font-size:13px}
  .committee-grid{grid-template-columns:1fr;gap:24px}
  .committee-inner{max-width:400px}
  .committee-visual{aspect-ratio:1.1}
  .committee-tag{font-size:11px;margin-top:7px}
  .committee-quote{font-size:14px}
  .committee-bottom{font-size:9px;flex-wrap:wrap}
  .committee-bottom b{font-size:10px}
  .committee-line{margin-right:60px}
}
@media(prefers-reduced-motion:reduce){
  .committee-card,.committee-portrait{transition:none}
}