:root{
  --green:#063f22;
  --green-2:#1e5d33;
  --sage:#95a869;
  --olive:#66753e;
  --cream:#fbf7ec;
  --paper:#fffdf5;
  --paper-2:#f7f1df;
  --ink:#14241a;
  --muted:#3e4a40;
  --gold:#cf8d26;
  --orange:#f08a24;
  --border:rgba(35,70,37,.16);
  --shadow:0 20px 54px rgba(43,54,30,.13), 0 2px 10px rgba(43,54,30,.07);
  --radius:18px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family: "Segoe UI", Inter, Roboto, Arial, sans-serif;
  color:var(--ink);
  background:
    radial-gradient(circle at 86% 9%, rgba(224,177,88,.18), transparent 23rem),
    radial-gradient(circle at 8% 30%, rgba(137,153,88,.13), transparent 20rem),
    linear-gradient(180deg,#fffdf7 0%, var(--cream) 100%);
}
img{display:block;max-width:100%;height:auto}
.wwca-container{
  width:min(1320px, calc(100% - clamp(30px,5vw,70px)));
  margin-inline:auto;
}
.wwca-hero{
  position:relative;
  overflow:hidden;
  min-height:510px;
  display:flex;
  align-items:center;
  padding:clamp(48px,6vw,74px) 0 clamp(28px,4vw,50px);
  border-bottom:1px solid rgba(42,72,38,.12);
}
.wwca-hero::before{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:44%;
  background:linear-gradient(180deg,transparent 0%,rgba(228,211,161,.23) 100%);
  pointer-events:none;
}
.wwca-hero__inner{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(360px,.43fr) minmax(520px,.57fr);
  align-items:center;
  gap:clamp(22px,3vw,46px);
}
.wwca-hero__copy{padding-top:6px}
.eyebrow{
  margin:0 0 12px;
  letter-spacing:.18em;
  font-size:clamp(.76rem,.9vw,.92rem);
  font-weight:800;
  color:#2f4d2a;
}
.wwca-hero h1{
  margin:0;
  font-family:Georgia, "Times New Roman", serif;
  font-weight:900;
  line-height:.95;
  letter-spacing:-.045em;
  color:var(--green);
  font-size:clamp(4.1rem,7vw,7.4rem);
  text-wrap:balance;
}
.accent-line{
  display:block;
  width:86px;
  height:6px;
  background:var(--orange);
  border-radius:99px;
  margin:24px 0 22px;
}
.lead{
  width:min(560px,100%);
  margin:0;
  font-size:clamp(1.05rem,1.45vw,1.42rem);
  line-height:1.55;
  font-weight:650;
  color:#1d2c22;
}
.mini-savanna{
  width:min(430px,88%);
  margin-top:24px;
  opacity:.86;
}
.wwca-hero__art{
  position:relative;
  min-height:430px;
  display:flex;
  align-items:flex-end;
  justify-content:flex-end;
}
.sun-disc{
  position:absolute;
  width:min(230px,26vw);
  aspect-ratio:1;
  border-radius:50%;
  left:15%;
  top:16%;
  background:radial-gradient(circle at 45% 42%, #ffb554 0%, #ff952e 56%, rgba(255,149,46,.04) 72%);
  filter:blur(.1px);
  opacity:.94;
  z-index:0;
}
.wwca-hero__art img{
  position:relative;
  z-index:1;
  width:min(820px,100%);
  filter:drop-shadow(0 24px 22px rgba(51,43,20,.12));
  transform:translateY(20px);
}
.programs{padding:28px 0 64px}
.programs__inner{display:grid;gap:24px}
.program-card{
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:150px minmax(0,1fr) minmax(310px,410px);
  gap:30px;
  align-items:center;
  background:
    radial-gradient(circle at 90% 18%, rgba(221,169,77,.08), transparent 26rem),
    radial-gradient(circle at 8% 90%, rgba(126,145,70,.10), transparent 22rem),
    linear-gradient(115deg, rgba(255,255,251,.96), rgba(250,244,226,.96));
  border:1px solid var(--border);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  padding:26px 28px 24px 24px;
  isolation:isolate;
}
.program-card::before{
  content:"";
  position:absolute;
  inset:10px;
  border:1px solid rgba(255,255,255,.72);
  border-radius:calc(var(--radius) - 6px);
  pointer-events:none;
}
.program-card__rail{
  min-height:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:16px;
  border-right:2px solid rgba(207,141,38,.34);
  padding-right:22px;
}
.icon-frame{
  width:128px;
  aspect-ratio:1;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:radial-gradient(circle,#f0efcb 0%,#e3e7bd 70%,rgba(227,231,189,.45) 100%);
  box-shadow:inset 0 0 0 1px rgba(46,85,35,.13), 0 15px 28px rgba(45,61,27,.08);
}
.icon-frame img{width:112px;height:112px;object-fit:contain;filter:drop-shadow(0 6px 8px rgba(3,54,25,.16))}
.rail-line{width:1px;min-height:24px;background:linear-gradient(var(--sage),transparent)}
.rail-grass{width:110px;height:42px;object-fit:cover;object-position:center bottom;opacity:.85}
.program-card__body{position:relative;z-index:1;padding:4px 0}
.program-card__body h2{
  margin:0;
  font-size:clamp(1.62rem,2.1vw,2.28rem);
  line-height:1.08;
  letter-spacing:-.035em;
  color:var(--green);
  font-weight:900;
}
.program-card__body h2 span{color:#0b3020;margin-right:.16em}
.title-rule{
  display:block;
  width:74px;
  height:4px;
  border-radius:99px;
  background:var(--orange);
  margin:15px 0 18px;
}
.program-card__body p{
  margin:0 0 12px;
  font-size:clamp(.93rem,1vw,1.01rem);
  line-height:1.58;
  color:#1e2e24;
  font-weight:530;
}
.program-card__body p:last-child{margin-bottom:0}
.program-card__image{
  margin:0;
  align-self:stretch;
  min-height:260px;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  border-radius:14px;
  background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(241,230,197,.38));
}
.program-card__image img{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center bottom;
  filter:drop-shadow(0 16px 14px rgba(52,45,22,.10));
}
.reveal{opacity:1;transform:none}
.js .reveal{
  opacity:0;
  transform:translateY(28px);
  transition:opacity .75s ease, transform .75s cubic-bezier(.19,1,.22,1);
}
.js .reveal.is-visible{opacity:1;transform:translateY(0)}
.program-card:nth-child(2){transition-delay:.08s}
.program-card:nth-child(3){transition-delay:.12s}
.program-card:nth-child(4){transition-delay:.16s}
@media (max-width:1080px){
  .wwca-hero__inner{grid-template-columns:1fr;gap:10px}
  .wwca-hero__copy{text-align:left;max-width:720px}
  .wwca-hero__art{min-height:auto;justify-content:center}
  .wwca-hero__art img{width:min(820px,96%);transform:translateY(4px)}
  .sun-disc{left:34%;top:9%}
  .program-card{grid-template-columns:112px minmax(0,1fr);gap:22px}
  .program-card__image{grid-column:2;min-height:230px;margin-top:-4px}
  .program-card__rail{grid-row:1 / span 2}
}
@media (max-width:720px){
  .wwca-container{width:min(100% - 28px, 640px)}
  .wwca-hero{min-height:auto;padding:34px 0 24px}
  .eyebrow{font-size:.72rem;margin-bottom:8px}
  .wwca-hero h1{font-size:clamp(3.05rem,16vw,4.2rem);letter-spacing:-.06em;white-space:nowrap}
  .accent-line{width:58px;height:4px;margin:16px 0 16px}
  .lead{font-size:1rem;line-height:1.55;font-weight:620}
  .mini-savanna{width:82%;margin-top:16px}
  .wwca-hero__art img{width:106%;max-width:none}
  .sun-disc{width:146px;left:25%;top:18%}
  .programs{padding:20px 0 42px}
  .programs__inner{gap:18px}
  .program-card{
    grid-template-columns:1fr;
    gap:14px;
    padding:20px 16px 18px;
    border-radius:16px;
  }
  .program-card__rail{
    flex-direction:row;
    border-right:0;
    border-bottom:1px solid rgba(207,141,38,.26);
    padding:0 0 12px;
    justify-content:flex-start;
    min-height:auto;
  }
  .icon-frame{width:94px}
  .icon-frame img{width:82px;height:82px}
  .rail-line{display:none}
  .rail-grass{width:130px;height:34px;object-fit:cover;opacity:.75}
  .program-card__body h2{font-size:1.48rem;line-height:1.12}
  .title-rule{width:54px;height:3px;margin:11px 0 13px}
  .program-card__body p{font-size:.96rem;line-height:1.62;margin-bottom:10px}
  .program-card__image{grid-column:auto;min-height:0;height:auto;margin-top:0;background:transparent}
  .program-card__image img{max-height:250px;width:100%;object-fit:contain}
}
@media (max-width:420px){
  .wwca-container{width:min(100% - 22px, 390px)}
  .wwca-hero h1{font-size:3rem;letter-spacing:-.075em}
  .lead{font-size:.97rem}
  .program-card{padding:18px 14px}
  .program-card__body h2{font-size:1.34rem}
  .program-card__body p{font-size:.94rem}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .reveal{opacity:1;transform:none}
}


/* Final mobile cleanup requested: remove all mini savanna line decorations, keep layout clean */
.mini-savanna,
.rail-grass,
.rail-line{
  display:none !important;
}

@media (max-width:720px){
  .wwca-container{width:min(100% - 14px, 650px)}
  .wwca-hero h1{
    font-size:clamp(2.72rem, 11.7vw, 3.46rem);
    line-height:.94;
    letter-spacing:-.055em;
    white-space:nowrap;
  }
  .programs .wwca-container{width:calc(100% - 12px)}
  .program-card{
    padding:18px 12px 17px;
    gap:13px;
  }
  .program-card__rail{
    justify-content:flex-start;
    gap:0;
    padding:0 0 12px;
  }
  .program-card__body p{
    font-size:.985rem;
    line-height:1.66;
  }
}

@media (max-width:420px){
  .wwca-container{width:min(100% - 12px, 408px)}
  .wwca-hero h1{
    font-size:clamp(2.58rem, 11.2vw, 2.95rem);
    line-height:.96;
    letter-spacing:-.052em;
  }
  .programs .wwca-container{width:calc(100% - 10px)}
  .program-card{padding:17px 11px 16px;}
  .program-card__body h2{font-size:1.36rem;line-height:1.15}
  .program-card__body p{font-size:.965rem;line-height:1.66}
}

@media (max-width:360px){
  .wwca-hero h1{font-size:2.45rem;letter-spacing:-.048em}
}
