@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,600;9..144,700&display=swap');
:root{--yellow:#f9c600;--yellow-soft:#fff4b8;--orange:#ed5a2b;--ink:#142723;--green:#1f5547;--cream:#fffaf0;--white:#fff;--muted:#65716e;--max:1180px;--serif:'Fraunces',serif;--sans:'DM Sans',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:16px/1.65 var(--sans);background:#fff}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}.skip{position:absolute;left:-999px;z-index:100}.skip:focus{left:10px;top:10px;background:#fff;padding:10px}.site-header{height:88px;padding:10px max(24px,calc((100% - var(--max))/2));display:flex;align-items:center;gap:25px;position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid #14272314}.brand{display:flex;align-items:center;gap:10px;margin-right:auto;font-weight:700}.brand img{width:75px;height:50px;object-fit:contain}.brand span{display:none}.site-nav{display:flex;gap:22px;font-size:14px;font-weight:700}.site-nav a{padding:8px 0}.site-nav a:hover,.site-nav a[aria-current=page]{color:#a67b00}.menu-toggle{display:none}.button{display:inline-flex;align-items:center;justify-content:center;padding:14px 24px;border-radius:100px;background:var(--yellow);color:var(--ink);font-weight:700;line-height:1.2;transition:.2s}.button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #14272322}.button.dark{background:var(--ink);color:#fff}.button.yellow{background:var(--yellow)}.button-small{padding:11px 18px;font-size:14px}.text-link{font-weight:700;border-bottom:1px solid currentColor;padding-bottom:3px}
h1,h2,h3{font-family:var(--serif);letter-spacing:-.04em;line-height:1.02;margin:0}h1{font-size:clamp(65px,8vw,112px)}h2{font-size:clamp(48px,6vw,82px)}h3{font-size:28px}.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:12px;line-height:1.4;font-weight:700;color:#9a7200;margin:0 0 18px}.yellow-text{color:var(--yellow)}.dark-text{color:var(--ink)}
.hero{min-height:calc(100vh - 88px);display:grid;grid-template-columns:1.05fr .95fr;background:var(--yellow);padding:65px max(24px,calc((100% - var(--max))/2)) 0;gap:60px;overflow:hidden}.hero-copy{align-self:center;padding-bottom:70px}.hero h1 em{color:var(--orange);font-style:italic}.hero-copy>p:not(.eyebrow){font-size:20px;max-width:560px;margin:28px 0}.actions{display:flex;align-items:center;gap:24px}.hero-photo{align-self:end;position:relative;height:calc(100vh - 150px);min-height:550px}.hero-photo>img{width:100%;height:100%;object-fit:cover;border-radius:250px 250px 22px 22px}.sticker{position:absolute;right:-22px;bottom:48px;width:175px;height:175px;background:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;gap:9px;transform:rotate(7deg);box-shadow:0 16px 40px #14272330}.sticker strong{font:700 48px/1 var(--serif)}.sticker span{font-size:13px;line-height:1.2;font-weight:700}
.section,.impact{padding:105px max(24px,calc((100% - var(--max))/2))}.impact{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;background:var(--yellow-soft)}.impact-title .text-link{display:inline-block;margin-top:28px}.impact-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.impact-grid article{background:#fff;border-radius:22px;padding:30px;min-height:175px;display:flex;flex-direction:column;justify-content:flex-end}.impact-grid strong{font:700 42px/1 var(--serif)}.impact-grid span{margin-top:10px;color:var(--muted)}.intro{display:grid;grid-template-columns:1fr 1fr;gap:90px}.copy{font-size:18px;align-self:end}.copy p:first-child{font-size:21px;font-weight:500}.copy .button{margin-top:16px}
.photo-ribbon{display:grid;grid-template-columns:1fr 1.2fr .8fr 1fr;height:380px}.photo-ribbon img{width:100%;height:100%;object-fit:cover}.dark-section{background:var(--ink);color:#fff}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:45px;margin-bottom:50px}.section-heading>p{max-width:430px;color:#ffffffb0;font-size:18px}.cards{display:grid;gap:14px}.cards.three{grid-template-columns:repeat(3,1fr)}.cards a,.cards article{background:#ffffff0c;border:1px solid #ffffff18;border-radius:20px;padding:34px;min-height:340px;display:flex;flex-direction:column}.cards span{font-size:13px;color:var(--yellow)}.cards h3{margin:65px 0 15px}.cards p{color:#ffffffa8}.cards b{margin-top:auto;color:var(--yellow)}
.roti-feature{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;background:var(--cream);align-items:center}.roti-photo{height:610px}.roti-photo img{width:100%;height:100%;object-fit:cover;border-radius:220px 220px 24px 24px}.roti-feature h2{font-size:clamp(90px,11vw,150px)}.roti-feature h2 em{color:var(--orange);font-style:normal}.roti-feature blockquote{margin:22px 0;font:600 29px/1.3 var(--serif);color:var(--orange)}.roti-feature>div:last-child>p:not(.eyebrow){font-size:18px;max-width:580px}.roti-feature .button{margin-top:18px}.insta-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.insta-grid iframe{width:100%;height:610px;border:1px solid #ddd;border-radius:18px;background:#fafafa}.yellow-section{background:var(--yellow)}.mosaic{display:grid;grid-template-columns:1fr .75fr 1.25fr;gap:15px;height:500px}.mosaic img{width:100%;height:100%;object-fit:cover;border-radius:18px}.join{display:grid;grid-template-columns:1fr 1fr;gap:90px;background:var(--green);color:#fff}.join>div:last-child{align-self:end;font-size:20px;max-width:500px}.join .button{margin-top:18px}
.page-hero{padding:90px max(24px,calc((100% - var(--max))/2));background:var(--yellow);display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end}.page-hero h1{font-size:clamp(60px,8vw,104px)}.page-hero p{font-size:20px;max-width:570px}.page-hero.image{min-height:650px;align-items:center}.page-hero.image img{height:470px;width:100%;object-fit:cover;border-radius:220px 220px 20px 20px}.prose{max-width:800px;margin:auto;font-size:18px}.prose h2{font-size:48px;margin:65px 0 20px}.prose h3{font-size:30px;margin:40px 0 12px}.prose .lead{font-size:24px;font-weight:500}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.split img{width:100%;height:520px;object-fit:cover;border-radius:24px}.mission-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.mission-grid article{padding:40px;border-radius:22px;background:var(--yellow-soft)}.mission-grid h2{font-size:48px}.mission-grid p{font-size:18px}.beneficiary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:40px}.beneficiary-grid span{background:#fff;border:1px solid #14272318;padding:18px;border-radius:14px;font-weight:600}.kit-section{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.kit{background:var(--yellow);border-radius:35px;padding:45px;box-shadow:12px 12px 0 var(--ink)}.kit ul{list-style:none;padding:0;margin:25px 0 0;border-top:2px solid}.kit li{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid #14272355;font-weight:600}.kit li b{order:2}.stats-full{background:var(--yellow-soft)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stats-grid article{background:white;border-radius:18px;padding:26px}.stats-grid strong{display:block;font:700 38px/1 var(--serif)}.stats-grid span{display:block;margin-top:10px;color:var(--muted)}.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.person{border:1px solid #14272318;border-radius:20px;padding:26px;background:#fff}.person i{width:54px;height:54px;display:grid;place-items:center;border-radius:50%;background:var(--yellow);font-style:normal;font-weight:700}.person h3{font-size:24px;margin:22px 0 4px}.person p{margin:0;color:var(--muted)}.person small{display:block;margin-top:8px}.volunteer-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.volunteer-grid .person{background:var(--cream)}.gallery-grid{columns:3 290px;column-gap:14px}.gallery-grid figure{margin:0 0 14px;break-inside:avoid}.gallery-grid img{width:100%;border-radius:16px}.gallery-grid figcaption{font-size:13px;color:var(--muted);padding:7px 2px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.contact-list a,.contact-list div{display:block;padding:20px 0;border-bottom:1px solid #14272325}.contact-list span,.contact-list strong{display:block}.contact-list span{text-transform:uppercase;letter-spacing:.12em;color:#9a7200;font-size:12px}.contact-list strong{font-size:18px;margin-top:4px}.volunteer-perks{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:35px}.volunteer-perks article{background:var(--yellow-soft);border-radius:20px;padding:30px}.volunteer-perks ul{padding-left:20px}
footer{background:var(--ink);color:#fff;padding:70px max(24px,calc((100% - var(--max))/2)) 35px;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:50px}.footer-brand img{width:110px;background:#fff;border-radius:12px;padding:7px}.footer-links,.footer-social{display:flex;flex-direction:column;gap:8px}.copyright{grid-column:1/-1;border-top:1px solid #ffffff20;padding-top:25px;color:#ffffff80;font-size:13px}.mobile-donate{display:none}
@media(max-width:900px){body{padding-bottom:66px}.site-header{height:70px;padding:8px 18px}.brand img{width:62px;height:42px}.header-donate{display:none}.menu-toggle{display:flex;margin-left:auto;border:0;background:none;flex-direction:column;gap:4px;padding:10px}.menu-toggle span{width:24px;height:2px;background:var(--ink)}.menu-toggle b{font-size:0}.site-nav{visibility:hidden;opacity:0;transform:translateY(-8px);position:fixed;inset:70px 0 auto;background:#fff;padding:25px 20px 35px;display:flex;flex-direction:column;gap:15px;box-shadow:0 15px 35px #14272325;transition:.2s}.site-nav.open{visibility:visible;opacity:1;transform:none}.site-nav a{font:600 25px/1.15 var(--serif)}.hero{min-height:auto;display:block;padding:48px 20px 0}.hero-copy{padding-bottom:38px}.hero h1{font-size:clamp(60px,17vw,80px)}.hero-copy>p:not(.eyebrow){font-size:18px}.actions{align-items:flex-start;flex-direction:column;gap:16px}.hero-photo{height:470px;min-height:0}.hero-photo>img{border-radius:170px 170px 18px 18px}.sticker{width:130px;height:130px;right:-5px;bottom:25px}.sticker strong{font-size:36px}.section,.impact{padding:72px 20px}.section h2,.impact h2{font-size:50px}.impact,.intro,.roti-feature,.join,.page-hero,.split,.kit-section,.contact-grid{grid-template-columns:1fr;gap:38px}.impact-grid{gap:9px}.impact-grid article{padding:20px 16px;min-height:140px}.impact-grid strong{font-size:31px}.photo-ribbon{grid-template-columns:1fr 1fr;height:520px}.photo-ribbon img{height:260px}.section-heading{display:block;margin-bottom:32px}.section-heading .text-link,.section-heading .button{display:inline-flex;margin-top:18px}.cards.three,.team-grid{grid-template-columns:1fr}.cards a{min-height:270px}.cards h3{margin-top:38px}.roti-photo{height:430px}.roti-feature h2{font-size:88px}.insta-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin-right:-20px;padding-right:20px}.insta-grid iframe{min-width:88vw;height:590px;scroll-snap-align:start}.mosaic{grid-template-columns:1fr 1fr;height:520px}.mosaic img{height:250px}.mosaic img:last-child{grid-column:1/-1;width:100%;height:255px}.page-hero{padding:70px 20px}.page-hero.image{min-height:auto}.page-hero.image img{height:410px}.mission-grid,.stats-grid{grid-template-columns:1fr 1fr}.beneficiary-grid{grid-template-columns:1fr 1fr}.team-grid{grid-template-columns:1fr 1fr}.volunteer-grid,.volunteer-perks{grid-template-columns:1fr}.gallery-grid{columns:2 150px}footer{grid-template-columns:1fr;padding:55px 20px 30px}.copyright{grid-column:1}.mobile-donate{position:fixed;display:flex;bottom:0;left:0;right:0;height:66px;background:var(--yellow);z-index:60;align-items:center;justify-content:space-between;padding:0 22px;font-weight:700}.mobile-donate span{font-size:22px}}
@media(max-width:520px){.team-grid{grid-template-columns:1fr}.mission-grid,.stats-grid{grid-template-columns:1fr 1fr}.gallery-grid{columns:1}.impact-grid strong{font-size:28px}}
html,body{max-width:100%;overflow-x:clip}.hero>*,.impact>*,.intro>*,.section-heading>*,.roti-feature>*,.page-hero>*,.split>*,.kit-section>*,.contact-grid>*,.join>*{min-width:0}.stats-grid strong,.impact-grid strong{overflow-wrap:anywhere;font-size:clamp(1.65rem,4vw,2.4rem)}.contact-list strong,.person small,.copyright{overflow-wrap:anywhere}.button{min-height:48px;text-align:center;white-space:normal}
@media(max-width:900px){.site-nav{max-height:calc(100dvh - 70px);overflow-y:auto;overscroll-behavior:contain}.insta-grid{display:grid;grid-template-columns:1fr;overflow:visible;margin-right:0;padding-right:0}.insta-grid iframe{width:100%;min-width:0;height:590px}.stats-grid strong,.impact-grid strong{font-size:clamp(1.55rem,7vw,2rem)}.stats-grid article{min-width:0;padding:20px 16px}.page-hero h1{overflow-wrap:break-word}.mobile-donate{height:calc(66px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom)}body{padding-bottom:calc(66px + env(safe-area-inset-bottom))}}
@media(max-width:380px){.site-header{padding-inline:14px}.hero,.section,.impact,.page-hero{padding-left:16px;padding-right:16px}.hero h1{font-size:54px}.section h2,.impact h2{font-size:43px}.page-hero h1{font-size:52px}.hero-photo{height:410px}.impact-grid,.mission-grid,.stats-grid{grid-template-columns:1fr 1fr;gap:8px}.impact-grid article,.stats-grid article{padding:17px 13px;min-height:126px}.impact-grid strong,.stats-grid strong{font-size:1.45rem;line-height:1.05}.impact-grid span,.stats-grid span{font-size:14px;line-height:1.35}.mosaic{height:auto}.mosaic img,.mosaic img:last-child{height:220px}.insta-grid iframe{height:550px}.actions{width:100%}.actions .button{width:100%}.sticker{width:116px;height:116px}.sticker strong{font-size:31px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}