/* English article: use the shared MEET typography and colour tokens. */
body[data-page="energy"] .nav{--nav-fg:var(--paper);color:var(--paper)}
body[data-page="energy"] .nav.is-scrolled{--nav-bg:var(--ink)}
body[data-page="energy"] .nav.is-hidden{transform:none}
.energy-hero{padding:144px 0 64px}
.energy-topline{display:flex;justify-content:space-between;gap:24px}
.energy-topline>span{color:var(--violet-soft)}
.energy-hero__copy{display:grid;grid-template-columns:1.6fr 1fr;gap:6%;align-items:end;padding:64px 0 34px}
.energy-hero h1{font-size:clamp(64px,8.5vw,132px);line-height:.98;letter-spacing:-.055em;font-weight:600;margin-top:24px}
.energy-hero h1 em{font-style:normal;color:var(--violet-2)}
.energy-hero__aside .lead{font-size:19px;max-width:37ch}
.film-link{display:flex;align-items:center;gap:12px;margin-top:28px;font-size:14px;font-weight:600}
.film-link>.meta{color:var(--muted);margin-left:6px}
.film-link__play{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--rule);color:var(--accent);font-size:22px;flex-shrink:0}
.film-link:hover .film-link__play{background:var(--violet);color:var(--white)}
.energy-tags{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:36px}
.energy-tags span{padding:7px 12px;border:1px solid var(--rule);color:var(--muted);font:11px var(--f-mono);text-transform:uppercase;letter-spacing:.04em}
.motion{margin:0}
.motion__frame{position:relative;overflow:hidden;background:var(--ink);border-radius:0 0 calc(var(--arc)/2) 0;isolation:isolate}
.motion__frame video,.motion__poster{display:block;width:100%;height:100%;position:absolute;inset:0}
.motion__frame video{object-fit:contain;opacity:0}
.motion__poster img{display:block;width:100%;height:100%;object-fit:contain}
.motion.is-ready video{opacity:1}
.motion.is-ready .motion__poster{visibility:hidden}
.motion figcaption{display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding-top:17px;color:var(--muted);font:11px/1.6 var(--f-mono)}
.motion figcaption>span{max-width:80%}
.motion button,.motion__fallback{flex-shrink:0;font:inherit;color:var(--fg);background:transparent;border:0;padding:2px 0;border-bottom:1px solid var(--rule)}
.motion button:hover{color:var(--accent)}
.motion button[hidden],.motion__fallback[hidden]{display:none}
.energy-jump{margin-top:56px}
.energy-jump>p{color:var(--muted);margin-bottom:22px}
.energy-jump__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.energy-jump a{position:relative;display:grid;gap:14px;padding:22px 44px 22px 0;border-top:1px solid var(--rule);transition:border-color .2s}
.energy-jump a>.meta{color:var(--accent)}
.energy-jump strong{font-size:30px;line-height:1.1;letter-spacing:-.025em;font-weight:500}
.energy-jump__detail{font-size:14px;line-height:1.5;color:var(--muted)}
.energy-jump__arrow{position:absolute;top:19px;right:4px;font-size:28px;line-height:1;color:var(--accent);transition:transform .2s}
.energy-jump a:hover,.energy-jump a:focus-visible{border-color:var(--accent)}
.energy-jump a:hover .energy-jump__arrow{transform:translate(4px,-4px)}
.energy-jump a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}
.energy-intro__grid{display:grid;grid-template-columns:1.1fr 1fr;gap:10%;align-items:start}
.energy-intro__grid .h2{margin-top:24px;font-size:clamp(36px,3.8vw,58px)}
.energy-prose{font-size:18px;line-height:1.7;color:var(--muted);max-width:51ch}
.energy-route{display:grid;grid-template-columns:1fr 1fr;gap:10%;margin-top:64px;align-items:center}
.energy-route ol,.energy-subjects,.project__points{list-style:none;padding:0;margin:0}
.energy-route ol li{display:grid;grid-template-columns:35px 1fr;gap:5px 20px;border-top:1px solid var(--rule);padding:22px 0}
.energy-route ol strong{font-size:23px;line-height:1.2;letter-spacing:-.025em}
.energy-route ol .meta{grid-row:1/3;color:var(--accent);padding-top:4px}
.energy-route ol li>span:last-child{font-size:15px;color:var(--muted)}
.energy-subjects{display:grid;grid-template-columns:1fr 1fr;gap:30px 20px}
.energy-subjects li{display:grid;place-items:center;gap:8px;text-align:center;font:12px var(--f-mono);color:var(--muted)}
.energy-subjects svg,.decisions svg{fill:none;stroke:var(--accent);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;width:140px;height:100px}
.decisions{display:grid;grid-template-columns:repeat(3,1fr);gap:38px;margin-top:64px}
.decisions article{display:flex;flex-direction:column;border-top:1px solid var(--rule);padding-top:22px}
.decisions svg{margin:24px 0}
.decisions h3{font-size:26px;line-height:1.12;letter-spacing:-.025em;max-width:22ch}
.decision__logic{display:block;font:11px/1.6 var(--f-mono);color:var(--accent);margin-top:19px}
.decisions p{color:var(--muted);font-size:16px;line-height:1.6;margin:14px 0 24px}
.decisions small{color:var(--muted);font:11px/1.6 var(--f-mono);margin-top:auto}
.energy-chapter{padding:100px 0 112px;scroll-margin-top:100px}
.chapter-head{display:flex;align-items:baseline;justify-content:space-between;gap:28px;padding-bottom:34px;border-bottom:1px solid var(--rule);margin-bottom:76px}
.chapter-head h2{font-size:clamp(46px,5.5vw,78px);line-height:1;letter-spacing:-.045em;font-weight:600}
.chapter-head .eyebrow{color:var(--accent)}
.project+.project{margin-top:112px}
.project{scroll-margin-top:110px}
.project__head{display:grid;grid-template-columns:54px 1.2fr 1fr;gap:32px;align-items:end;margin-bottom:34px}
.project__number{font:28px var(--f-display);color:var(--accent);align-self:start;line-height:1}
.project__head .eyebrow{font-size:10px;letter-spacing:.08em;line-height:1.6}
.project__head h3{font-size:clamp(30px,3.2vw,46px);line-height:1.08;letter-spacing:-.035em;font-weight:550;margin-top:18px;max-width:23ch}
.project__head p{font-size:17px;line-height:1.6;color:var(--muted);max-width:43ch}
.project__points{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:27px;padding-top:24px;border-top:1px solid var(--rule)}
.project__points strong{font-weight:500;font-size:17px;line-height:1.3;display:block}
.project__points span{font-size:14px;line-height:1.6;color:var(--muted);display:block;margin-top:6px}
.energy-film{margin:0;scroll-margin-top:110px}
.energy-film__frame{position:relative;overflow:hidden;border-radius:0 0 calc(var(--arc)/2) 0;background:var(--ink)}
.energy-film video{display:block;width:100%;height:auto;aspect-ratio:16/9}
.energy-film__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:14px;padding:18px 26px;background:var(--violet);color:var(--white);border-radius:0 0 28px 0;font-size:16px;font-weight:600;line-height:1.3}
.energy-film__play>span:first-child{font-size:30px}
.energy-film__play>span:last-child{text-align:left;white-space:nowrap}
.energy-film__play small{display:block;margin-top:5px;font:11px var(--f-mono);opacity:.8}
.energy-film__play:hover{background:var(--violet-2)}
.energy-film__play[hidden]{display:none}
.energy-film figcaption{display:flex;justify-content:space-between;gap:20px;padding-top:17px;color:var(--muted);font:11px/1.6 var(--f-mono)}
.energy-end{padding:100px 0}
.energy-end .wrap{display:flex;align-items:end;justify-content:space-between;gap:50px}
.energy-end h2{margin:24px 0;font-size:clamp(38px,4.3vw,66px)}
.energy-end p{font-size:18px}
.energy-end .btn{flex-shrink:0}
.energy-source{padding:30px 0}
.energy-source .wrap{display:flex;gap:34px;font:11px var(--f-mono);color:var(--muted)}
.energy-source a{text-decoration:underline;text-underline-offset:4px}
@media(min-width:1600px){.energy-hero{padding-top:160px}}
@media(max-width:1100px){
 .project__head{grid-template-columns:42px 1fr;gap:20px}
 .project__head p{grid-column:2;max-width:65ch}
 .energy-hero__copy{grid-template-columns:1.35fr 1fr;gap:5%}
 .energy-hero__aside .lead{font-size:17px}
 .decisions{gap:26px}
}
@media(max-width:760px){
 .energy-hero{padding:116px 0 42px}
 .energy-topline{gap:14px}
 .energy-topline .meta{font-size:9px;line-height:1.7;max-width:20ch}
 .energy-topline>span{text-align:right}
 .energy-hero__copy{grid-template-columns:1fr;gap:26px;padding:42px 0 27px}
 .energy-hero h1{font-size:clamp(57px,12.8vw,96px);margin-top:18px}
 .energy-hero__aside .lead{font-size:17px;max-width:44ch}
 .film-link{margin-top:22px;font-size:13px;gap:10px}
 .film-link>.meta{font-size:10px}
 .energy-tags{gap:7px;margin-bottom:26px}
 .energy-tags span{font-size:9px;padding:6px 8px}
 .motion figcaption{font-size:9px;gap:12px;padding-top:12px}
 .motion figcaption>span{max-width:68%}
 .energy-jump{margin-top:38px}
 .energy-jump>p{font-size:10px;margin-bottom:18px}
 .energy-jump__grid{grid-template-columns:1fr;gap:0}
 .energy-jump a{grid-template-columns:30px 1fr;gap:8px 14px;padding:22px 36px 22px 0}
 .energy-jump a>.meta{grid-row:1/3;padding-top:5px;font-size:10px}
 .energy-jump strong{font-size:25px}
 .energy-jump__detail{grid-column:2;font-size:12px}
 .energy-jump__arrow{top:23px;font-size:25px}
 .energy-intro__grid,.energy-route{grid-template-columns:1fr;gap:30px}
 .energy-intro__grid .h2{font-size:clamp(33px,8.5vw,46px);margin-top:20px}
 .energy-prose{font-size:17px}
 .energy-route{margin-top:36px;gap:30px}
 .energy-route ol strong{font-size:22px}
 .energy-route ol li{gap:6px 14px;grid-template-columns:27px 1fr}
 .energy-subjects{gap:20px}
 .energy-subjects svg{width:115px;height:86px}
 .decisions{grid-template-columns:1fr;gap:36px;margin-top:42px}
 .decisions article{display:grid;grid-template-columns:1fr 100px;column-gap:20px}
 .decisions article>.meta{grid-column:1}
 .decisions svg{grid-column:2;grid-row:1/3;width:100px;height:85px;margin:0}
 .decisions h3{grid-column:1;margin-top:23px;font-size:26px}
 .decisions .decision__logic,.decisions p,.decisions small{grid-column:1/-1}
 .decisions p{margin-bottom:17px}
 .energy-chapter{padding:64px 0 74px;scroll-margin-top:100px}
 .chapter-head{display:block;margin-bottom:44px;padding-bottom:27px}
 .chapter-head .eyebrow{font-size:9px}
 .chapter-head h2{font-size:47px;margin-top:20px}
 .project+.project{margin-top:66px}
 .project__head{grid-template-columns:28px 1fr;gap:18px;margin-bottom:26px}
 .project__number{font-size:23px}
 .project__head .eyebrow{font-size:9px;letter-spacing:.03em}
 .project__head h3{font-size:clamp(29px,7.8vw,39px);margin-top:13px}
 .project__head p{grid-column:1/-1;font-size:16px;line-height:1.65}
 .project__points{gap:14px;margin-top:20px;padding-top:20px}
 .project__points strong{font-size:13px}
 .project__points span{font-size:11px;line-height:1.6}
 .energy-film__play{padding:11px 16px;gap:10px;font-size:13px;border-radius:0 0 18px 0}
 .energy-film__play>span:first-child{font-size:24px}
 .energy-film__play small{font-size:9px;margin-top:3px}
 .energy-film figcaption{font-size:9px;gap:14px;padding-top:12px}
 .energy-film figcaption>span:last-child{text-align:right;white-space:nowrap}
 .energy-end{padding:72px 0}
 .energy-end .wrap{display:block}
 .energy-end h2{font-size:clamp(35px,9vw,46px)}
 .energy-end p{font-size:17px}
 .energy-end .btn{margin-top:32px}
 .energy-source .wrap{flex-wrap:wrap;font-size:10px;gap:20px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}