/* Project experience follows the established FutureEnergy palette. */
.project-teaser{padding:65px 0;background:#e9eee0;border-block:1px solid var(--line)}.project-teaser>.wrap{display:flex;align-items:center;justify-content:space-between;gap:40px}.project-teaser h2{font-size:clamp(30px,3.5vw,46px);max-width:23ch}.project-teaser p{font-size:14px;line-height:1.8;max-width:66ch;margin-top:20px}.project-teaser .button{flex-shrink:0}
.project-page{padding-block:65px 85px}.project-intro-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:55px;align-items:end}.project-page h1{font-size:clamp(44px,5.5vw,76px);font-weight:500;line-height:1.04}.project-byline{font-size:12px;margin-top:25px}.project-lead{font-size:17px;line-height:1.9}.project-role{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;padding-block:60px}.project-role h2{font-size:33px;max-width:24ch;margin-bottom:23px}.project-role p{font-size:14px;line-height:1.85;margin-top:16px}.project-role ul{list-style:none;padding:0;margin:0}.project-role li{padding:17px 0;border-bottom:1px solid var(--line);font-size:14px}.project-role li::before{content:'↗';margin-right:15px;color:#526f29}.project-example{padding-top:50px;border-top:1px solid var(--line)}.project-example h2{font-size:clamp(30px,4vw,46px);max-width:27ch}.example-intro{font-size:14px;line-height:1.85;max-width:76ch;margin:22px 0 30px}.energy-example{background:#102b33;color:#edf3ed;padding:30px;border-radius:3px}.energy-controls{display:flex;gap:7px;flex-wrap:wrap}.energy-controls button{border:1px solid #557078;background:transparent;color:#deebe7;padding:10px 17px;border-radius:3px;font-size:13px;min-height:44px}.energy-controls button[aria-pressed=true]{background:var(--lime);color:var(--ink);border-color:var(--lime)}.energy-diagram{position:relative;margin:28px 0 20px;padding:10px 0;isolation:isolate}.energy-wires{position:absolute;inset:0;width:100%;height:100%;z-index:-1;overflow:visible}.energy-wire{fill:none;stroke:#496973;stroke-width:1.5}.energy-flow{fill:none;stroke:#ddf684;stroke-width:2.5;stroke-dasharray:7 6;opacity:0}.energy-flow[data-active=true]{opacity:1;animation:energy-path 1.8s linear 1}.energy-flow[data-reverse=true]{animation-direction:reverse}@keyframes energy-path{from{stroke-dashoffset:52}to{stroke-dashoffset:0}}.energy-sources{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.energy-node{background:#183740;border:1px solid #48616a;border-radius:4px;padding:20px 12px;text-align:center;min-width:0}.energy-node[data-active=true]{background:#294b45;border-color:#b0c771}.energy-node h3{font-size:17px;line-height:1.35;font-weight:500;letter-spacing:-.02em;color:#f5f7ee}.energy-node p{font-size:12px;line-height:1.6;color:#bdd0cc;margin-top:7px}.energy-icon{width:43px;height:43px;fill:none;stroke:currentColor;stroke-width:1.5;color:#a3b9bb;margin:0 auto 15px;display:block}.energy-node[data-active=true]>.energy-icon{color:var(--lime)}.energy-hub,.energy-load{width:56%;margin:42px auto 0;padding:17px;display:flex;align-items:center;gap:18px;text-align:left}.energy-load{margin-top:32px}.energy-hub .energy-icon,.energy-load .energy-icon{margin:0;flex-shrink:0}.energy-caption{border-top:1px solid #36545d;padding-top:18px;font-size:14px;line-height:1.7;color:#dce7df;min-height:65px}.energy-note{font-size:11px;line-height:1.75;color:#a4babe;margin-top:13px}.project-closing{padding-top:60px;display:flex;align-items:center;justify-content:space-between;gap:40px}.project-closing h2{font-size:35px;max-width:25ch}.project-closing p{font-size:14px;max-width:55ch;line-height:1.85;margin-top:19px}.project-closing .button{flex-shrink:0}
@media(max-width:900px){.project-intro-grid{gap:30px}.project-role{gap:35px}.project-teaser>.wrap{align-items:flex-start;flex-direction:column}.project-closing{align-items:flex-start;flex-direction:column}}
@media(max-width:620px){.project-page{padding-block:38px 55px}.project-intro-grid,.project-role{grid-template-columns:1fr;gap:28px}.project-page h1{font-size:46px}.project-lead{font-size:15px}.project-role{padding-block:40px}.project-role h2{font-size:30px}.project-example{padding-top:35px}.energy-example{padding:22px 12px}.energy-sources{gap:8px}.energy-node{padding:16px 5px}.energy-node h3{font-size:12px;overflow-wrap:anywhere}.energy-node p{font-size:11px}.energy-icon{width:30px;height:33px}.energy-hub,.energy-load{width:85%;padding:15px}.energy-hub h3,.energy-load h3{font-size:14px}.energy-caption{min-height:88px;font-size:13px}.project-teaser{padding:40px 0}.project-closing h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){.energy-flow{animation:none!important}}