/* ==========================================================================
   Page: Get Involved
   Layout signature — a three-way split hero, one full-height column per path,
   then alternating full-width panels pairing a pitch with its own inline
   form. No card grid appears anywhere on this page.
   ========================================================================== */

.blob[data-pos="g0"]{--s:320px;left:-9%;top:12%;}
.blob[data-pos="g2"]{--s:300px;right:-7%;top:20%;--d:2s;}

/* ==========================================================================
   HERO
   ========================================================================== */
.gi-hero{background:var(--forest);padding:180px 0 0;position:relative;overflow:hidden;}
.gi-hero::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(circle at 22% 18%,rgba(207,227,63,.12),transparent 46%),
             radial-gradient(circle at 82% 12%,rgba(23,163,152,.12),transparent 44%);
}
.gi-hero .wrap{position:relative;z-index:var(--z-content);}
.gi-hero-top{max-width:52ch;margin-bottom:64px;}
.gi-hero h1{color:#fff;margin-top:22px;font-size:clamp(2.3rem,5.2vw,3.9rem);}
.gi-hero h1 em{font-style:normal;color:var(--hivis);}
.gi-hero-lede{margin-top:20px;}

/* ---- Three-way split ----
   Full-width columns rather than cards. Each is a whole path, and the
   colour is the only thing separating them.
   ------------------------------------------------------------------------ */
.gi-split{display:grid;grid-template-columns:repeat(3,1fr);position:relative;z-index:var(--z-content);}
.gi-split-col{
  display:flex;flex-direction:column;gap:12px;
  padding:52px 40px 58px;color:#fff;position:relative;
  border-top:4px solid transparent;
  transition:background var(--dur),transform var(--dur);
}
.gi-split-col + .gi-split-col{border-left:1px solid rgba(255,255,255,.14);}
.gi-split-col--hivis{border-top-color:var(--hivis);}
.gi-split-col--teal{border-top-color:var(--teal);}
.gi-split-col--coral{border-top-color:var(--coral);}
.gi-split-col:hover{background:rgba(255,255,255,.06);}
.gi-split-col--hivis:hover{background:rgba(207,227,63,.1);}
.gi-split-col--teal:hover{background:rgba(23,163,152,.12);}
.gi-split-col--coral:hover{background:rgba(255,107,74,.12);}
.gi-split-tag{font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--on-dark-soft);}
.gi-split-h{
  font-family:var(--f-display);font-weight:800;
  font-size:clamp(1.4rem,2.6vw,1.9rem);letter-spacing:var(--track-display);
}
.gi-split-p{font-size:.9rem;color:var(--on-dark);max-width:32ch;}
.gi-split-go{margin-top:auto;padding-top:20px;color:var(--hivis);transition:transform var(--dur);}
.gi-split-col:hover .gi-split-go{transform:translateX(6px);}

/* ==========================================================================
   PATH PANELS
   ========================================================================== */
.gi-panel{padding:var(--sec) 0;scroll-margin-top:90px;}
.gi-panel--teal{background:var(--cream-2);}
.gi-panel-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:start;position:relative;z-index:var(--z-content);}
.gi-panel--flip .gi-panel-grid{direction:rtl;}
.gi-panel--flip .gi-panel-grid > *{direction:ltr;}

.gi-pitch h2{font-size:clamp(1.8rem,3.4vw,2.6rem);margin:16px 0 14px;}
.gi-pitch-lede{margin-bottom:28px;}
.gi-points{display:grid;gap:2px;margin-bottom:34px;}
.gi-points li{
  display:flex;gap:14px;align-items:center;
  padding:14px 0;border-bottom:1px solid var(--line);font-size:.96rem;
}
.gi-points li:last-child{border-bottom:none;}
.gi-pitch-ph{height:300px;border-radius:var(--r);}

.gi-form-wrap{position:sticky;top:110px;}
.gi-form .card-body{padding:34px 32px;}
.gi-form h3{font-size:1.3rem;margin-bottom:22px;}
.gi-form .form-note{margin-bottom:20px;}
.gi-form-note{font-size:.76rem;color:var(--muted);margin-top:14px;line-height:1.6;}

/* ==========================================================================
   DIRECT CONTACT
   ========================================================================== */
.gi-direct{background:var(--forest);padding:var(--sec) 0;}
.gi-direct-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;}
.gi-direct h2{color:#fff;font-size:clamp(1.7rem,3.2vw,2.4rem);margin-bottom:14px;}
.gi-direct-list{display:grid;gap:2px;}
.gi-direct-list li{
  display:flex;gap:18px;align-items:center;
  padding:22px 0;border-bottom:1px solid rgba(255,255,255,.14);
  color:#fff;
}
.gi-direct-list li:last-child{border-bottom:none;}
.gi-direct-list svg{color:var(--hivis);flex-shrink:0;}
.gi-direct-l{
  display:block;font-size:.66rem;letter-spacing:.14em;
  text-transform:uppercase;color:var(--on-dark-soft);margin-bottom:4px;
}
.gi-direct-list a{font-weight:600;font-size:1rem;}
.gi-direct-list a:hover{color:var(--hivis);}

/* ==========================================================================
   RESPONSIVE
   ========================================================================== */
@media (max-width:1080px){
  .gi-panel-grid{grid-template-columns:1fr;gap:44px;}
  .gi-panel--flip .gi-panel-grid{direction:ltr;}
  .gi-form-wrap{position:static;max-width:560px;}
  .gi-direct-grid{grid-template-columns:1fr;gap:40px;}
}

@media (max-width:860px){
  .gi-hero{padding:150px 0 0;}
  .gi-split{grid-template-columns:1fr;}
  .gi-split-col{padding:34px 24px 38px;border-top:4px solid transparent;}
  .gi-split-col + .gi-split-col{border-left:none;}
  .gi-pitch-ph{height:220px;}
  .gi-form .card-body{padding:26px 22px;}
}