/* Ways to Give — Header (#wg-top). Verbatim from new-pages/source/ways-to-give/index.html v2 §1
   (texture removed 2026-10-17). Plugin change: gradient colours are variables (--oip-g1…g4, HTML values
   as fallbacks, Style tab). Base .wg-btn arrow icon comes from the shared button helper. */
.wg .wg-hero{position:relative;background:var(--navy);color:#fff;overflow:hidden;isolation:isolate;}
.wg .wg-hero::before{content:"";position:absolute;inset:0;z-index:-2;background:
  radial-gradient(800px 520px at 15% 20%,var(--oip-g1,rgba(88,122,181,.40)),transparent 60%),
  radial-gradient(700px 500px at 100% 100%,var(--oip-g2,rgba(255,112,67,.18)),transparent 60%),
  linear-gradient(180deg,var(--oip-g3,#001D3A) 0%,var(--oip-g4,#002348) 100%);}
.wg .wg-hero-in{padding-block:clamp(64px,8vw,112px);}
.wg .wg-hero .wg-eyebrow{color:var(--gold);}
.wg .wg-h1{font-family:var(--serif);font-weight:400;font-size:clamp(46px,7vw,88px);line-height:1;letter-spacing:-1px;color:#fff;margin-top:18px;}
.wg .wg-lead{font-size:clamp(17px,1.6vw,20px);line-height:1.7;color:rgba(255,255,255,.86);max-width:760px;margin-top:26px;}
.wg .wg-lead strong{color:#fff;}
.wg .wg-hero-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px;}
.wg .wg-hero-ctas .wg-btn--line{border-color:rgba(255,255,255,.7);color:#fff;}
.wg .wg-hero-ctas .wg-btn--line:hover{background:#fff;color:var(--navy);border-color:#fff;}
.wg .wg-trust{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px;}
.wg .wg-trust li{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;letter-spacing:.4px;padding:8px 13px;border-radius:100px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);color:rgba(255,255,255,.88);}
.wg .wg-trust li svg{width:14px;height:14px;color:#3ddc97;}

@media (max-width:680px){
  .wg .wg-hero-ctas .wg-btn{flex:1 1 100%;}
}