/* 0.28.0 — Our supporters. Uses the existing editorial grid, fonts and palette.
   Scoped to this page; the shared header, menu, search and footer keep their layout. */
.ch-supporters { font-family:var(--chp-sans); color:var(--ch-system-ink); background:var(--ch-white); }
.ch-supporters *, .ch-supporters *::before, .ch-supporters *::after { box-sizing:border-box; }
.ch-supporters :is(h1,h2,h3,p,figure) { margin:0; }
.ch-supporters :is(h1,h2,h3) { color:var(--chp-deep); text-wrap:balance; }
.ch-supporters h1 { font:600 var(--ch-system-h1)/1.07 var(--chp-sans); letter-spacing:-.048em; max-width:23ch; }
.ch-supporters h2 { font:600 var(--ch-system-h2)/1.13 var(--chp-sans); letter-spacing:-.038em; max-width:26ch; }
.ch-supporters h3 { font:500 19px/1.4 var(--chp-sans); letter-spacing:-.025em; }
.ch-supporters em { color:var(--chp-green); font-style:normal; }
.ch-supporters p { font-size:15px; line-height:1.85; color:var(--ch-system-muted); }
.ch-supporters p + p { margin-top:18px; }
.ch-supporters .chp-icon { width:24px; height:24px; flex-shrink:0; color:var(--chp-green); }
.ch-supporters a:focus-visible { outline:3px solid var(--ch-focus); outline-offset:5px; border-radius:var(--ch-radius-sm); }
.ch-supporters section[id] { scroll-margin-top:calc(var(--chp-header-row) + 28px); }
.ch-supporters-opening { padding-top:48px; }
.ch-supporters-grid { display:grid; grid-template-columns:var(--ch-system-rail) minmax(0,1fr); gap:var(--ch-system-gap); }
.ch-supporters-label { display:block; font:500 10px/1.7 var(--chp-sans); letter-spacing:.1em; text-transform:uppercase; color:var(--chp-green); }
.ch-supporters-rail { padding-top:9px; }
.ch-supporters-rail-note { display:block; color:var(--chp-deep); font-size:14px; line-height:1.75; margin-top:17px; }
.ch-supporters .ch-supporters-rail-icon { width:34px; height:34px; margin-top:30px; }
.ch-supporters .ch-supporters-lead { font-size:17px; line-height:1.8; margin-top:28px; max-width:67ch; }
.ch-supporters-story { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); margin-top:48px; border-radius:var(--ch-radius-sm) var(--ch-radius-sm) 64px var(--ch-radius-sm); overflow:hidden; background:var(--ch-system-soft); }
.ch-supporters-photo { position:relative; min-height:470px; background:var(--ch-green-soft); }
.ch-supporters-photo img { display:block; width:100%; height:100%; position:absolute; inset:0; object-fit:cover; object-position:48% center; }
.ch-supporters-photo figcaption { position:absolute; inset:auto 24px 24px; display:flex; align-items:center; gap:14px; background:var(--ch-white); color:var(--chp-deep); padding:17px 20px; font-size:12px; line-height:1.65; border-radius:var(--ch-radius-sm); }
.ch-supporters-photo figcaption .chp-icon { width:21px; height:21px; }
.ch-supporters-story-copy { padding:44px; display:flex; flex-direction:column; align-items:flex-start; }
.ch-supporters-story-copy h2 { font-size:clamp(27px,2.8vw,37px); margin-top:22px; }
.ch-supporters-story-copy p { font-size:14px; margin-top:20px; }
.ch-supporters-link { display:inline-flex; align-items:center; justify-content:space-between; gap:22px; min-height:48px; padding:12px 0; color:var(--chp-green); text-decoration:none; font-size:13px; font-weight:500; line-height:1.6; }
.ch-supporters-link:hover { text-decoration:underline; text-underline-offset:5px; }
.ch-supporters-link .chp-icon { width:20px; height:20px; transition:transform var(--ch-duration) var(--ch-ease); }
.ch-supporters-link:hover .chp-icon { transform:translateX(4px); }
.ch-supporters-story-copy .ch-supporters-link { margin-top:auto; padding-top:24px; }
.ch-supporters-index { display:grid; grid-template-columns:var(--ch-system-rail) repeat(3,minmax(0,1fr)); gap:32px; align-items:center; padding-block:22px; margin-top:26px; border-bottom:1px solid var(--ch-system-rule); }
.ch-supporters-index > span { color:var(--ch-system-muted); font-size:11px; }
.ch-supporters-index a { display:flex; align-items:center; gap:12px; min-height:44px; color:var(--chp-deep); text-decoration:none; font-size:12px; line-height:1.6; }
.ch-supporters-index a:hover { color:var(--chp-green); text-decoration:underline; text-underline-offset:5px; }
.ch-supporters-index small { color:var(--chp-green); font-size:10px; }
.ch-supporters-index .chp-icon { width:18px; height:18px; margin-left:auto; }
.ch-supporters-section { padding-block:var(--ch-system-section); }
.ch-supporters .ch-supporters-intro { font-size:17px; margin-top:26px; max-width:65ch; }
.ch-supporters-contributions { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; margin-block:38px 32px; }
.ch-supporters-contributions > div { border-top:1px solid var(--ch-system-rule); padding-top:24px; }
.ch-supporters-contributions h3 { margin-top:20px; }
.ch-supporters-contributions p { font-size:13px; line-height:1.8; margin-top:12px; }
.ch-supporters-values { background:var(--ch-system-soft); padding-block:var(--ch-system-section); }
.ch-supporters-manifest { border:1px solid var(--ch-system-rule); border-radius:var(--ch-radius-sm) var(--ch-radius-sm) 72px var(--ch-radius-sm); background:var(--ch-green-soft); padding:clamp(28px,5vw,64px); }
.ch-supporters-manifest-top { display:flex; justify-content:space-between; align-items:center; gap:20px; }
.ch-supporters-manifest-top .chp-icon { width:32px; height:32px; }
.ch-supporters-manifest h2 { font-size:clamp(36px,4.8vw,64px); line-height:1.1; letter-spacing:-.045em; max-width:22ch; margin-top:34px; }
.ch-supporters-manifest h2 em { display:block; }
.ch-supporters-manifest p { font-size:17px; color:var(--chp-deep); margin-top:26px; max-width:55ch; }
.ch-supporters-values-body { margin-top:52px; }
.ch-supporters-columns { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:36px; margin-bottom:22px; }
.ch-supporters-columns p + p { margin-top:0; }
.ch-supporters-belonging { list-style:none; padding:0; margin:30px 0 0; }
.ch-supporters-belonging li { display:flex; align-items:baseline; gap:25px; border-top:1px solid var(--ch-system-rule); padding:18px 0; font-size:clamp(18px,2.2vw,26px); font-weight:500; letter-spacing:-.025em; line-height:1.4; color:var(--chp-deep); }
.ch-supporters-belonging li:last-child { padding-bottom:0; }
.ch-supporters-belonging li > span { font-size:11px; font-weight:400; letter-spacing:0; color:var(--chp-green); }
.ch-supporters-partner { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:48px; margin-top:36px; align-items:stretch; }
.ch-supporters-partner-card { padding:34px; background:var(--chp-deep); border-radius:var(--ch-radius-sm) var(--ch-radius-sm) 48px var(--ch-radius-sm); display:flex; flex-direction:column; align-items:flex-start; }
.ch-supporters-partner-card .ch-supporters-label { color:var(--ch-on-dark-muted); }
.ch-supporters-partner-card p { color:var(--ch-on-dark-muted); font-size:13px; }
.ch-supporters-partner-card .ch-supporters-brand { font-size:46px; line-height:1.15; letter-spacing:-.055em; font-weight:600; color:var(--ch-white); margin-top:36px; }
.ch-supporters-brand > span { display:block; font-size:12px; line-height:1.6; letter-spacing:.13em; text-transform:uppercase; font-weight:400; margin-top:10px; }
.ch-supporters-partner-card .ch-supporters-brand + p { margin-block:24px; }
.ch-supporters-partner-card .ch-supporters-link { color:var(--ch-white); border-top:1px solid var(--ch-line-inverse); width:100%; margin-top:auto; padding-top:18px; }
.ch-supporters-partner-card .ch-supporters-link .chp-icon { color:inherit; }
.ch-supporters-partner-card a:focus-visible { outline-color:var(--ch-white); }
.ch-supporters-thanks { padding-block:8px; }
.ch-supporters-thanks > .chp-icon { margin-bottom:20px; }
.ch-supporters-signoff { display:block; font-size:12px; font-weight:500; color:var(--chp-deep); margin-top:28px; }
@media(max-width:1100px) {
  .ch-supporters-story-copy { padding:32px; }
  .ch-supporters-photo { min-height:480px; }
  .ch-supporters-index { gap:20px; }
  .ch-supporters-partner { gap:30px; }
  .ch-supporters-partner-card { padding:28px; }
  .ch-supporters-partner-card .ch-supporters-brand { font-size:38px; }
}
@media(max-width:760px) {
  .ch-supporters-opening { padding-top:24px; }
  .ch-supporters-grid { grid-template-columns:1fr; gap:20px; }
  .ch-supporters-rail { padding:0; }
  .ch-supporters-rail-note,.ch-supporters .ch-supporters-rail-icon { display:none; }
  .ch-supporters h1 { font-size:clamp(35px,8.8vw,48px); line-height:1.1; max-width:23ch; }
  .ch-supporters h2 { font-size:clamp(29px,7.6vw,38px); }
  .ch-supporters p { font-size:15px; line-height:1.85; }
  .ch-supporters .ch-supporters-lead,.ch-supporters .ch-supporters-intro { font-size:15px; margin-top:22px; }
  .ch-supporters-story { grid-template-columns:1fr; margin-top:30px; border-bottom-right-radius:38px; }
  .ch-supporters-photo { min-height:0; height:300px; }
  .ch-supporters-photo figcaption { inset:auto 16px 16px; padding:13px 15px; font-size:11px; gap:12px; }
  .ch-supporters-story-copy { padding:28px 24px 24px; }
  .ch-supporters-story-copy h2 { font-size:29px; margin-top:16px; }
  .ch-supporters-story-copy p { font-size:14px; margin-top:18px; }
  .ch-supporters-index { grid-template-columns:1fr; gap:0; margin-top:24px; padding-block:0; border:0; }
  .ch-supporters-index > span { padding-bottom:12px; }
  .ch-supporters-index a { padding-block:15px; border-top:1px solid var(--ch-system-rule); font-size:13px; gap:16px; }
  .ch-supporters-index a:last-child { border-bottom:1px solid var(--ch-system-rule); }
  .ch-supporters-section,.ch-supporters-values { padding-block:48px; }
  .ch-supporters-contributions { grid-template-columns:1fr; gap:0; margin-block:26px; }
  .ch-supporters-contributions > div { display:grid; grid-template-columns:24px minmax(0,1fr); gap:8px 18px; padding-block:20px; }
  .ch-supporters-contributions h3 { margin:0; font-size:18px; }
  .ch-supporters-contributions p { grid-column:2; margin:0; font-size:14px; }
  .ch-supporters-contributions .chp-icon { grid-row:1 / 3; }
  .ch-supporters-contributions > div:last-child { padding-bottom:0; }
  .ch-supporters-manifest { padding:26px 24px 32px; border-bottom-right-radius:42px; }
  .ch-supporters-manifest h2 { font-size:clamp(31px,8vw,44px); margin-top:30px; }
  .ch-supporters-manifest p { font-size:15px; margin-top:22px; }
  .ch-supporters-manifest-top .chp-icon { width:25px; height:25px; }
  .ch-supporters-values-body { margin-top:32px; }
  .ch-supporters-columns { grid-template-columns:1fr; gap:18px; margin-bottom:18px; }
  .ch-supporters-belonging { margin-top:24px; }
  .ch-supporters-belonging li { font-size:19px; gap:16px; padding-block:17px; }
  .ch-supporters-partner { grid-template-columns:1fr; gap:28px; margin-top:26px; }
  .ch-supporters-partner-card { padding:28px; }
  .ch-supporters-thanks { padding:0; }
}
@media(prefers-reduced-motion:reduce) {
  .ch-supporters-link .chp-icon { transition:none; }
  .ch-supporters-link:hover .chp-icon { transform:none; }
}
@media print {
  .ch-supporters-index { display:none; }
  .ch-supporters-grid,.ch-supporters-story,.ch-supporters-partner { display:block; }
  .ch-supporters-section,.ch-supporters-values { padding-block:24px; }
  .ch-supporters-partner-card,.ch-supporters-manifest { break-inside:avoid; }
}