
:root{
  --wch-navy:#10233f;
  --wch-teal:#0fa3aa;
  --wch-teal-dark:#087a83;
  --wch-purple:#6d3aa8;
  --wch-yellow:#ffd400;
  --wch-soft:#f4f5f6;
  --wch-light:#eef8f8;
  --wch-shadow:0 10px 28px rgba(16,35,63,.10);
}
.wch-page{margin:0;padding:0;color:#20334d;font-family:Arial,Helvetica,sans-serif}
.wch-page *{box-sizing:border-box}
.wch-page h1,.wch-page h2,.wch-page h3{color:var(--wch-navy);font-weight:800;letter-spacing:-.02em}
.wch-page h2{font-size:38px;line-height:1.05;margin:0 0 16px}
.wch-container{max-width:1180px;margin:0 auto;padding:0 28px}
.wch-section{padding:64px 0}
.wch-soft{background:var(--wch-soft)}
.wch-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}
.wch-btn{display:inline-flex;align-items:center;border-radius:5px;padding:12px 18px;font-weight:800;text-decoration:none!important;transition:.2s}
.wch-btn:hover{transform:translateY(-1px)}
.wch-yellow{background:var(--wch-yellow);color:var(--wch-navy)!important}
.wch-purple{background:var(--wch-purple);color:#fff!important}
.wch-light{background:#dff4f5;color:var(--wch-teal-dark)!important}

.wch-hero{display:grid;grid-template-columns:1fr 1.22fr;min-height:540px}
.wch-hero-copy{padding:72px max(28px,calc((100vw - 1180px)/2));padding-right:60px}
.wch-kicker{display:inline-block;background:var(--wch-yellow);color:var(--wch-navy);font-weight:900;padding:6px 10px;transform:rotate(-3deg);margin-bottom:18px}
.wch-hero h1{font-size:clamp(48px,5vw,78px);line-height:1.01;margin:0 0 22px}
.wch-hero-copy p{font-size:17px;max-width:620px}
.wch-hero-image{position:relative;min-height:540px;background:
linear-gradient(90deg,rgba(0,0,0,.08),rgba(0,0,0,.04)),
linear-gradient(135deg,#d99a68,#b76540 48%,#7f432f)}
.wch-hero-image:after{
content:"";position:absolute;inset:0;background:
radial-gradient(circle at 22% 65%,#24384e 0 5%,transparent 5.5%),
radial-gradient(circle at 40% 62%,#654d43 0 5%,transparent 5.5%),
radial-gradient(circle at 58% 67%,#29404f 0 5%,transparent 5.5%),
radial-gradient(circle at 76% 62%,#6a5546 0 5%,transparent 5.5%);
opacity:.8}
.wch-brush{position:absolute;z-index:2;right:7%;bottom:12%;background:var(--wch-teal);color:#fff;font-size:24px;font-weight:900;line-height:1.15;padding:22px 28px;transform:rotate(-3deg);box-shadow:var(--wch-shadow)}

.wch-about-grid{display:grid;grid-template-columns:1.35fr .8fr .95fr;gap:40px;align-items:start}
.wch-about-grid h3{font-size:20px;margin:4px 0 12px}
.wch-quote{margin:0;background:var(--wch-teal);color:#fff;padding:34px;border-radius:8px;box-shadow:var(--wch-shadow);font-size:19px;font-weight:700}
.wch-quote small{display:block;margin-top:18px;font-size:13px}
.wch-values{display:grid;gap:22px}
.wch-value{display:grid;grid-template-columns:44px 1fr;gap:14px}
.wch-value>span{width:42px;height:42px;border-radius:50%;background:#eee4fb;color:var(--wch-purple);display:grid;place-items:center;font-weight:900}
.wch-value small{display:block;margin-top:4px}

.wch-news-layout{display:grid;grid-template-columns:.72fr 2.28fr;gap:34px}
.wch-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.wch-card{position:relative;overflow:hidden;min-height:320px;border-radius:8px;box-shadow:var(--wch-shadow);background:#647b79}
.wch-card-1{background:linear-gradient(135deg,#677e78,#284e4a)}
.wch-card-2{background:linear-gradient(135deg,#cab8a4,#6b6f59)}
.wch-card-3{background:linear-gradient(135deg,#c3aa93,#605f5f)}
.wch-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.86))}
.wch-card-content{position:absolute;left:0;right:0;bottom:0;padding:22px;color:#fff;z-index:2}
.wch-card h3{color:#fff;font-size:21px;line-height:1.08;margin:14px 0 8px}
.wch-card p{font-size:14px;margin:0}
.wch-tag{display:inline-block;background:var(--wch-yellow);color:var(--wch-navy);font-size:11px;font-weight:900;border-radius:3px;padding:4px 7px;margin-right:5px}
.wch-tag-purple{background:var(--wch-purple);color:#fff}

.wch-membership{display:grid;grid-template-columns:1fr .88fr 1.32fr;background:var(--wch-light)}
.wch-member-copy{padding:54px max(28px,calc((100vw - 1180px)/2));padding-right:38px}
.wch-member-copy h2{font-size:38px}
.wch-member-image{min-height:320px;background:linear-gradient(135deg,#d6c3ae,#789697)}
.wch-benefits{background:var(--wch-teal);color:#fff;padding:48px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-content:center;text-align:center}
.wch-benefits>div{padding:0 16px;border-left:1px solid rgba(255,255,255,.35)}
.wch-benefits>div:first-child{border-left:0}
.wch-benefits b{display:block;font-size:29px;margin-bottom:12px}
.wch-benefits strong{display:block}

.wch-impact{display:grid;grid-template-columns:.9fr 1.15fr 1fr}
.wch-impact-stats{background:var(--wch-purple);color:#fff;padding:48px}
.wch-impact-stats h2{color:#fff}
.wch-stat{display:grid;grid-template-columns:36px 1fr;gap:12px;margin:24px 0}
.wch-stat b{display:block;color:var(--wch-yellow);font-size:31px;line-height:1}
.wch-stat small{display:block;margin-top:5px}
.wch-feature{padding:48px;background:#fff}
.wch-feature-image{height:180px;border-radius:7px;background:linear-gradient(135deg,#7ea783,#3f6f54);margin-bottom:23px}
.wch-feature h2{font-size:28px;margin-top:14px}
.wch-impact-message{padding:48px;background:#fbfcfc;border-left:1px solid #e8ebee;display:flex;flex-direction:column;justify-content:center}
.wch-impact-message h2{font-size:32px}
.wch-impact-message .wch-btn{align-self:flex-start}
.wch-script{margin-top:30px;color:var(--wch-teal-dark);font-size:30px;font-weight:900;transform:rotate(-2deg)}

@media(max-width:991px){
  .wch-hero,.wch-about-grid,.wch-news-layout,.wch-membership,.wch-impact{grid-template-columns:1fr}
  .wch-hero-copy,.wch-member-copy{padding:55px 28px}
  .wch-hero-image{min-height:420px}
  .wch-cards{grid-template-columns:1fr}
  .wch-benefits{grid-template-columns:1fr;text-align:left}
  .wch-benefits>div{border-left:0;border-top:1px solid rgba(255,255,255,.35);padding:16px 0 0}
  .wch-benefits>div:first-child{border-top:0}
}
@media(max-width:600px){
  .wch-container{padding:0 20px}
  .wch-section{padding:46px 0}
  .wch-page h2,.wch-member-copy h2{font-size:31px}
  .wch-hero h1{font-size:45px}
  .wch-hero-image{min-height:340px}
  .wch-brush{font-size:18px}
  .wch-impact-stats,.wch-feature,.wch-impact-message{padding:34px 24px}
}
