@font-face { font-family: 'Manrope'; font-style: normal; font-weight: 400; font-display: swap; src: url('../fonts/manrope-400.ttf') format('truetype'); }
@font-face { font-family: 'Manrope'; font-style: normal; font-weight: 500; font-display: swap; src: url('../fonts/manrope-500.ttf') format('truetype'); }
@font-face { font-family: 'Manrope'; font-style: normal; font-weight: 600; font-display: swap; src: url('../fonts/manrope-600.ttf') format('truetype'); }
@font-face { font-family: 'Manrope'; font-style: normal; font-weight: 700; font-display: swap; src: url('../fonts/manrope-700.ttf') format('truetype'); }
@font-face { font-family: 'Manrope'; font-style: normal; font-weight: 800; font-display: swap; src: url('../fonts/manrope-800.ttf') format('truetype'); }
/* === Get Involved V18 — the report-card (V18) / homepage system applied to
   /get-involved/ (Christopher's direction, 2026-10-28: redo this page in
   the styling of the homepage and the perfect template). FONT LOCK: Manrope only — the same five
   @font-face weights the homepage and report-v18.css load. No condensed
   stack, no base-theme heading/body stacks inside this page. === */
body.page-get-involved { background:#FAF8F3; }
body.page-get-involved .gh-head { background:#FAF8F3; font-family:'Manrope',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; }
body.page-get-involved .gh-head a,
body.page-get-involved .gh-foot { font-family:'Manrope',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; }

.gi-v18 { --ground:#FAF8F3; --paper:#FFFFFF; --ink:#2A0C3C; --ink2:#3A1251; --muted:#6E5A86; --body:#4A3566; --line:#E3D9F2; --line2:#D5C8EC; --lilac:#F3EDFA; --tray:#F1EAF9; --lime:#BEF264;
  background:var(--ground); color:var(--ink); font-variant-numeric:tabular-nums; overflow-x:clip; padding-bottom:96px; width:100vw; max-width:none; margin-left:calc(50% - 50vw);
  font-family:'Manrope',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; }
.gi-v18, .gi-v18 h1, .gi-v18 h2, .gi-v18 h3, .gi-v18 p, .gi-v18 li, .gi-v18 a, .gi-v18 span, .gi-v18 strong { font-family:'Manrope',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; }
.gi-v18 ::selection { background:var(--lime); color:var(--ink); }
.gi-v18 * { box-sizing:border-box; }
.gi-v18 a:focus-visible { outline:3px solid var(--ink); outline-offset:2px; border-radius:4px; }

.gi-hero { padding:64px 24px 0; max-width:1108px; margin-inline:auto; }
.gi-imprint { font-size:12px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--muted); margin:0 0 24px; }
.gi-title { font-size:clamp(2.7rem,6.2vw,4.75rem); font-weight:800; line-height:1.02; letter-spacing:-0.03em; color:var(--ink); margin:0 0 24px; max-width:16ch; text-wrap:balance; }
.gi-title em { font-style:normal; box-shadow:inset 0 -0.14em 0 var(--lime); }
.gi-stand { font-size:clamp(1.05rem,1.6vw,1.25rem); line-height:1.6; color:var(--body); max-width:62ch; margin:0; }
.gi-status { display:flex; flex-wrap:wrap; gap:8px 24px; margin:24px 0 0; font-size:.95rem; font-weight:700; color:var(--ink2); }
.gi-status span::before { content:"·"; margin-right:24px; color:var(--muted); }
.gi-status span:first-child::before { content:""; margin-right:0; }

.gi-ticker { margin:48px calc(50% - 50vw) 0; background:var(--ink2); border-top:1px solid var(--ink); border-bottom:1px solid var(--ink); overflow:hidden; padding:12px 0; }
.gi-ticker__track { display:flex; gap:0; width:max-content; animation:gitick 32s linear infinite; }
.gi-ticker__track span { font-size:14px; font-weight:800; letter-spacing:.05em; text-transform:uppercase; color:#fff; white-space:nowrap; padding-right:20px; }
.gi-ticker__track span::after { content:"·"; margin-left:20px; font-weight:800; }
@keyframes gitick { to { transform:translateX(-50%); } }
@media (prefers-reduced-motion: reduce) { .gi-ticker__track { animation:none; } }
.gi-ticker__track:hover, .gi-ticker__track:active { animation-play-state:paused; }

.gi-sec { margin-top:96px; padding-inline:24px; max-width:1108px; margin-inline:auto; }
.gi-sec-head { margin-bottom:48px; display:flex; flex-wrap:wrap; align-items:center; gap:16px 24px; }
.gi-h2 { font-size:clamp(2rem,4vw,3rem); font-weight:800; letter-spacing:-0.03em; line-height:1.05; color:var(--ink); margin:0; text-wrap:balance; }
.gi-sec-sub { font-size:16.5px; line-height:1.65; color:var(--body); max-width:64ch; margin:12px 0 0; flex-basis:100%; }
.gi-pill { display:inline-block; font-size:12px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; color:var(--ink2); background:var(--lilac); border:1.5px solid var(--ink2); border-radius:99px; padding:8px 16px; }

/* option cards — double-bezel, same as V18 cards */
.gi-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:40px; }
.gi-card { background:var(--paper); border:1px solid var(--line2); border-radius:20px; padding:32px; display:flex; flex-direction:column;
  box-shadow:0 0 0 6px var(--tray), 0 0 0 7px var(--line), inset 0 1px 0 #fff, 0 24px 40px -28px rgba(42,12,60,.28); }
.gi-card__title { font-size:1.45rem; font-weight:800; letter-spacing:-0.02em; line-height:1.12; color:var(--ink); margin:0 0 12px; }
.gi-card__text { font-size:15.5px; line-height:1.6; color:var(--body); margin:0 0 16px; }
.gi-card__link { margin-top:auto; font-size:.98rem; font-weight:800; color:var(--ink2); text-decoration:none; }
.gi-card__link:hover { text-decoration:underline; text-underline-offset:3px; }
.gi-card__sub { margin:12px 0 0; font-size:.92rem; font-weight:600; color:var(--muted); }
.gi-card__sub a { color:var(--ink2); font-weight:700; }

/* featured event panel */
.gi-feature { background:var(--lilac); border-radius:20px; padding:32px; max-width:1060px; }
.gi-feature__date { display:block; font-size:clamp(1.6rem,3vw,2.2rem); font-weight:800; letter-spacing:-0.02em; line-height:1.1; color:var(--ink); margin:0 0 12px; }
.gi-feature p { font-size:16.5px; line-height:1.65; color:var(--body); max-width:64ch; margin:0 0 16px; }
.gi-feature a { color:var(--ink2); font-weight:800; text-decoration:none; }
.gi-feature a:hover { text-decoration:underline; text-underline-offset:3px; }

.gi-close { border-top:1px solid var(--line2); padding-top:64px; }
.gi-actions { display:flex; flex-wrap:wrap; gap:16px; margin-top:32px; }
.gi-btn { display:inline-block; font-weight:800; font-size:1rem; color:var(--ink); text-decoration:none; border:2px solid var(--ink); border-radius:99px; padding:14px 28px; transition:background .2s ease, color .2s ease; }
.gi-btn:hover { background:var(--lilac); }
.gi-btn--solid { background:var(--ink); color:#fff; }
.gi-btn--solid:hover { background:var(--ink2); color:#fff; }
.gi-credits { margin-top:48px; font-size:.92rem; line-height:1.6; color:var(--muted); max-width:70ch; }
.gi-credits a { color:var(--ink2); font-weight:700; }

/* prose */
.gi-prose p { font-size:16.5px; line-height:1.65; color:var(--body); max-width:68ch; margin:0 0 16px; }
.gi-prose p:last-child { margin-bottom:0; }
.gi-prose a { color:var(--ink2); font-weight:700; }

@media (max-width:760px) {
  .gi-hero { padding-top:48px; }
  .gi-sec { margin-top:64px; }
  .gi-sec-head { margin-bottom:32px; }
  .gi-grid { grid-template-columns:1fr; gap:28px; }
  .gi-card, .gi-feature { padding:24px; }
          .gi-status { flex-direction:column; gap:4px; }
  .gi-status span::before { content:""; margin-right:0; }
}