/* A single authored 3D film. Native page scrolling remains available over it. */
.energy-film{--film-green:#218153;--film-heat:#be5b26;--film-gold:#9b7938;border:1px solid #d0d5c8;background:#fff;box-shadow:0 18px 50px #152b2307}
.energy-film-stage{position:relative;isolation:isolate;height:clamp(320px,48vh,540px);background:#e9e9df;overflow:hidden;touch-action:pan-y}
.energy-film-canvas,.energy-film-poster{position:absolute;inset:0;width:100%;height:100%}
.energy-film-canvas canvas{display:block;width:100%;height:100%;touch-action:pan-y}
.energy-film-poster{object-fit:contain;background:#f3f3ea;transition:opacity .2s}
.energy-film[data-ready=true] .energy-film-poster{opacity:0;pointer-events:none}
.energy-film-topline{position:absolute;top:25px;left:28px;right:28px;display:flex;justify-content:space-between;gap:20px;pointer-events:none;z-index:2;color:#253d31;font-size:9px;letter-spacing:.16em;text-transform:uppercase}
.energy-film-topline>span:last-child{letter-spacing:.04em;text-align:right}
.energy-film[data-night=true] .energy-film-topline{color:#eef4ed;text-shadow:0 1px 6px #020d1a}
.energy-film-start{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:3;pointer-events:none}
.energy-film-start button{pointer-events:auto;display:flex;align-items:center;gap:16px;padding:17px 23px 17px 17px;background:#133026f2;color:white;border:1px solid #ffffff45;box-shadow:0 10px 40px #102a2340;border-radius:4px;font-size:14px}
.energy-film-start svg{width:21px;height:21px}.energy-film-start small{display:block;font-size:10px;opacity:.72;margin-top:5px;text-align:left}
.energy-film[data-state=playing] .energy-film-start,.energy-film[data-state=paused] .energy-film-start,.energy-film[data-state=ended] .energy-film-start{display:none}
.energy-film-legend{position:absolute;left:28px;bottom:21px;display:flex;gap:23px;align-items:center;background:#fafaf3e8;padding:10px 13px;z-index:2;font-size:10px;color:#263e31;border:1px solid #d5d9cb90;pointer-events:none}
.energy-film-legend span{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.energy-film-legend i{width:22px;height:0;border-top:2px solid var(--film-green);position:relative}
.energy-film-legend i:after{content:'';position:absolute;right:-1px;top:-4px;width:5px;height:5px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg);color:var(--film-green)}
.energy-film-legend .heat i{border-color:var(--film-heat)}.energy-film-legend .heat i:after{color:var(--film-heat)}
.energy-film-legend .control i{border-top:1px dashed var(--film-gold)}.energy-film-legend .control i:after{display:none}
.energy-film-caption{display:grid;grid-template-columns:1.24fr 1fr;min-height:246px;border-top:1px solid #d0d5c8}
.energy-film-narrative{padding:29px 32px 25px;min-width:0;align-self:center}
.energy-film-step{font-size:9px;line-height:1.6;letter-spacing:.14em;text-transform:uppercase;color:#8b692b;display:block;margin-bottom:11px}
.energy-film-title{font-size:clamp(23px,2.4vw,33px);font-weight:500;line-height:1.17;letter-spacing:-.035em;margin:0 0 12px;max-width:580px}
.energy-film-body{color:#536257;font-size:13px;line-height:1.65;max-width:590px}
.energy-film-intelligence{background:#142d24;color:#f8f7ed;display:flex;gap:24px;align-items:center;padding:28px 30px;border-left:1px solid #d0d5c8;min-width:0}
.energy-film-logo-crop{width:155px;max-width:38%;aspect-ratio:3.215;position:relative;flex-shrink:0;overflow:hidden}
.energy-film-logo-crop img{position:absolute;width:107.201%;max-width:none;height:auto;left:-3.542%;top:-61.577%}
.energy-film-ai-copy{font-size:14px;line-height:1.5;font-weight:400;letter-spacing:-.01em;margin:8px 0 0}
.energy-film-ai-label{font-size:8px;letter-spacing:.14em;text-transform:uppercase;color:#ddc28c;display:flex;align-items:center;gap:7px}
.energy-film-ai-label:before{content:'';width:5px;height:5px;border-radius:50%;background:#d1b275;box-shadow:0 0 0 4px #d1b27516}
.energy-film-difference{display:flex;gap:10px;flex-wrap:wrap;margin-top:13px;font-size:10px}
.energy-film-difference span{display:inline-flex;padding:6px 9px;border:1px solid #a9bcb0;color:#23623f;background:#f1f7f0}.energy-film-difference span:last-child{border-color:#d2ac8d;color:#92401f;background:#fcf3ea}
.energy-film-note{font-size:10px;line-height:1.55;color:#667064;margin-top:12px;max-width:600px}
.energy-film-controls{display:flex;align-items:center;gap:10px;padding:14px 25px;border-top:1px solid #e0e3d9;background:#fbfbf7;min-height:75px}
.energy-film-controls button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:10px 16px;font-size:12px;border:1px solid #c3cbbc;background:transparent;border-radius:2px;white-space:nowrap}
.energy-film-controls button:first-child{background:#153328;border-color:#153328;color:white;min-width:136px}
.energy-film-controls button:disabled{opacity:.5;cursor:default}.energy-film-controls button svg{width:15px;height:15px;flex-shrink:0}
.energy-film-progress{flex:1;min-width:25px;max-width:500px;height:3px;background:#d7ded0;margin:0 12px;overflow:hidden}
.energy-film-progress-fill{height:100%;width:0;background:#8a6a2e}
.energy-film-time{font-size:10px;color:#657060;white-space:nowrap;font-variant-numeric:tabular-nums;min-width:68px}
.energy-film-footer{display:flex;justify-content:space-between;gap:30px;margin:16px 0 0;color:#627060;font-size:10px;line-height:1.6}
.energy-film-footer p{max-width:800px}.energy-film-footer span{white-space:nowrap}
.energy-film-fallback{padding:30px;background:#f3f5ec}.energy-film-fallback h3{font-size:23px;margin:0 0 12px;font-weight:500}.energy-film-fallback>p{font-size:14px;color:#526057}.energy-film-fallback ol{padding-left:22px;font-size:14px;line-height:1.7}.energy-film-fallback li{margin:15px 0}.energy-film-fallback li strong{display:block;font-weight:500;color:#193b2b}
.energy-film-error{margin:0 25px 20px;font-size:13px;color:#765326}.energy-film-reduced{font-size:10px;color:#667064;margin-top:8px}
.energy-film [hidden]{display:none!important}
@media(max-width:960px){.energy-film-intelligence{display:block;padding:25px}.energy-film-logo-crop{max-width:155px;margin-bottom:10px}.energy-film-caption{grid-template-columns:1.2fr 1fr;min-height:246px}.energy-film-stage{aspect-ratio:1.65}.energy-film-narrative{padding:25px}}
@media(max-width:680px){.energy-film-stage{height:auto;aspect-ratio:1.08}.energy-film-topline{top:17px;left:16px;right:16px;font-size:7px;gap:15px}.energy-film-topline>span:first-child{max-width:110px;line-height:1.7}.energy-film-start button{font-size:12px;padding:13px 17px 13px 13px;gap:12px}.energy-film-legend{left:14px;right:14px;bottom:14px;justify-content:center;gap:15px;font-size:9px;padding:9px 7px}.energy-film-legend i{width:18px}.energy-film-caption{display:block;min-height:0}.energy-film-narrative{padding:23px 22px;min-height:280px;display:flex;flex-direction:column;justify-content:center}.energy-film-title{font-size:25px;margin-bottom:11px}.energy-film-body{font-size:13px}.energy-film-intelligence{border-left:0;border-top:1px solid #d0d5c8;display:flex;padding:21px 22px;gap:17px;min-height:117px}.energy-film-logo-crop{width:110px;max-width:37%;margin:0}.energy-film-ai-copy{font-size:12px;line-height:1.5;margin-top:6px}.energy-film-ai-label{font-size:7px;letter-spacing:.09em}.energy-film-controls{padding:12px 14px;gap:8px;flex-wrap:wrap}.energy-film-controls button{padding:10px 12px;font-size:11px}.energy-film-controls button:first-child{min-width:128px}.energy-film-progress{order:4;flex-basis:100%;max-width:none;margin:4px 0 0;height:3px}.energy-film-time{margin-left:auto;min-width:60px;font-size:9px}.energy-film-footer{display:block;font-size:9px}.energy-film-footer>span{display:block;margin-top:8px}.energy-film-error{margin:0 20px 20px}.energy-film-fallback{padding:23px}.energy-film-fallback ol{font-size:13px}.energy-film-step{font-size:8px}}
@media(max-width:350px){.energy-film-controls button{padding:9px;gap:6px}.energy-film-controls button:first-child{min-width:112px}.energy-film-intelligence{gap:12px;padding:20px 17px}.energy-film-narrative{padding:22px 18px}.energy-film-title{font-size:23px}.energy-film-stage{aspect-ratio:1}.energy-film-time{min-width:56px;font-size:8px}}
@media(prefers-reduced-motion:reduce){.energy-film-poster{transition:none}}

.film-sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Narration follows the same play/pause clock; the sound button only mutes. */
.energy-film-controls [data-film-sound]{min-width:99px;min-height:44px}
.energy-film-controls [data-film-sound][aria-pressed=false]{color:#536257;background:#f1f3ed}
.energy-film-audio-note{margin:0 25px 18px;padding:10px 13px;background:#fbf7e9;border-left:2px solid #ad8b45;font-size:11px;line-height:1.6;color:#70582e}
@media(max-width:680px){
 .energy-film-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:"play replay sound" "progress progress time";gap:9px 8px;align-items:center}
 .energy-film-controls button,.energy-film-controls button:first-child,.energy-film-controls [data-film-sound]{min-width:0;width:100%;min-height:44px;padding:9px 6px;gap:5px;font-size:10px}
 .energy-film-controls button svg{width:13px;height:13px}
 .energy-film-controls [data-film-toggle]{grid-area:play}.energy-film-controls [data-film-replay]{grid-area:replay}.energy-film-controls [data-film-sound]{grid-area:sound}
 .energy-film-progress{grid-area:progress;min-width:0;width:100%;max-width:none;margin:0;height:3px}
 .energy-film-time{grid-area:time;margin:0;min-width:0;text-align:right;font-size:9px}
 .energy-film-audio-note{margin:0 14px 16px;font-size:10px}
}

.energy-film-start button:disabled{cursor:wait;opacity:.82}
.energy-film[data-state=loading][data-scene-loading=false] .energy-film-start{display:none}