/* ARforEarth — smoked glass. Material layers preserve the existing page layouts. */
:root{
  --cream:#0c1311;
  --ink:#f0f5ef;
  --green:#bce2a7;
  --muted:#b9c7bd;
  --line:rgba(209,236,216,.16);
  --lime:#c9eeb8;
  --public-glass:#1b2520;
  --public-glass-border:rgba(228,246,232,.18);
  --public-glass-shadow:0 20px 60px #00000029,inset 0 1px 0 #ffffff12;
  color-scheme:dark;
}
body{
  color:var(--ink);
  background-color:#0c1311;
  background-image:radial-gradient(ellipse at 6% 4%,#365e4426,transparent 38%),radial-gradient(ellipse at 95% 25%,#4162591f,transparent 42%),linear-gradient(145deg,#0c1411,#0b1110 65%,#111b15);
  background-attachment:fixed;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
}
h1,h2,h3{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#f0f5ef}
h1,h2{font-weight:550}
p{color:var(--muted)}
em{color:#c3e4ae}
::selection{background:#c6eab3;color:#132417}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline-color:#d5f4bf;outline-offset:5px}
.skip{background:#d5efc9;color:#132417;border-radius:10px;box-shadow:0 5px 20px #0005}
.site-header,.has-scrolled .site-header{
  top:12px;
  width:calc(100% - 24px);
  margin:12px auto;
  border:1px solid #e0f6e42b;
  border-radius:23px;
  background:#17201b;
  box-shadow:0 12px 38px #00000040,inset 0 1px 0 #ffffff23,inset 0 -1px 0 #ffffff05;
  color:#edf5ec;
}
.site-header .brand{color:#f4f6f0}
.site-header .brand small{color:#b5c7b8}
.site-header .original-logo{filter:drop-shadow(0 2px 9px #0005)}
.site-header nav>a:not(.button){color:#c7d6c9}
.site-header nav>a:hover,.site-header nav>a[aria-current],.site-header nav>a.section-active{
  background:linear-gradient(135deg,#ffffff16,#ffffff07);
  color:#f4ffe9;
  box-shadow:inset 0 1px 0 #ffffff18,0 3px 12px #00000010;
}
.site-header .initiative-bar{border-color:#d6efda1a}
.site-header .nav-label{color:#a4bda8}
.site-header .initiative-nav small{color:#d4e8c2;background:#badfa51a;border:1px solid #c0e3ac25}
.header-workspace{
  color:#14291b;
  border-color:#d0edb9;
  background:linear-gradient(145deg,#d7f0c6,#a9d38f);
  box-shadow:0 3px 16px #9ed18d14,inset 0 1px 0 #fff9,inset 0 -1px 0 #405e2826;
}
.header-workspace:hover{color:#102616;background:linear-gradient(145deg,#e8fbd9,#c4e9a9);box-shadow:0 4px 22px #a8d68b2b,inset 0 1px 0 #fff9}
.header-signin,.site-header .menu-toggle{
  color:#eef7e9;
  background:linear-gradient(145deg,#ffffff15,#ffffff06);
  border-color:#d4e6d336;
  box-shadow:inset 0 1px 0 #ffffff24,0 4px 12px #0002;
}
.header-signin:hover,.site-header .menu-toggle:hover{color:#fff;background:#cadfc51c;border-color:#d5edc85c}
.home-hero{border-top:1px solid #d0edd218;border-bottom:1px solid #d0edd218;isolation:isolate}
.hero-image{filter:brightness(.76) saturate(.76)}
.hero-shade{background:linear-gradient(90deg,#08150fe8 0%,#10261db0 45%,#0d201a33 100%),linear-gradient(0deg,#0c1311 0%,transparent 50%)}
.hero-content h1{color:#f4f8ee;text-shadow:0 3px 24px #0003}
.hero-content h1 em{color:#d5ebbd}
.hero-content>p{color:#d0decd}
.hero-content .eyebrow,.hero-bottom{color:#c8dcbf}
.hero-bottom a{color:#dcebd5}
.button{border-radius:15px;box-shadow:inset 0 1px 0 #ffffff1c;transition:background .2s,box-shadow .2s,transform .2s}
.button.primary,.button.light{
  background:linear-gradient(145deg,#d4edc1,#aacd92);
  color:#172a19;
  border-color:#d1e8bc;
  box-shadow:inset 0 1px 0 #fff8,0 5px 18px #98be7711;
}
.button.primary:hover,.button.light:hover{color:#102114;background:linear-gradient(145deg,#e2f4d3,#c5e2ad);border-color:#e0f5cc;box-shadow:inset 0 1px 0 #fff9,0 6px 25px #abd29425}
.button.secondary,.button.outline{
  color:#e6f0df;
  background:linear-gradient(145deg,#ffffff12,#ffffff05);
  border-color:#cde6c84a;
  box-shadow:inset 0 1px 0 #ffffff21,0 4px 18px #0002;
}
.button.secondary:hover,.button.outline:hover{color:#fff;background:#c9e2bd18;border-color:#d6ecc574;box-shadow:inset 0 1px 0 #ffffff30,0 7px 23px #0003}
.text-link,.light-link{color:#d7ecc8;border-color:#cce7b954}
.text-link:hover,.light-link:hover{color:#f2ffe8;border-color:#cbe8ae}
.eyebrow,.page-hero .eyebrow{color:#b8d4aa}
.section-title>p,.section-intro,.page-hero .lead,.intro p{color:#b9cbbd}
.breadcrumbs,.breadcrumbs span{color:#9fb5a5}
.breadcrumbs a{color:#c8e3ba}
.breadcrumbs [aria-current]{color:#dce8d8}
.intro{border-color:#d9ecdb21}
.split-panel,.split-panel[aria-label="ARforEarth workspace"],.initiative-card,.directory .initiative-card,.platform-card,.course,.archive-photo,.contact-aside{
  color:#ecf3e7;
  background:linear-gradient(135deg,#26322c,#17221c 72%);
  border:1px solid var(--public-glass-border);
  border-radius:25px;
  box-shadow:var(--public-glass-shadow);
}
.split-panel[aria-label="ARforEarth workspace"]{background:radial-gradient(ellipse at 85% 0,#53744d29,transparent 65%),linear-gradient(125deg,#26372c,#17251e);box-shadow:0 18px 60px #0003,inset 0 1px 0 #ffffff29}
.split-panel[aria-label="ARforEarth workspace"] .button{box-shadow:inset 0 1px 0 #fff8,0 5px 20px #9fc58614}
.split-panel p,.initiative-card p,.course-body p,.platform-description{color:#bccdbd}
.initiative-card:hover,.platform-card:hover{border-color:#c2dfa55c;box-shadow:0 20px 55px #0004,inset 0 1px 0 #ffffff28}
.initiative-card .symbol{color:#d1ebc1}
.number{color:#aac4b0}
.status{color:#cae2b9}
.status i{background:#c5e9a6;box-shadow:0 0 10px #b6df8559}
.status.planned{color:#e1c98c}
.card-link{color:#dbeccd;border-color:#c6dfbf29}
.card-link>span{color:#c2dfa5}
.feature,.cta{
  color:#f0f8e8;
  background:radial-gradient(ellipse at 95% 0,#77926a24,transparent 58%),linear-gradient(135deg,#223b2d,#13281f);
  border:1px solid #d5edba33;
  box-shadow:0 20px 65px #0003,inset 0 1px 0 #eefed52e;
  border-radius:28px;
}
.feature h2,.cta h2{color:#f0f7e8}
.feature h2 em{color:#cee6b6}
.feature-copy>p,.cta p{color:#c0d3b9}
.feature .status,.cta .eyebrow{color:#c5e1ac}
.energy-visual{
  color:#e2f0d7;
  background:linear-gradient(145deg,#ffffff13,#ffffff06),#17271f;
  border:1px solid #d7edc845;
  box-shadow:0 20px 45px #0004,inset 0 1px 0 #fff3;
  border-radius:22px;
}
.energy-visual>p,.energy-heading small,.energy-axis,.energy-tags,.illustrative{color:#b8ceb0}
.energy-chart,.energy-tags{border-color:#bfd4ac35}
.energy-chart span{background:linear-gradient(#d3edb9,#7c9f64);box-shadow:inset 0 1px 0 #fff6,0 0 14px #b1d77e12}
.energy-chart span:nth-child(2){background:linear-gradient(#bfdca5,#72985b)}
.energy-chart span:nth-child(3){background:linear-gradient(#abd090,#5c844c)}
.energy-chart span:nth-child(4){background:linear-gradient(#91ba79,#486e3c)}
.energy-chart span:nth-child(5){background:linear-gradient(#7da965,#395d30)}
.energy-tags span{border-color:#d3e5be38;background:#ffffff05}
.tiles article,.process article,.timeline article,.metric-grid article{border-color:#b6d9aa45}
.tiles p,.process p,.timeline p,.story p,.community-feature p,.metric-grid p{color:#b9cbbd}
.process article>span,.timeline .eyebrow{color:#bdd6b1}
.impact-strip{background:linear-gradient(100deg,#16251c,#1a2c21 55%,#122017);border-block:1px solid #cce0bc24}
.impact-number{border-color:#c7e4b43d}
.impact-number strong,.metric-grid strong{color:#e8f5dd;text-shadow:0 0 24px #cce4a812}
.impact-number p,.impact-strip small,.caption{color:#b9cbb1}
.fact-row{color:#bdcfb8}
.fact-row span{border-color:#a6cb8f}
.story-image{border-radius:24px;border:1px solid #ddebd224;box-shadow:0 18px 50px #0004}
.story-image span{color:#f1f6eb}
.note{
  color:#e1ecd6;
  background:linear-gradient(125deg,#263728,#19281d);
  border:1px solid #bcd5a634;
  border-left:3px solid #a3ca8a;
  border-radius:0 20px 20px 0;
  box-shadow:inset 0 1px 0 #ffffff0c;
}
.note p,.numbered p{color:#bdceb8}
.note a,.prose a{color:#d0e8bd;border-color:#c6e4ac75}
.numbered li::marker{color:#bdd6a9}
.resource-links a{color:#d8e8cf;border-color:#c0d7b52e}
.resource-links a:hover{color:#edffe0;background:#b8d5a610;border-radius:12px}
.faq details{border-color:#c1d9b32b}
.faq summary{color:#e3efd9}
.faq summary:hover{color:#d0edb7}
.faq p,.prose p,.prose li{color:#bfceba}
.prose strong,.prose h2{color:#eaf3e2}
.course{overflow:hidden}
.course-art,.course-art.sdg{background:linear-gradient(135deg,#334b30,#203323);color:#d0e9b7;border-bottom:1px solid #c7dfb32c}
.course-art.climate{background:linear-gradient(135deg,#254d40,#18352d);color:#c5e2c9}
.course-art:before,.course-art:after{border-color:#cde7ba36}
.course-meta{color:#b7cbaa}
.water-art{color:#dbefda;background:radial-gradient(ellipse at 80% 10%,#6b9b7a28,transparent 60%),linear-gradient(145deg,#294e3e,#152f25);border:1px solid #cde6cb36;border-radius:25px;box-shadow:inset 0 1px 0 #fff2,0 20px 55px #0003}
.water-art>span{color:#c4ddc3}
.ripples{border-color:#b4d7b94a;box-shadow:0 0 0 25px #aac5ac0b,0 0 0 50px #aac5ac0b,0 0 0 75px #aac5ac0b,0 0 0 100px #aac5ac0b}
.check-list p{border-color:#b8cfa72b}
form label{color:#e2edd9}
input,select,textarea{background:#111e16;color:#edf5e8;border:1px solid #9bb68c6e;border-radius:13px;box-shadow:inset 0 2px 6px #0003,0 1px 0 #ffffff0b;min-width:0}
input::placeholder,textarea::placeholder{color:#a3b69b;opacity:1}
select option{background:#16251b;color:#f0f6eb}
input:focus,select:focus,textarea:focus{border-color:#cee9b4}
.contact-aside p,.contact-aside a{color:#c8ddbd}
.contact-aside small,#contact-status{color:#bcccb2}
.contact-aside hr{border-color:#b8d1a933}
.archive-photo figcaption{background:linear-gradient(#243028,#1b271f)}
.archive-photo figcaption strong{color:#edf5e6}
.archive-photo figcaption span{color:#bdcdb5}
.archive-grid a:focus-visible{outline-color:#d1ecb8}
.identity-panel{background:radial-gradient(ellipse,#48644326,transparent 70%);border-radius:24px}
.platform-logo{background:#f8faf3;border-radius:13px;padding:12px;height:100px;border:1px solid #fff9;box-shadow:inset 0 1px 0 #fff}
.platform-logo img{max-height:72px}
.platform-card strong{color:#eef6e7}
.platform-action{color:#d4e9c4}
.footer{background:linear-gradient(170deg,#142019,#0a130e);border-color:#c9e1b924}
.footer .brand{color:#f0f5e9}
.footer .brand-leaf{color:#c5e2aa}
.footer-top h3{color:#e4f0d9}
.footer-top p,.footer-top>div>a:not(.brand):not(.button){color:#b9cbb1}
.footer-top>div>a:not(.brand):hover{color:#edf9df}
.location,.footer-bottom{color:#afc5a7}
.footer-bottom{border-color:#bfdbad29}
.footer-bottom a:hover{color:#e8f7d9}
.motion-toggle{color:#c5dabc;border-color:#bdd7a93b;background:#ffffff05}
.return-top{color:#183019;background:linear-gradient(#d8efc0,#b0cf94);border-color:#d3e9b9;box-shadow:0 5px 24px #0004,inset 0 1px 0 #fff8}
.return-top:hover{color:#0e2312;background:#e5f8ce}
.cursor-halo{border-color:#c5e5a7aa;box-shadow:0 0 12px #b6d88c12}
.cursor-halo.over-link{background:#c5e5a710;border-color:#d6eeb7}
.reading-progress{background:linear-gradient(90deg,#afd688,#d5efb9,#8bc2b1)}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
 .site-header,.has-scrolled .site-header{background:linear-gradient(145deg,#25332cc4,#0e1913e0);-webkit-backdrop-filter:blur(25px) saturate(135%);backdrop-filter:blur(25px) saturate(135%)}
 .header-signin,.site-header .menu-toggle,.hero-content .button.outline{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
}
@media(max-width:1200px){
 .site-header .primary-nav{border-color:#c7e0b92b}
 .site-header nav>a:not(.button),.site-header .primary-nav>a:not(.button),.site-header .initiative-nav>a:not(.button){color:#d3e2cb;background:linear-gradient(145deg,#ffffff0e,#ffffff04);border:1px solid #d5e8c710}
 .site-header nav>a:hover,.site-header nav>a[aria-current],.site-header nav>a.section-active,.site-header .primary-nav>a:hover,.site-header .primary-nav>a[aria-current],.site-header .initiative-nav>a:hover,.site-header .initiative-nav>a[aria-current],.site-header .initiative-nav>a.section-active{color:#f1ffe5;background:#c4deac18;border-color:#c3dfaf33}
 html{scroll-padding-top:174px}#main{scroll-margin-top:166px}
}
@media(max-width:600px){
 .site-header,.has-scrolled .site-header{top:8px;width:calc(100% - 16px);margin:8px auto;border-radius:19px}
 .site-header .nav-wrap{width:calc(100% - 24px)}
 .home-hero{border-top-color:#cce4ba24}
 .hero-shade{background:linear-gradient(90deg,#09170ee8,#10271c9c),linear-gradient(0deg,#0c1311,transparent 50%)}
 .initiative-card,.directory .initiative-card,.platform-card,.course,.archive-photo,.contact-aside,.split-panel{border-radius:21px}
 .cta,.feature{border-radius:23px}
 input,select,textarea{font-size:16px}
}
@media(prefers-reduced-transparency:reduce){
 .site-header,.has-scrolled .site-header{background:#17231a;-webkit-backdrop-filter:none;backdrop-filter:none}
 .header-signin,.site-header .menu-toggle,.hero-content .button.outline{background:#28382c;-webkit-backdrop-filter:none;backdrop-filter:none}
}
@media(prefers-contrast:more){
 :root{--muted:#d6e3d0;--line:#8da27d}
 .site-header,.initiative-card,.platform-card,.course,.archive-photo,.split-panel,.contact-aside,.note,.feature,.cta{border-color:#9eb68b;background:#122016}
 p,.prose p,.prose li,.archive-photo figcaption span,.footer-top p,.footer-top>div>a:not(.brand):not(.button){color:#dae8d4}
}
@media(prefers-reduced-motion:reduce){.site-header,.button,.header-workspace,.header-signin{transition:none}}
@media print{
 :root{color-scheme:light;--ink:#111;--muted:#333;--line:#aaa}
 body{background:#fff;color:#111}
 h1,h2,h3,p,em,.eyebrow,.page-hero .eyebrow,.prose p,.prose li,.prose strong,.caption,.fact-row,.numbered p,.tiles p,.timeline p,.metric-grid p,.archive-photo figcaption strong,.archive-photo figcaption span{color:#111!important;text-shadow:none}
 .site-header,.footer,.return-top,.reading-progress,.cursor-halo{display:none!important}
 .split-panel,.split-panel[aria-label="ARforEarth workspace"],.initiative-card,.directory .initiative-card,.platform-card,.course,.archive-photo,.contact-aside,.note,.feature,.energy-visual,.impact-strip,.water-art,.course-art,.archive-photo figcaption{background:#fff!important;color:#111;border:1px solid #bbb;box-shadow:none}
 .hero-content{background:#fff}.hero-image,.hero-shade{display:none}.hero-content h1,.hero-content h1 em,.hero-content>p,.hero-content .eyebrow{color:#111}
 .platform-logo{border-color:#ddd}
}