:root{--blue:#0a255f;--red:#e30613;--ink:#0c1730;--paper:#f5f6f8;--line:#dfe3ea;--muted:#61708d;font-family:Montserrat,Arial,sans-serif;color:var(--ink);background:var(--paper);color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}header{min-height:100px;display:flex;align-items:center;justify-content:space-between;padding:20px 4%;gap:25px;background:#fff;border-bottom:1px solid var(--line)}.brand-wrap{display:flex;align-items:center;gap:24px}.brand img{display:block;width:235px;height:auto}.slogan{font-size:11px;font-weight:800;line-height:1.4;color:var(--blue)}nav{display:flex;align-items:center;gap:26px}nav a{font-size:11px;text-transform:uppercase;font-weight:800;letter-spacing:.05em;text-decoration:none;color:var(--blue)}nav a:hover{color:var(--red)}.badge{font-size:9px;letter-spacing:1px;border:1px solid var(--line);padding:9px 11px;color:var(--muted)}main{display:grid;grid-template-columns:minmax(330px,36%) minmax(0,1fr);max-width:1800px;margin:auto}.intro{padding:52px clamp(25px,4vw,70px);background:var(--paper);scroll-margin-top:15px}.eyebrow{display:flex;gap:10px;align-items:center;color:var(--red);font-size:11px;font-weight:800;letter-spacing:1.7px;margin-bottom:25px}.eyebrow:before{content:'';height:4px;width:29px;background:var(--red)}h1{font:800 clamp(64px,7.2vw,116px)/.87 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;letter-spacing:-1px;color:var(--blue);margin:0 0 25px}h1 span{color:var(--red)}.intro>p{font-size:13px;line-height:1.8;color:var(--ink);max-width:400px}.stats{display:flex;gap:26px;margin:24px 0 28px;padding:19px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.stats strong{font:700 33px/.95 'Barlow Condensed',Impact,sans-serif;color:var(--blue)}.stats small{display:block;font:500 10px Montserrat,Arial,sans-serif;color:var(--muted);margin-top:8px}.search{display:flex;align-items:center;gap:12px;padding:12px 15px;background:#fff;border:1px solid #bdc5d2}.search:focus-within{outline:2px solid var(--blue);outline-offset:2px}.search span{color:var(--blue);font-size:24px}input{font-size:11px;min-width:0;width:100%;border:0;outline:0;background:transparent;color:var(--ink)}input::placeholder{color:var(--muted)}.filters{display:flex;gap:6px;flex-wrap:wrap;margin:13px 0 19px}button{cursor:pointer;border:1px solid var(--line);color:var(--blue);background:#fff;padding:9px 10px;font-size:10px;font-weight:700}button:hover{border-color:var(--red);color:var(--red)}button:focus-visible,a:focus-visible{outline:3px solid var(--red);outline-offset:4px}button.active{color:#fff;background:var(--blue);border-color:var(--blue)}.row{width:100%;border:0;border-top:1px solid var(--line);display:flex;align-items:center;gap:11px;text-align:left;background:transparent;padding:14px 1px}.row:hover{background:#e9edf4}.row .icon{display:grid;place-items:center;width:29px;height:29px;flex-shrink:0;border:1px solid #bdc5d2;color:var(--red);font-size:17px}.row .name{display:block;font-size:11px;font-weight:700;line-height:1.5}.row small{font-size:9px;color:var(--muted);font-weight:500;display:block;margin-top:3px}.row .arrow{margin-left:auto;color:var(--red);font-size:18px}.intro>p.note{font-size:9px;line-height:1.8;color:var(--muted);margin:22px 0 0}.planet{position:relative;min-width:0;min-height:800px;background:radial-gradient(ellipse at 50% 39%,#183c7a 0,#0a255f 55%,#061a43 100%);overflow:hidden;color:#fff}.orbital-label{position:absolute;top:28px;left:30px;right:30px;font-size:9px;font-weight:700;letter-spacing:1px;display:flex;justify-content:space-between;align-items:start;gap:20px;z-index:1;border-bottom:1px solid #ffffff26;padding-bottom:19px}.orbital-label>.globe-title{font-family:'Barlow Condensed',Impact,sans-serif;font-size:16px;letter-spacing:.6px;line-height:1.1}.orbital-label>span:last-child{font-size:8px;color:#adbedb;text-align:right;line-height:1.5}#scene{position:absolute;inset:65px -25px 115px;touch-action:none;cursor:grab}#scene:active{cursor:grabbing}canvas{width:100%;height:100%;display:block}#labels{position:absolute;inset:65px -25px 115px;overflow:hidden;pointer-events:none}.marker{position:absolute;transform:translate(-50%,-50%);background:transparent;border:0;padding:10px;display:flex;align-items:center;gap:9px;white-space:nowrap;pointer-events:auto;font-size:10px;font-weight:600;color:#fff}.marker i{height:10px;width:10px;border-radius:50%;background:var(--red);box-shadow:0 0 0 5px #e306132c,0 0 0 1px #fff;flex-shrink:0}.marker span{background:#061a43e8;padding:7px 10px;border:1px solid #ffffff36;color:#fff;box-shadow:0 4px 14px #0003}.marker:hover i{box-shadow:0 0 0 8px #e3061355,0 0 0 1px #fff}.marker:hover span{background:var(--red);border-color:var(--red)}#loading{position:absolute;top:45%;left:0;right:0;text-align:center;font-size:12px;color:#c7d4ed}.controls{position:absolute;right:24px;bottom:140px;display:flex;flex-direction:column;border:1px solid #ffffff55;z-index:2}.controls button{width:40px;height:40px;padding:0;background:#061a43df;border:0;border-bottom:1px solid #ffffff26;font-size:21px;color:#fff;font-family:Arial,sans-serif}.controls button:last-child{border-bottom:0}.controls button:hover{background:var(--red)}.hint{position:absolute;bottom:84px;left:20px;right:20px;text-align:center;font-size:9px;line-height:1.8;color:#c4d0e6}.hint span{font:22px Arial;margin-right:6px;color:#fff}.hint b{padding:0 8px;color:var(--red)}.planet:after{content:'EXPLORAR · CONECTAR · TRANSFORMAR';position:absolute;left:30px;right:30px;bottom:28px;border-top:1px solid #ffffff26;padding-top:17px;color:#aebbd4;font-size:8px;font-weight:700;letter-spacing:2px;pointer-events:none}#detail{position:absolute;left:30px;right:80px;bottom:128px;background:white;color:var(--ink);border-top:5px solid var(--red);padding:26px 28px;box-shadow:0 15px 45px #0005;z-index:3}#detail h2{font:700 34px/.97 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;color:var(--blue);margin:14px 25px 15px 0}#detail .meta{font-size:9px;font-weight:800;color:var(--red);letter-spacing:1px}#detail p{font-size:11px;line-height:1.8}#detail p+p{font-size:9px;color:var(--muted)}#detail a{display:inline-flex;padding:12px 17px;background:var(--blue);color:#fff;font-size:10px;font-weight:700;text-transform:uppercase;text-decoration:none;margin-top:7px}#detail a:hover{background:var(--red)}#close{position:absolute;right:15px;top:14px;border:1px solid var(--line);border-radius:50%;width:31px;height:31px;padding:0;font:22px Arial;color:var(--blue)}footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:36px 4%;background:white;border-top:6px solid var(--red)}footer img{width:190px;display:block}footer div>span{display:block;font-size:10px;font-weight:600;margin-top:13px;color:var(--blue)}footer p{font-size:10px;line-height:1.8;color:var(--blue);margin:0}footer small{color:var(--muted);font-size:9px}[hidden]{display:none!important}@media(min-width:1600px){.planet{min-height:950px}}@media(max-width:1000px){header{padding:18px 4%;min-height:86px}.brand img{width:200px}.slogan{display:none}nav{gap:16px}nav a{font-size:9px}.badge{font-size:8px}main{grid-template-columns:minmax(300px,40%) minmax(0,1fr)}.intro{padding:40px 25px}h1{font-size:76px}.planet{min-height:850px}#scene,#labels{inset:110px -45px 205px}.orbital-label{left:22px;right:22px;flex-direction:column;gap:12px}.controls{right:15px}#detail{left:20px;right:65px;padding:20px}}@media(max-width:700px){header{gap:10px;min-height:77px;padding:17px 5%}.brand img{width:170px}nav a{display:none}.badge{font-size:7px;padding:7px;letter-spacing:.5px}main{display:flex;flex-direction:column}.intro{display:contents}.eyebrow{padding:30px 6% 0;margin-bottom:16px;font-size:10px}h1{font-size:76px;padding:0 6%;margin-bottom:17px}h1 br{display:none}h1 span{display:block}.intro>p{padding:0 6%;font-size:12px;max-width:100%;margin:0 0 20px}.stats{margin:0 6% 25px;justify-content:space-between;padding:15px 0}.stats strong{font-size:30px}.planet{order:1;width:100%;min-height:550px;margin-bottom:24px}.search{order:2;margin:0 6%}.filters{order:3;margin:13px 6% 15px}#list{order:4;margin:0 6%}.intro>p.note{order:5;margin:20px 0 30px;font-size:9px;padding:0 6%}#scene,#labels{inset:65px -15px 88px}.orbital-label{top:22px;left:6%;right:6%;flex-direction:row;gap:25px}.orbital-label .globe-title{font-size:13px;max-width:200px}.orbital-label>span:last-child{font-size:7px}.controls{bottom:105px;right:14px}.hint{bottom:61px;font-size:8px;left:15px;right:15px}.hint b{padding:0 3px}.planet:after{bottom:19px;left:6%;right:6%;padding-top:12px;font-size:7px}.marker span{font-size:8px;padding:6px}.marker{gap:7px}.marker i{height:8px;width:8px}#detail{bottom:105px;left:6%;right:65px;padding:19px}#detail h2{font-size:29px}#detail p{font-size:10px}footer{padding:28px 6%;align-items:start;flex-direction:column;gap:22px}footer img{width:170px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Keep the globe framed independently from the directory height. */
@media(min-width:701px){.planet{align-self:start;height:900px;min-height:0}h1{font-size:clamp(64px,6.3vw,106px)}}
@media(min-width:1600px){.planet{height:1000px}}
@media(min-width:701px) and (max-width:1000px){.planet{height:850px}h1{font-size:72px}}
/* Comparable annual CO2 data, with a separately controlled initiative layer. */
h1{font-size:clamp(54px,5.3vw,88px)}.emissions-panel{border-top:4px solid var(--red);background:#fff;border-left:1px solid var(--line);border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px;margin-bottom:18px}.emissions-panel h2{font:700 28px/1 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;color:var(--blue);margin:0 0 17px}.metric-switch{display:grid;grid-template-columns:1fr 1fr;gap:5px}.metric-switch button{font-size:10px;padding:11px 6px}.emissions-panel p{font-size:10px;line-height:1.7}.emissions-panel #metric-description{font-weight:700;margin:15px 0 13px}#legend{display:grid;grid-template-columns:1fr;gap:6px}#legend>div{display:flex;align-items:center;gap:8px;font-size:9px;color:var(--ink)}#legend i{display:block;flex-shrink:0;width:22px;height:10px;border:1px solid #0002}#legend.layer-off{opacity:.35}.legend-note{color:var(--muted);font-size:8px!important;margin:12px 0 20px}.country-field{display:block;font-size:9px;font-weight:700;color:var(--blue);margin-bottom:8px}select{font:500 11px Montserrat,Arial,sans-serif;color:var(--blue);width:100%;min-width:0;border:1px solid #bdc5d2;background:#fff;padding:12px 9px;border-radius:0}select:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.layer-options{display:flex;flex-direction:column;gap:11px;margin:18px 0}.layer-options label{display:flex;align-items:center;gap:9px;font-size:10px;line-height:1.5;cursor:pointer}.layer-options input{width:15px;height:15px;accent-color:var(--blue);margin:0}.source-note{border-top:1px solid var(--line);padding-top:15px;color:var(--muted);font-size:8px!important}.source-note a{color:var(--blue);text-decoration:underline;text-underline-offset:2px}.scope-note{font-size:8px!important;color:var(--muted);margin-bottom:0}.initiative-directory{border-top:1px solid var(--line);padding-top:3px}.initiative-directory summary{cursor:pointer;font-size:11px;font-weight:700;color:var(--blue);padding:15px 0}.initiative-directory summary span{float:right;color:var(--red);font-size:10px}.initiative-directory[open] .search{margin-top:10px}.country-value{border-left:5px solid;padding-left:15px;margin:19px 0;font:700 42px/1 'Barlow Condensed',Impact,sans-serif;color:var(--blue)}.country-value span{display:block;font:500 10px/1.6 Montserrat,Arial,sans-serif;margin-top:9px;max-width:90%}#detail .secondary-value{font-size:10px}.country-scope{color:var(--muted)}#detail{bottom:130px}#detail p{margin:12px 0}#detail h2{font-size:35px}.planet:after{content:'COMPRENDER · COMPARAR · TRANSFORMAR'}@media(min-width:701px){.planet{position:sticky;top:0;height:min(900px,100vh);min-height:700px}#scene,#labels{inset:65px -25px 115px}}@media(max-width:700px){h1{font-size:65px}h1 span{font-size:60px;max-width:350px}.emissions-panel{order:2;margin:0 6% 20px;padding:21px}.initiative-directory{order:3;margin:0 6%}.initiative-directory .search,.initiative-directory .filters,.initiative-directory #list{margin-left:0;margin-right:0}.initiative-directory .filters{margin-top:13px}.initiative-directory[open] .search{margin-bottom:13px}.intro>p.note{order:4}.planet{min-height:600px;height:600px}.stats{margin-bottom:22px}.country-value{font-size:36px}#detail{left:5%;right:58px;bottom:100px;padding:17px 20px}#detail h2{font-size:28px;margin:13px 24px 14px 0}#detail .meta{font-size:8px}#detail .country-scope{font-size:9px}#detail p{font-size:9px;line-height:1.65}.country-value span{font-size:9px}.orbital-label .globe-title{font-size:15px}}
/* Dark space theme: keep the CO2 scale and geography unchanged. */
:root{--blue:#9bbaff;--red:#ff3546;--ink:#e6ecf8;--paper:#090c13;--line:#283143;--muted:#a0acc2;background:#090c13;color-scheme:dark}
header,footer{background:#0b101b}header{border-bottom-color:#283143}.brand,footer div>img{background:#fff;padding:9px 12px;border-radius:3px}.brand img{width:211px}footer div>img{width:190px}.slogan,nav a,footer p,footer div>span{color:#bdcfff}.badge{background:#111927}
h1{color:#e1eaff}.intro{background:#090c13}.emissions-panel{background:#101724;box-shadow:0 12px 40px #0003}.emissions-panel h2,.stats strong{color:#d3e0ff}.search,select,button{background:#151e2e;border-color:#35435b;color:#d8e4ff}.search:focus-within,select:focus-visible{outline-color:#9bbaff}button.active{background:#294a8d;border-color:#557bc4;color:#fff}button:hover{color:#fff;border-color:#ff3546;background:#22334e}.row{background:transparent}.row:hover{background:#151e2e}.row .icon{border-color:#35435b}.layer-options input{accent-color:#7399ed}.source-note a{color:#adc7ff}
.planet{background:#000}.marker span{background:#0a101ded}.controls{border-color:#3c465a}.controls button{background:#101724e8}.controls button:hover{background:#d92335}.hint,.orbital-label>span:last-child,.planet:after{color:#aebbd0}
#detail{background:#101724;color:var(--ink);box-shadow:0 18px 55px #000a;border:1px solid #35435b;border-top:5px solid var(--red)}#detail h2,.country-value{color:#e1eaff}#detail a{background:#294a8d}#detail a:hover{background:#c91e30}#close{background:#1a2538;color:#e1eaff;border-color:#35435b}
@media(max-width:1000px){.brand img{width:176px}}@media(max-width:700px){.brand img{width:146px}.brand{padding:7px 9px}}

#environment-layer{margin-bottom:16px;font-size:10px;padding:13px 9px}.country-value{font-size:38px}#detail .secondary-value{line-height:1.8}

@media(max-width:700px){#detail{max-height:410px;overflow-y:auto}.country-value{font-size:34px}#detail .secondary-value{font-size:9px}}

#recycling-year{margin-bottom:8px}.period-note{color:var(--muted);font-size:9px!important;margin:0 0 18px;line-height:1.7}.data-notes{border-top:1px solid var(--line);padding-top:12px;font-size:10px}.data-notes summary{cursor:pointer;color:var(--blue)}#detail .download-source{margin-left:7px;background:transparent;border:1px solid #35435b}#data-period{font-size:29px}

#detail .org-contact a{display:inline;padding:0;background:none;text-transform:none;font-size:11px;overflow-wrap:anywhere;color:#b8d0ff;text-decoration:underline}.org-contact{overflow-wrap:anywhere}#detail{max-height:calc(100% - 220px);overflow-y:auto}#directory-group{margin-top:6px;margin-bottom:10px}

.marker.network i{background:#74c5ff;box-shadow:0 0 0 5px #74c5ff2c,0 0 0 1px #fff}.marker.network:hover i{box-shadow:0 0 0 8px #74c5ff44,0 0 0 1px #fff}

.view-modes{position:absolute;top:22px;left:30px;right:30px;display:grid;grid-template-columns:1fr 1fr;gap:8px;z-index:5}.view-modes button{padding:15px 10px;font-size:12px;text-transform:uppercase;letter-spacing:.7px;border:1px solid #3a4c70;background:#101724;color:#cbd9f2}.view-modes button.active{background:#294a8d;color:#fff;border-color:#8daee7}.orbital-label{top:90px}#scene,#labels{inset:140px -25px 115px}#org-legend{margin-top:18px}.org-country-row{display:flex;width:100%;align-items:center;gap:10px;border:0;border-top:1px solid var(--line);background:transparent;padding:12px 0;text-align:left}.org-country-row i{width:13px;height:13px;flex-shrink:0;border-radius:3px}.org-country-row b{margin-left:auto;color:#fff}#nestad-panel>p{line-height:1.8;font-size:11px}#regional-networks{margin-top:18px;width:100%}.country-org{border-top:1px solid var(--line);padding:19px 0 10px}.country-org h3{font:700 25px/1.1 'Barlow Condensed',Impact,sans-serif;color:#e1eaff;margin:7px 0 12px}.country-org .org-location{color:var(--muted);font-size:9px!important}#detail .country-org .org-email{background:transparent;display:block;padding:0;margin:8px 0 12px;text-transform:none;overflow-wrap:anywhere;color:#bdd5ff;text-decoration:underline}.org-disclaimer{color:var(--muted);font-size:9px!important}#detail.organisations-detail{max-height:calc(100% - 260px);overflow:auto}#nestad-panel{margin-bottom:20px}
@media(max-width:700px){.view-modes{left:6%;right:6%;top:17px}.view-modes button{font-size:10px;padding:13px 7px}.orbital-label{top:82px}#scene,#labels{inset:125px -15px 88px}#nestad-panel{order:2;margin:0 6% 20px}#detail.organisations-detail{max-height:365px}.country-org h3{font-size:23px}}

#scene .orbit-effects{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}

.intro>p:not(.note){margin-bottom:30px}h1{font-size:clamp(54px,5vw,84px)}@media(max-width:700px){h1{padding-top:30px;font-size:62px}h1 span{font-size:60px}.intro>p:not(.note){margin-bottom:26px}}

.brand,.brand-wrap,footer>div{background:transparent}.brand img,footer img{background:transparent;border-radius:0}

.brand,footer div>img{background:transparent;padding:0;border-radius:0}

/* Language selector for the globe; visible on all screen sizes. */
.planet-language-switch{display:flex;align-items:center;gap:4px;padding:3px;border:1px solid #465575;border-radius:24px}
header nav .planet-language-switch a{display:flex;align-items:center;justify-content:center;min-width:39px;min-height:36px;padding:7px 8px;border-radius:50%;font-size:10px;letter-spacing:0;color:#dce5ff;text-decoration:none}
header nav .planet-language-switch a[aria-current=page]{background:#2d4f91;color:#fff}
header nav .planet-language-switch a:hover{background:#23334b}
header nav .planet-language-switch a:focus-visible{outline:2px solid #ff304d;outline-offset:3px}
html[lang=en] .planet:after{content:'UNDERSTAND · COMPARE · TRANSFORM'}
html[lang=pt] .planet:after{content:'COMPREENDER · COMPARAR · TRANSFORMAR'}
@media(max-width:700px){header nav{gap:8px}header nav .planet-language-switch a{min-width:32px;min-height:32px;padding:6px;font-size:9px}.brand img{width:132px}html[lang=en] h1,html[lang=pt] h1{font-size:68px}}
