/* One video/timeline presentation for every use of the shared mechanism. */
.energy-story{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(24px,4vw,56px)}
.energy-story .energy-story-media{position:relative;border-radius:var(--radius-md);overflow:hidden;background:var(--grey-light)}
.energy-story .energy-story-video{aspect-ratio:16/9;background:var(--grey-light);object-fit:contain}
.energy-story-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;width:100%;border:0;background:linear-gradient(transparent 50%,rgba(22,22,22,.2));color:var(--charcoal);cursor:pointer;font:inherit}
.energy-story-play[hidden]{display:none}
.energy-story-play-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:var(--orange);box-shadow:0 3px 20px #16161625}
.energy-story-play-label{background:white;border:1px solid var(--grey);border-radius:var(--radius-pill);padding:8px 16px;font-size:14px}
.energy-story-play:focus-visible{outline:3px solid var(--orange-text);outline-offset:-5px}
.energy-story .energy-story-steps{position:relative;isolation:isolate;--active-top:0px;--active-scale:0}
.energy-story .energy-story-steps::before,.energy-story .energy-story-steps::after{content:'';position:absolute;z-index:-1;left:0;top:0;width:3px;border-radius:var(--radius-pill)}
.energy-story .energy-story-steps::before{height:100%;background:var(--grey)}
.energy-story .energy-story-steps::after{height:100px;transform-origin:top;transform:translateY(var(--active-top)) scaleY(var(--active-scale));background:var(--orange);transition:transform .25s ease}
.energy-story .energy-story-steps li{border:0}
.energy-story .energy-step{grid-template-columns:28px 1fr;align-items:start;gap:14px;padding:20px 0 20px 22px;border-radius:0;box-shadow:none;color:var(--fg-muted);transition:none}
.energy-story .energy-step[aria-current=step]{padding-left:22px;box-shadow:none;color:var(--charcoal)}
.energy-story .energy-step-number{display:grid;place-items:center;width:28px;height:28px;padding:0;border:1px solid var(--grey);border-radius:50%;font-size:13px;line-height:1;color:var(--fg-muted);background:white}
.energy-story .energy-step[aria-current=step] .energy-step-number{background:var(--orange);border-color:var(--orange);color:var(--charcoal)}
.energy-story .energy-step-copy{font-size:18px;line-height:1.5}
.energy-story-status{font-size:14px;color:var(--fg-muted);margin:8px 0 0}
.energy-story-status:empty{display:none}
@media(max-width:900px){.energy-story{gap:24px;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}.energy-story .energy-step{padding-block:16px}.energy-story .energy-step-copy{font-size:17px}}
@media(max-width:700px){.energy-story{grid-template-columns:1fr;gap:24px}.energy-story .energy-step{padding:16px 0 16px 18px}.energy-story .energy-step[aria-current=step]{padding-left:18px}.energy-story .energy-step-copy{font-size:17px}}
@media(prefers-reduced-motion:reduce){.energy-story .energy-story-steps::after,.energy-story .energy-step{transition:none}}

.energy-story-poster{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}.energy-story-poster[hidden],.energy-story-video[hidden]{display:none}