:root{--green:#1e3b1d;--deep:#142813;--ink:#355232;--pale:#f0f2e9;--olive:#7c8053;--gold:#edaa26;--orange:#ff4e2e;--pink:#ef96b6;--blue:#83a0ef;--lime:#a3bc4b;--sans:'Alegreya Sans',Arial,sans-serif;--serif:'Alegreya',Georgia,serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:var(--sans);font-size:20px;line-height:1.45}img{display:block;max-width:100%;height:auto}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:500;line-height:1.04}h2{font-size:52px;letter-spacing:-1px}h3{font-size:25px;letter-spacing:-.3px}p{font-weight:400}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}a:focus-visible{outline:3px solid var(--gold);outline-offset:6px;border-radius:4px}.container{width:min(1200px,calc(100% - 80px));margin-inline:auto}.section{padding:120px 0}.pale{background:var(--pale)}.split{display:grid;grid-template-columns:40% 54%;gap:6%}.section-heading{align-items:center}.eyebrow{display:flex;align-items:center;gap:16px;color:var(--olive);font-weight:700;font-size:27px;line-height:1.2;margin-bottom:24px}.eyebrow:before{content:'';width:19px;height:19px;flex:none;border:5px solid var(--accent,var(--gold));border-radius:50%}.orange{--accent:var(--orange)}.gold{--accent:var(--gold)}.lime{--accent:var(--lime)}.magenta{--accent:#ac0051}.blue{--accent:var(--blue)}.white{--accent:#fff}.icon{width:26px;height:26px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.skip-link{position:absolute;top:12px;left:12px;padding:12px 20px;background:white;z-index:10;transform:translateY(-180%)}.skip-link:focus{transform:none}
.hero{position:relative;min-height:1010px;overflow:hidden;color:#fff;background:var(--deep)}.hero-photo,.hero-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero-shade{background:linear-gradient(90deg,rgba(18,39,17,.03) 22%,rgba(18,39,17,.36) 43%,rgba(18,39,17,.91) 69%,rgba(18,39,17,.97) 100%)}.hero-inner{position:relative}.brand-row{display:flex;justify-content:space-between;align-items:center;gap:40px;min-height:132px;border-bottom:1px solid #ffffff38}.government-logo{width:340px}.observatory-logo{width:205px}.hero-copy{width:54%;margin-left:46%;padding:90px 0 120px}.coming-badge{display:inline-flex;align-items:center;gap:10px;font-size:16px;border:1px solid #ffffff70;padding:8px 14px;border-radius:30px;margin-bottom:36px}.coming-badge i{width:7px;height:7px;background:var(--orange);border-radius:50%}h1{font-size:84px;line-height:.99;letter-spacing:-2px;margin-bottom:32px}.hero-name{border-left:4px solid var(--gold);padding-left:18px;font-size:27px;font-weight:700;line-height:1.25;margin-bottom:28px}.hero-description{font-size:20px;line-height:1.55;max-width:620px;color:#f0f1e9}.insto-note{display:flex;gap:14px;align-items:flex-start;padding:18px 20px;margin-top:34px;border:1px solid #ffffff1c;background:#ffffff16;border-radius:10px;font-size:17px;line-height:1.4}.insto-note .icon{width:22px;height:22px;margin-top:3px;color:#d4dacb}
.about{padding:120px 0}.intro-serif{font-family:var(--serif);font-size:30px;line-height:1.45;letter-spacing:-.2px}.about .split{align-items:center}.purpose{padding-top:120px;padding-bottom:130px}.purpose-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:38px;margin-top:88px}.round-icon{display:flex;width:72px;height:72px;align-items:center;justify-content:center;border-radius:50%;margin-bottom:30px}.round-icon .icon{width:32px;height:32px}.orange-bg{background:var(--orange);color:#fff}.gold-bg{background:var(--gold)}.pink-bg{background:var(--pink)}.blue-bg{background:var(--blue)}.lime-bg{background:var(--lime)}.purpose-grid h3{margin-bottom:10px}.purpose-grid p{font-size:19px;line-height:1.45;color:#63705c}
.indicators{background:var(--green);color:var(--pale);padding:120px 0}.indicators .eyebrow{color:var(--lime)}.indicators .section-heading{align-items:start}.indicators .section-heading>div:nth-child(2){padding-top:48px}.indicators .section-heading p:not(.eyebrow){color:#d0d9c6}.figures{display:flex;align-items:center;gap:50px;margin-top:44px}.figures p{display:flex;align-items:baseline;gap:14px;white-space:nowrap}.figures p+p{border-left:1px solid #ffffff20;padding-left:50px}.figures strong{font-family:var(--serif);font-size:88px;font-weight:500;color:var(--pale);line-height:1}.areas-heading{display:flex;justify-content:space-between;gap:30px;align-items:center;border-bottom:1px solid #ffffff22;margin-top:95px;padding-bottom:22px}.areas-heading h3{font-size:27px}.legend{list-style:none;display:flex;gap:20px;padding:0;margin:0;font-size:15px;color:#d0d9c6}.legend li{display:flex;align-items:center;gap:7px}.legend li:before{content:'';width:9px;height:9px;border-radius:50%;background:var(--category)}.economic{--category:var(--gold)}.social{--category:var(--pink)}.environmental{--category:var(--lime)}.governance{--category:var(--blue)}.areas-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:24px}.areas-grid article,.areas-note{border:1px solid #ffffff1e;border-radius:12px;padding:25px;min-height:166px}.areas-grid article{display:flex;flex-direction:column;justify-content:space-between;background:#ffffff06;gap:34px}.areas-grid .icon{color:var(--category);width:27px;height:27px}.areas-grid h3{font-size:24px;line-height:1.15;letter-spacing:-.1px}.areas-note{display:flex;align-items:center;font-family:var(--serif);font-style:italic;font-size:21px;line-height:1.4;color:#d6decf}
.participants-layout{display:grid;grid-template-columns:30% 62%;gap:8%;align-items:center}.community-art{display:flex;justify-content:flex-start}.community-art img{width:300px}.participants-intro{margin-top:26px}.participants-grid{display:grid;grid-template-columns:1fr 1fr;gap:38px 50px;margin-top:40px}.participants-grid article{display:flex;gap:24px;border-top:1px solid #d7ddcf;padding-top:24px}.participants-grid .icon{width:25px;height:25px;margin-top:4px}.participants-grid h3{font-size:25px;line-height:1.15;margin-bottom:8px}.participants-grid p{font-size:19px;color:#67745f}
.international-layout{display:grid;grid-template-columns:56% 38%;gap:6%;align-items:center}.international h2{margin-bottom:30px}.international .eyebrow{font-size:26px}.international .status{font-size:17px;font-weight:700;display:flex;gap:10px;align-items:center;margin-top:38px}.status i{width:8px;height:8px;background:var(--lime);border-radius:50%}.un-card{background:white;border:1px solid #e1e5da;border-radius:22px;padding:48px;color:var(--ink)}.un-card>img{width:190px;margin-bottom:34px}.un-card h3{font-size:28px;line-height:1.12;margin-bottom:20px}.un-card>p{font-size:19px;line-height:1.45;color:#65715e}.un-card>a{display:flex;gap:12px;align-items:center;border-top:1px solid #dce2d5;margin-top:34px;padding-top:28px;font-size:14px;color:#68745e}.un-card>a .icon{color:#1231fc;width:24px;height:24px}.un-card>a strong{display:block;color:#1231fc;font-weight:700;font-size:16px}
.coming{position:relative;overflow:hidden;background:var(--olive);color:#fff;padding:130px 0}.coming .container{position:relative}.coming .eyebrow{color:white;font-size:27px}.coming h2{font-size:56px;line-height:1.05;max-width:700px}.coming-pattern{position:absolute;right:-210px;top:50%;transform:translateY(-50%) rotate(-13deg);width:760px;height:760px;color:#d1d5ad;opacity:.28}
.contact{padding:120px 0}.contact-list{margin:42px 0 32px}.contact-list>div{display:flex;align-items:flex-start;gap:28px;border-top:1px solid #d9dfd2;padding:22px 0}.contact-list>div:last-child{border-bottom:1px solid #d9dfd2}.contact-list .icon{width:24px;height:24px;margin-top:3px}.contact-list dt{font-size:16px;color:#778161;margin-bottom:5px}.contact-list dd{font-size:19px;margin:0;overflow-wrap:anywhere}.contact-actions{display:flex;gap:18px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--ink);border-radius:40px;min-height:60px;padding:14px 25px;font-size:19px;font-weight:700;transition:background .15s}.button .icon{width:21px;height:21px}.button.primary{background:var(--green);color:white}.button:hover{background:var(--pale);color:var(--green);text-decoration:none}
footer{background:var(--deep);color:#fff;padding:66px 0 30px}footer .brand-row{min-height:95px;border:0;align-items:flex-start}footer .government-logo{width:330px}footer .observatory-logo{width:190px}.motto{font-family:var(--serif);font-style:italic;font-size:23px;margin:30px 0 40px}.footer-bottom{display:flex;justify-content:space-between;gap:35px;font-size:15px;color:#b5c1ab;border-top:1px solid #ffffff1b;padding-top:25px}
.hero-copy{width:45%;margin-left:55%}.hero-photo{width:113%;max-width:none;height:100%;left:-13%;object-fit:cover;object-position:center top}.split>*,.purpose-grid>*,.participants-grid>*,.international-layout>*{min-width:0}.contact-list>div{display:block;position:relative;padding-left:52px}.contact-list dt{color:#65704f}.contact-list dt .icon{position:absolute;left:0;top:22px;margin:0;color:var(--ink)}
@media(min-width:1600px){.hero-photo{object-position:center 42%}}
@media(max-width:1100px){.container{width:calc(100% - 80px)}.section{padding:90px 0}h2{font-size:42px}.eyebrow{font-size:23px}.hero{min-height:830px}.brand-row{min-height:110px}.government-logo{width:285px}.observatory-logo{width:170px}.hero-copy{padding:70px 0 85px}h1{font-size:66px}.hero-name{font-size:23px}.hero-description{font-size:18px}.intro-serif{font-size:26px}.purpose-grid{gap:25px;margin-top:70px}.purpose-grid h3{font-size:23px}.purpose-grid p{font-size:17px}.round-icon{width:62px;height:62px}.figures{gap:25px}.figures p+p{padding-left:25px}.figures strong{font-size:70px}.areas-heading{margin-top:70px}.areas-grid article,.areas-note{padding:20px}.areas-grid h3{font-size:22px}.areas-note{font-size:19px}.participants-layout{grid-template-columns:28% 65%;gap:7%}.community-art img{width:230px}.participants-grid{gap:30px}.participants-grid article{gap:16px}.participants-grid h3{font-size:23px}.participants-grid p{font-size:17px}.international .eyebrow{font-size:23px}.un-card{padding:35px}.coming h2{font-size:49px}.contact-list dd{font-size:18px}.footer-bottom{font-size:14px}}
@media(max-width:760px){body{font-size:18px}.container{width:calc(100% - 44px)}.section{padding:64px 0}h2{font-size:39px;letter-spacing:-.6px}.eyebrow{font-size:22px;gap:12px;margin-bottom:20px}.eyebrow:before{width:15px;height:15px;border-width:4px}.split{grid-template-columns:1fr;gap:30px}.hero{min-height:auto}.brand-row{min-height:99px;gap:28px}.government-logo{width:min(56%,250px)}.observatory-logo{width:min(30%,142px)}.hero-photo{object-position:35% center}.hero-shade{background:linear-gradient(180deg,rgba(18,39,17,.45),rgba(18,39,17,.2) 22%,rgba(18,39,17,.85) 47%,rgba(18,39,17,.98) 75%)}.hero-copy{width:100%;margin:0;padding:240px 0 50px}.coming-badge{margin-bottom:25px;font-size:15px}h1{font-size:62px;line-height:1;letter-spacing:-1.5px;margin-bottom:27px}.hero-name{font-size:24px}.hero-description{font-size:19px;max-width:550px}.insto-note{font-size:16px;padding:16px;margin-top:27px}.intro-serif{font-size:25px;line-height:1.4}.purpose-grid{grid-template-columns:1fr 1fr;gap:35px 26px;margin-top:42px}.round-icon{width:58px;height:58px;margin-bottom:18px}.round-icon .icon{width:27px;height:27px}.purpose-grid h3{font-size:25px}.purpose-grid p{font-size:18px}.purpose-grid article:last-child{grid-column:1/-1;max-width:70%}.purpose-grid h3 br{display:none}.indicators .section-heading>div:nth-child(2){padding:0}.figures{margin-top:30px;gap:26px}.figures p{gap:10px;font-size:17px}.figures p+p{padding-left:26px}.figures strong{font-size:67px}.areas-heading{margin-top:48px;display:block}.areas-heading h3{font-size:26px;margin-bottom:20px}.legend{font-size:15px;gap:10px 18px;flex-wrap:wrap}.areas-grid{grid-template-columns:1fr 1fr;gap:12px}.areas-grid article,.areas-note{min-height:155px;padding:20px 16px;border-radius:10px}.areas-grid h3{font-size:21px;line-height:1.15}.areas-grid h3 br{display:none}.areas-grid article{gap:25px}.areas-note{font-size:18px}.participants-layout{display:flex;flex-direction:column;align-items:stretch;gap:38px}.community-art{justify-content:center}.community-art img{width:175px}.participants-grid{gap:28px 24px;margin-top:32px}.participants-grid article{display:block;padding-top:20px}.participants-grid .icon{margin:0 0 15px}.participants-grid h3{font-size:23px}.participants-grid p{font-size:18px}.international-layout{grid-template-columns:1fr;gap:38px}.international .eyebrow{font-size:22px}.international h2{margin-bottom:24px}.international .status{margin-top:28px}.un-card{padding:32px;max-width:450px;width:100%}.un-card>img{width:150px;margin-bottom:27px}.un-card h3{font-size:28px}.un-card>a{font-size:15px}.coming h2{font-size:40px;line-height:1.08}.coming h2 br{display:none}.coming .eyebrow{font-size:21px}.coming-pattern{width:500px;height:500px;right:-300px;opacity:.15}.coming .container{padding-right:15px}.contact-list{margin-top:0}.contact-list>div{gap:18px;padding:20px 0}.contact-list dt{font-size:16px}.contact-list dd{font-size:18px}.contact-actions{gap:12px}.button{font-size:18px;min-height:52px;padding:12px 18px}footer{padding:42px 0 25px}footer .brand-row{min-height:70px;gap:25px}footer .government-logo{width:55%}footer .observatory-logo{width:31%}.motto{font-size:21px;margin:22px 0 30px}.footer-bottom{display:block;font-size:14px;line-height:1.4}.footer-bottom p+p{margin-top:14px}}
@media(min-width:761px) and (max-width:960px){.hero-copy{width:55%;margin-left:45%}h1{font-size:58px}.hero-name{font-size:22px}}
@media(max-width:760px){.hero-photo{width:100%;height:100%;left:0;object-fit:cover;object-position:35% center}.purpose-grid,.participants-grid,.areas-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.figures{align-items:flex-start}.figures p{display:block;white-space:normal}.figures strong{display:block;margin-bottom:5px}}
@media(max-width:360px){h1{font-size:54px}.container{width:calc(100% - 36px)}.figures{gap:17px}.figures p+p{padding-left:17px}.figures strong{font-size:58px}.figures p{font-size:15px}.areas-grid h3{font-size:19px}.coming h2{font-size:36px}.contact-actions{flex-direction:column;align-items:flex-start}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

/* Keep labels and figures inside their columns on tablets. */
@media(min-width:761px) and (max-width:1100px){
  .figures{gap:24px}
  .figures p{display:block;white-space:normal;flex:1;min-width:0}
  .figures p+p{padding-left:24px}
  .figures strong{display:block;margin-bottom:6px}
}

@media(max-width:760px){
  h1{font-size:clamp(42px,15vw,62px)}
  .brand-row{gap:20px}
  .brand-row img{flex-shrink:0;min-width:0;object-fit:contain}
  .brand-row .government-logo{width:55%}
  .brand-row .observatory-logo{width:29%}
  .contact-list>div{padding:20px 0 20px 42px}
  .contact-list dt .icon{top:20px}
}