.dx{--ease:cubic-bezier(.45, 0, .2, 1);--sky:#f6f1e8;--grade:#fff;--cell:#5fe0a0;--flow-grid:#f0a93a;--flow-charge:#3fcf87;--flow-spend:#ff6a2b;--t:0;--batt:.15;--reveal:0}.dx[data-step="0"]{--sky:#9fb0d0;--grade:#2a3858}.dx[data-step="1"]{--sky:#f6e4cf;--grade:#fff1e2}.dx[data-step="2"],.dx[data-step="3"]{--cell:#ff6a2b}.dx[data-step="3"]{--sky:#d9c3b1;--grade:#a3968f}.dx-stage{background:#f6f1e8;position:relative;overflow:hidden}.dx-scene{aspect-ratio:2;width:100%;height:auto;min-height:560px;max-height:calc(100vh - 100px);display:block}.dx-sky{fill:var(--sky);transition:fill 2.2s var(--ease)}.dx-grade{fill:var(--grade);mix-blend-mode:multiply;transition:fill 2.2s var(--ease);pointer-events:none}.dx-cam{transform-origin:948px 487px;transition:transform 3.2s var(--ease)}.dx[data-step="1"] .dx-cam{transform:scale(1.04)translate(-8px,4px)}.dx[data-step="2"] .dx-cam{transform:scale(1.09)translate(6px,-10px)}.dx[data-step="3"] .dx-cam{transform:scale(1.08)translateY(-6px)}.dx-sun{opacity:0;transition:transform 3.4s var(--ease), opacity 1.6s ease;transform:translate(120px,560px)}.dx[data-step="1"] .dx-sun{opacity:1;transform:translate(210px,250px)}.dx[data-step="2"] .dx-sun{opacity:1;transform:translate(980px,110px)}.dx[data-step="3"] .dx-sun{transform:translate(1040px,200px)}.dx-clouds{opacity:0;transition:opacity 1.6s}.dx[data-step="1"] .dx-clouds,.dx[data-step="2"] .dx-clouds{opacity:.9}.dx-cloud-a{animation:26s ease-in-out infinite alternate dx-drift}.dx-cloud-b{animation:34s ease-in-out infinite alternate-reverse dx-drift}@keyframes dx-drift{to{transform:translate(90px)}}.dx-night-sky{opacity:0;transition:opacity 2s}.dx[data-step="0"] .dx-night-sky{opacity:1}.dx-shadow{opacity:0;transition:opacity 2.4s}.dx[data-step="1"] .dx-shadow-morning{opacity:.14}.dx[data-step="2"] .dx-shadow-noon{opacity:.13}.dx-truck,.dx-truck-shadow{opacity:0;transition:transform 3s cubic-bezier(.2,.7,.2,1) .4s,opacity .8s .4s;transform:translate(122px,70px)}.dx:not([data-step="0"]) .dx-truck,.dx:not([data-step="0"]) .dx-truck-shadow{opacity:1;transform:none}.dx-fan{transform-box:fill-box;transform-origin:50%;animation:.7s linear infinite dx-spin}.dx[data-step="0"] .dx-fan,.dx[data-step="3"] .dx-fan{animation-play-state:paused}.dx[data-step="0"] .dx-cold-unit .dx-fan,.dx[data-step="3"] .dx-cold-unit .dx-fan{animation-play-state:running}@keyframes dx-spin{to{transform:rotate(360deg)}}.dx-lights{opacity:0;transition:opacity 1.4s}.dx[data-step="0"] .dx-lights{opacity:1}.dx[data-step="3"] .dx-lights{animation:1.4s linear .1s both dx-power-cut}@keyframes dx-power-cut{0%{opacity:.9}12%{opacity:.2}18%{opacity:.85}26%{opacity:0}32%{opacity:.4}40%,to{opacity:0}}.dx-status{animation:2.4s ease-in-out infinite dx-blink}@keyframes dx-blink{50%{opacity:.35}}.dx-cell{fill:var(--cell);transition:fill 1s}.dx-yard-glow{fill:var(--cell);opacity:0;transition:opacity 1.4s,fill 1s}.dx[data-step="0"] .dx-yard-glow{opacity:.4}.dx[data-step="2"] .dx-yard-glow,.dx[data-step="3"] .dx-yard-glow{opacity:.5}.dx-spark path,.dx-break{opacity:0}.dx-spark path{transform-box:fill-box;transform-origin:50%}.dx[data-step="3"] .dx-spark path{animation:1.1s ease-out .2s both dx-spark}.dx[data-step="3"] .dx-break{opacity:1;transition:opacity .4s .9s}@keyframes dx-spark{0%{opacity:0;transform:scale(.4)}10%{opacity:1;transform:scale(1.3)}22%{opacity:.3}30%{opacity:1;transform:scale(.9)}to{opacity:0;transform:scale(.6)}}.dx-wire-grid{transition:opacity 1s .6s}.dx[data-step="3"] .dx-wire-grid{opacity:.35}.dx-flow{opacity:0;transition:opacity 1.2s}.dx-flow-line{stroke-width:3px;stroke-linejoin:round;stroke-linecap:round;opacity:.45}.dx-flow-grid circle,.dx-flow-feed circle{fill:var(--flow-grid)}.dx-flow-grid .dx-flow-line,.dx-flow-feed .dx-flow-line{stroke:var(--flow-grid)}.dx-flow-charge circle{fill:var(--flow-charge)}.dx-flow-charge .dx-flow-line{stroke:var(--flow-charge)}.dx-flow-discharge circle{fill:var(--flow-spend)}.dx-flow-discharge .dx-flow-line{stroke:var(--flow-spend)}.dx[data-step="0"] .dx-flow-grid,.dx[data-step="1"] .dx-flow-grid,.dx[data-step="2"] .dx-flow-grid,.dx[data-step="1"] .dx-flow-feed,.dx[data-step="2"] .dx-flow-feed,.dx[data-step="0"] .dx-flow-charge,.dx[data-step="2"] .dx-flow-discharge,.dx[data-step="3"] .dx-flow-discharge{opacity:1}.dx[data-step="0"] .dx-flow-feed{opacity:.35}.dx-hud{color:var(--site-ink);grid-template-columns:auto 1fr 1fr;align-items:end;gap:8px 28px;padding:0 0 18px 30px;display:grid}.dx-clock span{font-family:var(--font-plex-mono), monospace;letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:30px;line-height:1;display:block}.dx-clock small{font-family:var(--font-plex-mono), monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--site-muted);margin-top:8px;font-size:10px;display:block}.dx-hud dl{display:contents}.dx-reading>div:first-child{color:var(--site-muted);justify-content:space-between;font-size:12px;display:flex}.dx-hud dd{color:var(--site-ink);font-family:var(--font-plex-mono), monospace;font-variant-numeric:tabular-nums;margin:0}.dx-meter{background:#211b1514;height:6px;margin-top:8px;position:relative}.dx-meter i{transform-origin:0;position:absolute;inset:0}.dx-meter-grid i{transform:scaleX(var(--grid));background:var(--flow-grid)}.dx-meter-grid b{background:var(--flow-spend);width:2px;position:absolute;top:-4px;bottom:-4px;left:74%}.dx-meter-batt i{transform:scaleX(var(--batt));background:var(--cell);transition:background 1s}.mainstay-site .dx-flow-text{font-size:12px;line-height:1.4;font-family:var(--font-plex-mono), monospace;color:var(--site-muted);grid-column:2/-1;margin:0}.dx-bottom{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:end;gap:5%;padding:32px 5% 0;display:grid}.mainstay-site .dx-caption{font-family:var(--font-newsreader), serif;letter-spacing:-.02em;min-height:4.1em;margin:0 0 24px;font-size:clamp(21px,2vw,28px);line-height:1.35}.dx-controls{border-top:1px solid var(--site-ink);display:flex}.dx-steps{flex:1;grid-template-columns:repeat(4,1fr);margin:0;padding:0;list-style:none;display:grid}.dx-steps button,.dx-play{width:100%;min-height:52px;color:var(--site-muted);text-align:left;background:0 0;border:0;padding:14px 8px 14px 0;font-size:14px;position:relative}.dx-steps button[aria-pressed=true]{color:var(--site-ink)}.dx-progress{background:var(--site-ember);transform-origin:0;height:3px;transform:scaleX(var(--t));position:absolute;top:-2px;left:0;right:8px}.dx-play{width:auto;color:var(--site-ink);text-underline-offset:4px;padding:14px 0 14px 16px;text-decoration:underline}.dx-chart{width:100%;height:auto;display:block;overflow:visible}.dx-chart text{font-family:var(--font-plex-mono), monospace;fill:var(--site-muted);font-size:12px}.dx-hour{stroke:var(--site-rule);stroke-dasharray:2 5}.dx-axis{stroke:var(--site-ink);opacity:.35}.dx-line,.dx-ghost{fill:none;stroke:var(--site-ink);stroke-linejoin:round;stroke-linecap:round}.dx-line{stroke-width:2.4px}.dx-ghost{stroke-width:1.2px;stroke-dasharray:3 5;opacity:.5}.dx-ref line{stroke:var(--site-muted);stroke-dasharray:5 6;opacity:.6}.dx-ref-cap line{stroke:#d9531e;opacity:1}.dx-chart .dx-ref-cap text{fill:#b74018}.dx-reveal{transform:scaleX(var(--reveal));transform-origin:0 0}.dx-outage-data{opacity:0}.dx[data-step="3"] .dx-outage-data{opacity:1}.dx-dot circle{fill:var(--site-ink)}.dx-dot .dx-dot-halo{fill:none;stroke:var(--site-ink);opacity:.3;transform-box:fill-box;transform-origin:50%;animation:1.6s ease-out infinite dx-pulse}@keyframes dx-pulse{0%{opacity:.6;transform:scale(.4)}to{opacity:0;transform:scale(1.4)}}.mainstay-site .dx-note{color:var(--site-muted);margin:0;padding:14px 5% 0;font-size:12px}.dx.is-paused *,.dx.is-paused :before{animation-play-state:paused!important}@media (prefers-reduced-motion:reduce){.dx *{transition-duration:10ms!important;animation:none!important}}@media (max-width:900px){.dx-scene{aspect-ratio:1.2;min-height:0;max-height:none}.dx-bottom{grid-template-columns:1fr;gap:20px}}@media (max-width:750px){.dx-scene{min-height:0}.dx-hud{grid-template-columns:1fr 1fr;padding-left:0}.dx-clock,.mainstay-site .dx-flow-text{grid-column:1/-1}.dx-steps button{font-size:13px}.mainstay-site .dx-caption{min-height:5.4em;font-size:20px}.dx-chart text{font-size:17px}}