
    :root{
      --paper:#fbf5ea;
      --cream:#f8ebd8;
      --green:#00311c;
      --green2:#0b4738;
      --orange:#e54902;
      --gold:#f3a620;
      --ink:#173628;
      --muted:#5b6d61;
      --line:#e6d7bc;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:var(--paper);color:var(--ink);font-family:'Barlow Semi Condensed',Arial,sans-serif;font-size:22px;line-height:1.35}
    h1,h2,h3,p{margin-top:0}
    h1,h2,h3,.eyebrow,.button,.brand,.wordmark,.scribble,.impact-caption,strong{font-family:'Barlow Condensed','Arial Narrow',sans-serif}
    h1{font-size:clamp(3.9rem,7.6vw,7.4rem);line-height:.92;letter-spacing:-.03em;text-transform:uppercase;margin-bottom:22px}
    h2{font-size:clamp(2.9rem,5vw,5rem);line-height:.96;letter-spacing:-.025em;text-transform:uppercase;margin-bottom:18px}
    h3{font-size:2rem;line-height:1.02;letter-spacing:-.015em;text-transform:uppercase;margin-bottom:10px}
    p{max-width:680px}
    .container{width:min(1180px,calc(100% - 44px));margin:auto}

    .topbar{background:var(--cream);border-bottom:2px solid var(--line)}
    .nav{min-height:96px;display:flex;align-items:center;justify-content:space-between;gap:20px}
    .brand{display:flex;align-items:center;gap:14px;text-decoration:none}
    .brand-symbol{width:42px;height:auto;display:block;flex:none}
    .wordmark{font-size:clamp(2.1rem,4.6vw,4.1rem);line-height:.9;letter-spacing:-.04em;font-weight:800;text-transform:uppercase;color:var(--green);display:block}
    .links{display:flex;align-items:center;gap:24px}
    .links a{font-size:18px;letter-spacing:.03em;text-decoration:none;font-weight:700;color:var(--green)}
    .links a:hover{text-decoration:underline}
    .lang{border:1px solid #b8bdae;background:transparent;padding:8px;border-radius:5px;font-family:inherit;color:var(--green);font-size:18px}
    .mobile-links{display:none}

    .button{display:inline-flex;align-items:center;justify-content:center;padding:13px 24px;font-weight:800;font-size:1.32rem;letter-spacing:.015em;text-transform:uppercase;text-decoration:none;border:2px solid transparent;transition:transform .2s}
    .button:hover{transform:translateY(-3px)}
    .button.orange{background:var(--orange);color:white}
    .button.outline{border-color:white;color:white}
    .button.dark{background:var(--green);color:white}
    .button.light{background:var(--cream);color:var(--green)}

    .hero{background:var(--green);color:#fff;overflow:hidden}
    .hero-inner{display:grid;grid-template-columns:46% 54%;min-height:610px}
    .hero-text{padding:80px 35px 80px 0;position:relative;z-index:1}
    .eyebrow{display:block;text-transform:uppercase;letter-spacing:.095em;font-size:1.2rem;font-weight:800;color:var(--gold);margin-bottom:26px}
    .hero .lead{font-size:1.35rem;max-width:540px;color:#f9ecd7}
    .ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
    .hero-photo{position:relative;min-height:480px}
    .hero-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 44%;position:absolute;inset:0}
    .hero-photo:before{content:'';position:absolute;z-index:1;left:0;top:0;height:100%;width:27%;background:linear-gradient(to right,var(--green),transparent)}
    .scribble{position:absolute;z-index:2;right:20px;bottom:24px;background:var(--orange);padding:12px 26px;transform:rotate(-3deg);font:800 1.4rem 'Barlow Condensed',sans-serif;text-transform:uppercase}

    .intro{padding:76px 0 90px}
    .section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:24px}
    .section-head p{max-width:420px}
    .routes{display:grid;grid-template-columns:1fr 1fr;gap:22px}
    .route{padding:35px;min-height:270px;display:flex;flex-direction:column;align-items:start;position:relative;overflow:hidden;isolation:isolate}
    .route p{font-size:1.12rem}
    .route .button{margin-top:auto}
    .route.students{background:#f9d39d}
    .route.volunteers{background:#dce9d9}
    .route:after{
      content:'';position:absolute;right:15px;top:14px;width:85px;height:170px;background:url('../assets/math-symbol.png') center/contain no-repeat;opacity:.11;transform:rotate(10deg);z-index:-1
    }

    .impact{background:var(--cream);padding:75px 0}
    .impact-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}
    .impact-photo{height:490px;position:relative}
    .impact-photo img{height:100%;width:100%;object-fit:cover}
    .impact-caption{background:var(--orange);color:white;padding:12px 20px;position:absolute;bottom:18px;left:-12px;font:800 1.25rem 'Barlow Condensed';text-transform:uppercase}
    .scores{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin:22px 0}
    .scores strong{font:800 clamp(4.5rem,8vw,7.2rem) 'Barlow Condensed';letter-spacing:-.05em;color:var(--orange);line-height:.9}
    .scores .arrow{font:800 3.3rem 'Barlow Condensed';color:var(--green)}
    .data-detail{font-size:1rem;color:var(--muted)}

    .learn{padding:85px 0}
    .learn-head{max-width:700px}
    .topics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:35px 0}
    .topic{border:2px solid var(--green);padding:24px 21px;background:#fff8eb}
    .topic-icon{font:800 3rem 'Barlow Condensed';color:var(--orange)}
    .photos{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:12px;margin-top:22px}
    .photos img{width:100%;height:260px;object-fit:cover}

    .volunteer-band{background:var(--green);color:white;position:relative;overflow:hidden}
    .volunteer-band:after{content:'';position:absolute;right:3%;bottom:-8px;width:110px;height:220px;background:url('../assets/math-symbol.png') center/contain no-repeat;opacity:.08;transform:rotate(-8deg)}
    .volunteer-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center}
    .volunteer-copy{padding:76px 65px 76px 0}
    .volunteer-grid img{width:100%;height:520px;object-fit:cover;object-position:center}
    .volunteer-copy p{color:#e5f2e8}

    .close{background:var(--orange);color:white;text-align:center;padding:72px 0;position:relative;overflow:hidden}
    .close:before{content:'';position:absolute;left:4%;bottom:-18px;width:120px;height:240px;background:url('../assets/math-symbol.png') center/contain no-repeat;opacity:.14;transform:rotate(-7deg)}
    .close p{margin:0 auto 26px;position:relative;z-index:1}
    .close h2,.close .ctas{position:relative;z-index:1}
    .close .ctas{justify-content:center}

    .footer{background:#002617;color:#d8e5da;padding:26px 0}
    .footer-inner{display:flex;justify-content:space-between;gap:18px;align-items:center}
    .footer-lockup{display:flex;align-items:center;gap:12px}
    .footer-symbol{width:26px;height:auto;display:block}
    .footer strong{font:800 2rem 'Barlow Condensed';color:white;letter-spacing:-.03em}
    .footer small{display:block;font-size:.92rem}
    .note{font-size:.9rem;opacity:.84}

    @media(max-width:900px){
      body{font-size:20px}
      .links{display:none}
      .mobile-links{display:block;color:var(--green);font-weight:700}
      .hero-inner{grid-template-columns:1fr}
      .hero-text{padding:60px 0 44px}
      .hero-photo{min-height:420px;margin:0 -22px}
      .hero-photo:before{display:none}
      .impact-grid,.volunteer-grid{grid-template-columns:1fr}
      .impact-photo{height:390px}
      .volunteer-copy{padding:62px 0}
      .volunteer-grid img{max-height:390px}
      .topics{grid-template-columns:repeat(2,1fr)}
    }
    @media(max-width:620px){
      body{font-size:19px}
      .nav{min-height:78px}
      .brand-symbol{width:34px}
      .wordmark{font-size:min(2.2rem,11vw)}
      .hero-photo{min-height:340px}
      .routes{grid-template-columns:1fr}
      .route{min-height:230px}
      .section-head{display:block}
      .photos{grid-template-columns:1fr 1fr}
      .photos img{height:170px}
      .photos img:first-child{grid-column:span 2;height:250px}
      .impact-photo{height:300px}
      .topics{gap:10px}
      .topic{padding:17px}
      .footer-inner{display:block}
      .footer-lockup{margin-bottom:12px}
      .scribble{font-size:1rem}
    }
  
.page-hero{background:var(--green);color:white;padding:76px 0 80px;position:relative;overflow:hidden}
.page-hero .container{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}
.page-hero h1{font-size:clamp(3.6rem,6.8vw,6.8rem)}
.page-hero p{font-size:1.25rem;color:#efe9db}
.page-hero img{width:100%;height:470px;object-fit:cover;border:8px solid #fff2da;transform:rotate(1.5deg)}
.section-pad{padding:82px 0}.narrow{max-width:800px}.split{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.split img{width:100%;height:440px;object-fit:cover}
.kicker{font:800 1.15rem 'Barlow Condensed';text-transform:uppercase;letter-spacing:.1em;color:var(--orange);display:block;margin-bottom:16px}
.soft{background:var(--cream)}.orange-panel{background:var(--orange);color:white}.green-panel{background:var(--green);color:white}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:32px}.step{background:#fff8eb;padding:28px;border-top:7px solid var(--orange)}.step b{display:block;font:800 3rem 'Barlow Condensed';color:var(--orange)}
.bullets{padding-left:24px}.bullets li{margin-bottom:12px}.qa{border-top:2px solid #b9bea9;padding:20px 0}.qa h3{font-size:1.6rem}.qa p{margin:0}
.panel{background:#f8d39e;padding:42px}.panel h2{max-width:670px}
.form-note{font-size:1rem;font-style:italic;color:var(--muted)}
@media(max-width:900px){.page-hero .container,.split{grid-template-columns:1fr}.page-hero img{height:360px}.steps{grid-template-columns:1fr}.section-pad{padding:55px 0}}


.page-hero{background:var(--green);color:white;padding:74px 0 70px;overflow:hidden}.page-hero .container{display:grid;grid-template-columns:1.15fr .85fr;gap:44px;align-items:center}.page-hero p{font-size:1.3rem;color:#f5e9d9}.page-hero .eyebrow{color:var(--gold)}.page-hero img{width:100%;height:390px;object-fit:cover}.mg-section{padding:80px 0}.mg-section.alt{background:var(--cream)}.mg-intro{font-size:1.3rem;max-width:850px}.mg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:30px 0}.mg-card{background:#fff9ee;padding:22px 24px 26px;border:2px solid var(--green);position:relative;overflow:hidden}.mg-card:after{content:"";position:absolute;right:-12px;bottom:-18px;width:74px;height:148px;background:url('../assets/math-symbol.png') center/contain no-repeat;opacity:.06;transform:rotate(-8deg)}.mg-card-art{background:linear-gradient(135deg,#f9ecd7,#fff9ef);border:2px solid #ecd8b4;padding:12px;border-radius:18px;margin-bottom:18px;display:flex;align-items:center;justify-content:center;min-height:132px}.mg-card-art img{width:112px;height:112px;display:block}.mg-card h3{font-size:2rem;color:var(--green)}.mg-card .num{font:800 3rem 'Barlow Condensed';color:var(--orange);line-height:1;display:block;margin-bottom:10px}.mg-card p{font-size:1.05rem;position:relative;z-index:1}.mg-card .num,.mg-card h3{position:relative;z-index:1}.mg-entrepreneur{margin-top:26px;background:linear-gradient(135deg,#00311c,#0b4738);color:#f5efe4;padding:28px;border-radius:8px;display:grid;grid-template-columns:1.15fr .85fr;gap:24px;align-items:center}.mg-entrepreneur h3{color:white;margin-bottom:10px}.mg-entrepreneur ul{margin:0;padding-left:20px}.mg-entrepreneur li{margin-bottom:10px}.mg-entrepreneur strong{color:#f3a620}.mg-feature{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:55px}.mg-feature img{width:100%;height:470px;object-fit:cover}.mg-feature h2{max-width:640px}.mg-pill{display:inline-block;font:800 1.2rem 'Barlow Condensed';background:var(--orange);color:white;padding:6px 12px;letter-spacing:.05em;margin-bottom:18px}.mg-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:32px}.mg-step{border-top:5px solid var(--orange);background:#fff8eb;padding:22px}.mg-step b{display:block;font:800 2rem 'Barlow Condensed';color:var(--green);text-transform:uppercase}.mg-step p{font-size:1rem}.mg-two{display:grid;grid-template-columns:1fr 1fr;gap:20px}.mg-banner{background:var(--orange);padding:60px 0;color:white}.mg-banner .container{display:flex;align-items:center;justify-content:space-between;gap:30px}.mg-banner p{margin:0;font-size:1.2rem}.mg-stat{font:800 clamp(4rem,7vw,7rem) 'Barlow Condensed';line-height:1;color:var(--orange)}.mg-timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.mg-timeline>div{border-left:5px solid var(--orange);padding:12px 18px;background:#fff8eb}.mg-timeline strong{display:block;font:800 3rem 'Barlow Condensed';color:var(--green)}.mg-contact-options{display:grid;grid-template-columns:1fr 1fr;gap:20px}.mg-contact-option{background:#fff8eb;border:2px solid var(--green);padding:30px}.mg-contact-option h3{color:var(--green)}.mg-small{font-size:1rem;color:var(--muted)}.mg-section a:not(.button){color:var(--green);font-weight:700}.mg-section a:not(.button):hover{color:var(--orange)}
@media(max-width:900px){.page-hero .container,.mg-feature,.mg-entrepreneur{grid-template-columns:1fr}.page-hero img{height:310px}.mg-grid{grid-template-columns:repeat(2,1fr)}.mg-steps{grid-template-columns:repeat(2,1fr)}.mg-banner .container{display:block}.mg-banner .button{margin-top:22px}}
@media(max-width:620px){.page-hero{padding:46px 0}.mg-section{padding:54px 0}.mg-grid,.mg-steps,.mg-two,.mg-contact-options,.mg-timeline,.mg-entrepreneur{grid-template-columns:1fr}.mg-feature img{height:260px}.page-hero img{height:270px}.mg-card{padding:22px}}
