:root{--green:#123e35;--teal:#268582;--gold:#be9650;--ivory:#faf7f0;--ink:#19382f;--muted:#62716b;--line:#e7e2d7}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--ivory);color:var(--ink);font:16px/1.65 Arial,sans-serif}a{color:inherit}img{max-width:100%;display:block}h1,h2,h3{font-family:Georgia,serif;line-height:1.13;margin:0 0 22px;font-weight:500}h1{font-size:clamp(44px,5.7vw,78px);letter-spacing:-2.5px}h2{font-size:clamp(32px,3.6vw,48px);letter-spacing:-1px}h3{font-size:25px}p{margin:0 0 18px}.wrap{max-width:1220px;margin:auto;padding:0 34px}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:2.6px;color:#a47b38;font-weight:700;margin-bottom:20px}.site-header{background:rgba(250,247,240,.97);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.header-inner{display:flex;align-items:center;gap:28px;min-height:104px}.brand{display:flex;align-items:center;text-decoration:none;gap:12px;margin-right:auto}.brand img{height:88px;width:93px;object-fit:contain}.brand span{font:19px/1.2 Georgia,serif;max-width:190px}.nav{display:flex;align-items:center;gap:24px}.nav a{font-size:13px;text-decoration:none}.nav a:hover{color:var(--teal)}.button{display:inline-flex;justify-content:center;align-items:center;gap:18px;padding:14px 23px;background:var(--green);color:white;border:1px solid var(--green);border-radius:5px;text-decoration:none;font-size:13px;font-weight:700;transition:transform .2s,background .2s}.button:hover{background:#216054;transform:translateY(-2px)}.button.outline{color:var(--green);background:transparent;border-color:var(--gold)}.button.gold{background:#e8c16f;border-color:#e8c16f;color:var(--green)}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.menu-toggle{display:none;padding:10px;background:none;border:1px solid var(--line);border-radius:4px;font:inherit}.hero{padding:56px 0 66px}.hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:54px}.hero p{max-width:470px;font-size:18px}.hero-photo{width:100%;height:510px;object-fit:cover;border-radius:16px 16px 100px 16px}.band{border-block:1px solid var(--line);padding:20px;text-align:center;letter-spacing:3px;font-size:12px;color:#6b715f;background:#f3ecdb}.band span{color:var(--gold);margin:0 28px}.section{padding:88px 0}.section.white{background:white}.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:65px;align-items:center}.about-photo{height:490px;object-fit:cover;width:100%;border-radius:12px}.small-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:28px}.small-card{border:1px solid var(--line);padding:24px;border-radius:7px}.small-card h3{font-size:22px;margin-bottom:12px}.small-card p{font-size:14px;margin:0}.section-head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:34px}.section-head h2{margin-bottom:0}.section-head p{max-width:450px;color:var(--muted);margin:0}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{border:1px solid var(--line);border-radius:8px;padding:27px 24px;text-decoration:none;background:white;display:flex;flex-direction:column;transition:transform .2s,border-color .2s}.card:hover{transform:translateY(-4px);border-color:var(--gold)}.card h3{font-size:22px;margin-bottom:12px}.card p{font-size:14px;color:var(--muted)}.card .arrow{margin-top:auto;color:#9d7537;font-size:12px}.icon{display:grid;place-items:center;width:47px;height:47px;border:1px solid #e6d8b9;border-radius:50%;color:#99743b;background:#fcf8ef;margin-bottom:22px}.icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.dark{background:var(--green);color:var(--ivory)}.dark .eyebrow{color:#e6c884}.dark .section-head p{color:#d3e0d7}.project{padding:0;overflow:hidden;background:#1c4a40;border-color:#416358;color:white}.project img{width:100%;height:170px;object-fit:cover}.project-content{padding:22px}.project p{color:#d3e0d7}.badge{display:inline-block;background:#ecd099;color:#254137;padding:4px 11px;border-radius:20px;font-size:10px;text-transform:uppercase;letter-spacing:1px;font-weight:bold}.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.person{background:white;border:1px solid var(--line);border-radius:8px;overflow:hidden}.person img{width:100%;height:275px;object-fit:cover;object-position:top}.person div{padding:22px}.person h3{font-size:21px;margin-bottom:7px}.person p,.person a{font-size:13px;color:var(--muted);overflow-wrap:anywhere;margin-bottom:5px}.partners{display:flex;gap:50px;flex-wrap:wrap;align-items:center;justify-content:center;padding:30px 0}.partners img{object-fit:contain;width:200px;height:100px}.challenges{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.cta{padding:60px 0}.cta .wrap{display:flex;align-items:center;justify-content:space-between;gap:50px}.cta h2{font-size:39px;margin-bottom:12px}.cta p{max-width:700px;margin:0;color:#d6e1d8}.footer{padding:55px 0 24px}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:45px}.footer .brand{margin-bottom:20px}.footer p,.footer a{font-size:14px}.footer h3{font-size:21px}.footer-links{display:grid;gap:9px}.footer-links a{text-decoration:none}.copyright{border-top:1px solid var(--line);padding-top:22px;margin-top:35px;font-size:12px;color:var(--muted)}.languages{color:var(--muted);font-size:12px;margin-top:18px}.page-hero{padding:60px 0 45px;border-bottom:1px solid var(--line)}.page-hero h1{font-size:58px}.breadcrumb{font-size:12px;color:var(--muted);margin-bottom:20px}.article{max-width:850px;padding:55px 0 80px}.article h2{font-size:34px;margin-top:34px}.article h3,.article h4,.article h5{font:25px/1.3 Georgia,serif;margin-top:28px}.article p,.article li{color:#475c53}.article img{max-height:430px;width:100%;object-fit:cover;border-radius:8px;margin:25px 0}.article a{color:var(--teal)}.article ul{padding-left:24px}.article video{width:100%;border-radius:8px}.contact-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.contact-card{padding:32px;border:1px solid var(--line);border-radius:8px;background:white}.contact-card h3{font-size:25px}.skip{position:absolute;left:10px;top:-70px;z-index:30;padding:10px;background:white}.skip:focus{top:5px}:focus-visible{outline:3px solid var(--gold);outline-offset:4px}@media(max-width:1050px){.nav{gap:14px}.brand span{display:none}.hero-grid{gap:30px}.cards{grid-template-columns:repeat(2,1fr)}.team-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:720px){.wrap{padding:0 22px}.header-inner{min-height:85px;gap:14px}.brand img{height:70px;width:74px}.brand span{display:block;font-size:15px;max-width:130px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:85px;left:0;right:0;flex-direction:column;align-items:stretch;background:var(--ivory);padding:20px;border-bottom:1px solid var(--line)}.nav.open{display:flex}.nav a{padding:10px;font-size:15px}.header-inner>.button{padding:10px 13px;font-size:12px}.hero{padding:35px 0}.hero-grid,.split{grid-template-columns:1fr;gap:30px}.hero-photo{height:360px;border-radius:12px 12px 65px 12px}.hero h1{font-size:47px;letter-spacing:-1.5px}.hero p{font-size:16px}.band{letter-spacing:1px;font-size:10px}.band span{margin:0 12px}.section{padding:56px 0}.section-head{display:block}.section-head p{margin-top:18px}.about-photo{height:340px}.cards,.team-grid,.challenges{grid-template-columns:repeat(2,1fr);gap:13px}.card{padding:20px 16px}.card h3{font-size:21px}.card p{font-size:13px}.project{padding:0}.project img{height:140px}.project-content{padding:17px}.person img{height:215px}.person div{padding:16px}.person h3{font-size:19px}.cta .wrap{display:block}.cta .button{margin-top:25px}.footer-grid{grid-template-columns:1fr;gap:25px}.contact-grid{grid-template-columns:1fr}.page-hero h1{font-size:42px}.small-grid{gap:12px}.small-card{padding:19px}.challenges{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.image-caption{font-size:10px;color:var(--muted);margin-top:9px}form label{display:block;margin:17px 0 6px;font-size:13px;font-weight:bold}form input,form textarea{width:100%;border:1px solid #d4dace;border-radius:5px;background:var(--ivory);padding:12px;font:inherit;color:var(--ink)}.form-note{font-size:12px;color:var(--muted);margin:12px 0 18px}
/* Logo-inspired colour refresh */
:root{--green:#075451;--teal:#278582;--gold:#bd9747;--ivory:#fcf9f2;--ink:#153d3a;--muted:#526963;--line:#dce6de}
.site-header{background:#102d2b;border-bottom:3px solid #c7a54e;box-shadow:0 5px 25px rgba(10,42,39,.12);color:#fffaf0}
.header-inner{min-height:110px}
.site-header .brand img{height:90px;width:95px;background:#fff;border-radius:9px;padding:5px}
.site-header .brand span{color:#fffaf0}
.nav a{color:#f8f5eb;position:relative;padding:12px 0;border-bottom:2px solid transparent}
.nav a:hover,.nav a[aria-current="page"]{color:#efd68f;border-bottom-color:#d3b05b}
.nav a:focus-visible{outline-color:#efd68f}
.nav .language-switch{border:1px solid #6d9690;padding:6px 9px;border-radius:4px;font-weight:bold;color:#c7eae3}
.site-header>.wrap>.button{background:#e9c46c;border-color:#e9c46c;color:#102d2b}
.site-header>.wrap>.button:hover{background:#f4d998;border-color:#f4d998}
.menu-toggle{border-color:#749590;color:#fffaf0}
.hero{background:linear-gradient(110deg,#fcf9f2 50%,#e5f0e9 100%)}
.hero .eyebrow{color:#846522}
.hero h1{color:#075451}
.hero-photo{box-shadow:14px 14px 0 #e5d4a2;border:1px solid #c7dbc9}
.hero .button.outline:hover{background:#e9f1e9}
.band{background:#075451;color:#fff9e9;border-top:1px solid #307a70;border-bottom:4px solid #c3a253;padding:24px 20px;letter-spacing:4px;font-size:13px;font-weight:700}
.band span{color:#efd17d;font-size:15px}
.hero+.band+.section{background:#e9f2eb}
.small-card{background:#fcfaf2;border-color:#cbdcd0;border-top:3px solid #bc9b4e}
.small-card h3{color:#075451}
#services{background:#fffdf8}
#services .card,.section>.wrap>.cards .card{border-top:4px solid #278582}
#services .card:nth-child(2n),.section>.wrap>.cards .card:nth-child(2n){background:#eef6ef;border-top-color:#b7984b}
#services .card:nth-child(4n),.section>.wrap>.cards .card:nth-child(4n){background:#fcf5df}
.card:hover{box-shadow:0 10px 24px rgba(18,62,53,.08)}
.card .icon{color:#075451;background:#e3f0e8;border-color:#c0d9cc}
.card:nth-child(2n) .icon{background:#f6e9bd;border-color:#e4ce88;color:#785719}
.card .arrow{color:#74591e}
.dark{background:#0c4945;color:#fffaf0}
#projects{background:linear-gradient(120deg,#10352f,#075451)}
.project,.section>.wrap>.cards .project{background:#164d45;border-color:#49776a;border-top:4px solid #c7a857}
.project:nth-child(2n),.section>.wrap>.cards .project:nth-child(2n){background:#245c51;border-top-color:#73b4a5}
.project p{color:#e0eee3}
.project h3{color:#fff8e8}
.project-content .badge{background:#ecd184;color:#153c33}
.dark .eyebrow{color:#efd17d}
#team{background:#f0f5ef}
.person{border-bottom:4px solid #278582;box-shadow:0 5px 18px rgba(13,62,52,.04)}
.person:nth-child(2n){border-bottom-color:#b99443}
.cta.dark{background:#0e3431;border-top:5px solid #bd9747}
.footer{background:#102d2b;color:#f8f4e8}
.footer .brand img{background:white;border-radius:8px;padding:5px}
.footer h3{color:#e6c878}
.footer a:hover{color:#efd68f}
.footer .languages{color:#b8d8cf}
.footer .copyright{color:#b8d8cf;border-color:#41665e}
.page-hero{background:#e6f0e7;border-bottom:4px solid #b89949}
.page-hero h1{color:#075451}
.contact-card{border-top:4px solid #278582}
.contact-card:nth-child(2){background:#f8f5e8;border-top-color:#bd9747}
.partners{background:white;border:1px solid #dce6de;border-radius:9px}
@media(max-width:720px){.header-inner{min-height:91px}.site-header .brand img{height:75px;width:79px}.nav{top:91px;background:#102d2b;border-bottom:3px solid #c7a54e;padding:15px 22px}.nav a{padding:11px 0}.nav .language-switch{align-self:start;padding:6px 14px}.band{font-size:11px;letter-spacing:1.6px;padding:20px 12px}.band span{margin:0 10px}.hero-photo{box-shadow:8px 8px 0 #e5d4a2}.site-header>.wrap>.button{padding:10px 12px;white-space:nowrap}.site-header .brand span{font-size:14px}}
@media(max-width:480px){.site-header .brand span{display:none}.header-inner{gap:12px}.site-header .brand img{height:72px;width:76px}}
/* Orange donation buttons in both languages */
.button[href$="/donate-now/"],.site-header>.wrap>.button[href$="/donate-now/"]{background:#f58220;border-color:#f58220;color:#172c28}
.button[href$="/donate-now/"]:hover,.site-header>.wrap>.button[href$="/donate-now/"]:hover{background:#ff9a42;border-color:#ff9a42;color:#172c28}
/* Mission and Vision: rich colours with a hand-painted scratch highlight */
.purpose-card{border:0;border-radius:9px;padding:27px 24px;box-shadow:0 7px 20px rgba(13,67,58,.08)}
.purpose-card.mission-card{background:#08635e;color:#fffaf0;border-bottom:4px solid #d8ba67}
.purpose-card.vision-card{background:#f1dfaa;color:#153d3a;border-bottom:4px solid #278582}
.purpose-card p{color:inherit}
.purpose-card .scratch-highlight{position:relative;isolation:isolate;display:inline-block;padding:7px 12px 9px;margin:0 0 17px;max-width:100%;font-size:clamp(22px,2.3vw,30px);line-height:1.2;letter-spacing:-.3px}
.mission-card .scratch-highlight{color:#133d35}
.vision-card .scratch-highlight{color:#fffaf0}
.scratch-highlight::before{content:"";position:absolute;z-index:-1;inset:0 -4px -2px;transform:rotate(-2deg);clip-path:polygon(3% 8%,15% 4%,14% 0,40% 5%,61% 1%,79% 5%,96% 0,93% 13%,100% 18%,96% 37%,100% 42%,97% 56%,99% 79%,94% 83%,98% 93%,79% 90%,70% 100%,49% 94%,32% 98%,15% 92%,0 97%,4% 76%,0 65%,3% 47%,0 39%,4% 23%,0 18%)}
.mission-card .scratch-highlight::before{background:#eed186}
.vision-card .scratch-highlight::before{background:#08635e;transform:rotate(1.5deg)}
.scratch-highlight::after{content:"";position:absolute;left:7%;right:13%;height:2px;bottom:3px;background:currentColor;opacity:.2;transform:rotate(-1deg);pointer-events:none}
@media(max-width:720px){.purpose-card{padding:23px 16px}.purpose-card .scratch-highlight{font-size:22px;padding:7px 7px 9px}}
/* Service title brush highlights echo each card's teal or gold accent */
.service-card .service-highlight{position:relative;isolation:isolate;align-self:flex-start;display:inline-block;max-width:100%;padding:8px 9px 10px;margin:0 0 17px;font-size:22px;line-height:1.25;color:#fffaf0;overflow-wrap:anywhere}
.service-card .service-highlight::before{background:#08635e;inset:0 -3px -1px;transform:rotate(-1.5deg)}
.service-card:nth-child(2n) .service-highlight{color:#153d3a}
.service-card:nth-child(2n) .service-highlight::before{background:#eed186;transform:rotate(1deg)}
.service-card:nth-child(4n) .service-highlight::before{background:#e5bd5e;transform:rotate(-1deg)}
.service-card .service-highlight::after{bottom:3px;opacity:.18}
@media(max-width:720px){.service-card .service-highlight{font-size:20px;padding:7px 7px 9px}}
/* Faceted green-and-yellow-gold crystal background for planned projects */
.crystal-projects,#projects.crystal-projects{position:relative;background-color:#0c5953;background-image:url('/assets/crystal-green-gold.svg');background-position:center;background-size:cover;border-block:1px solid #c1a657}
.crystal-projects>.wrap{position:relative;z-index:1}
.crystal-projects .section-head{align-items:center}
.crystal-projects .section-head>div{background:rgba(9,61,53,.9);padding:23px 27px;border-radius:8px;border-left:4px solid #e4c46f;max-width:650px}
.crystal-projects .section-head>p{background:rgba(9,61,53,.94);color:#fffaf0;padding:23px 26px;border-radius:8px;border-right:3px solid #d8b961}
.crystal-projects .project,.crystal-projects .project:nth-child(2n){background:#104f45;border-color:#7baa8e;border-top-color:#ebd180;box-shadow:0 12px 30px rgba(4,34,29,.2)}
.crystal-projects .project:nth-child(2n){background:#1c6152}
@media(max-width:720px){.crystal-projects,#projects.crystal-projects{background-position:65% center;background-size:auto 100%}.crystal-projects .section-head>div{padding:19px 20px}.crystal-projects .section-head>p{padding:19px 20px}}
/* Compact welcome slideshow above the main homepage photograph */
.hero-media{min-width:0;display:grid;gap:17px}
.welcome-carousel{background:#103e37;border:1px solid #c0a45d;border-radius:10px;overflow:hidden;color:#fffaf0;box-shadow:0 5px 18px rgba(10,65,51,.08)}
.welcome-slide{height:150px;position:relative;display:grid;place-items:center;isolation:isolate;padding:20px 25px;text-align:center}
.welcome-slide[hidden]{display:none}
.welcome-slide img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.welcome-slide::after{content:"";position:absolute;inset:0;background:rgba(5,42,35,.67);z-index:-1}
.welcome-slide p{margin:0;font-family:Arial,sans-serif;font-size:18px;line-height:1.4;font-weight:700;max-width:440px;color:#fffaf0;text-wrap:balance}
.carousel-controls{display:flex;align-items:center;justify-content:center;gap:16px;padding:6px 15px;background:#103e37;border-top:1px solid #6c8159}
.carousel-controls button{cursor:pointer;border:1px solid transparent;color:#f5dd98;background:transparent;font-family:Arial,sans-serif;font-size:23px;width:32px;height:30px;line-height:1;border-radius:4px}
.carousel-controls button:hover{background:#23675a}.carousel-controls .carousel-pause{margin-left:8px;font-size:16px;border-color:#7a986d}
.carousel-dots{display:flex;align-items:center;gap:9px}.carousel-controls .carousel-dot{width:24px;height:28px;padding:6px;position:relative}.carousel-dot::before{content:"";display:block;width:8px;height:8px;border:1px solid #d9c27b;border-radius:50%}.carousel-dot[aria-current="true"]::before{background:#efd07a}
.hero-media .hero-photo{height:390px}
@media(max-width:720px){.welcome-slide{height:145px;padding:18px 20px}.welcome-slide p{font-size:16px}.hero-media .hero-photo{height:340px}.hero-media{gap:15px}}
.partners .partner-link{display:flex;flex-direction:column;align-items:center;gap:10px;padding:10px;border-radius:8px;text-decoration:none;transition:background .2s,transform .2s}
.partners .partner-link img{width:240px;height:160px;object-fit:contain;border-radius:6px}
.partners .partner-link span{font-size:12px;color:#075451;font-weight:700}
.partners .partner-link:hover{background:#edf4ed;transform:translateY(-3px)}
@media(max-width:720px){.partners .partner-link img{width:220px;height:147px}}
.partners .partner-link,.partners .partner-link:hover,.partners .partner-link img{background:#fff}

/* Uniform team portraits */
.person img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;object-position:center;background:#fff}
