@font-face{font-family:Risk Display;src:url(https://openelectricity.org.au/fonts/SpaceGrotesk-VariableFont_wght.ttf)format("truetype");font-display:swap}@font-face{font-family:Risk Text;src:url(https://openelectricity.org.au/fonts/DMSans-VariableFont_opsz,wght.ttf)format("truetype");font-display:swap}:root{--bg:#06080b;--bg-soft:#0b1118;--panel:#080d12c7;--panel-solid:#0d141b;--line:#8ecad538;--text:#f4f7fb;--muted:#9aa9b8;--quiet:#647180;--cyan:#72e6ff;--teal:#35d4c0;--gold:#f3c56b;--amber:#f59e3d;--red:#ec5f45;--violet:#8e7dff;--max-copy:760px;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;font-family:Risk Text,Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:auto}body,#root{min-height:100%;margin:0}body{overflow-x:hidden}button,input,select{font:inherit;border:1px solid var(--line);color:var(--text);background:#ffffff0a}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.site-shell{background:radial-gradient(circle at 72% 28%,#72e6ff17,#0000 28rem),linear-gradient(#06080b 0%,#090d12 48%,#06080b 100%);min-height:100vh;position:relative}.site-shell:after{z-index:8;pointer-events:none;content:"";opacity:.16;mix-blend-mode:overlay;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:3px 3px,5px 5px;position:fixed;inset:0}.skip-link{z-index:20;background:var(--text);color:var(--bg);padding:10px 14px;position:fixed;top:14px;left:14px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.stage-layer,.stage-fallback{z-index:0;position:fixed;inset:0}.stage-layer canvas{display:block}.stage-fallback{background:radial-gradient(at 50% 42%,#72e6ff29,#0000 28rem),radial-gradient(at 58% 58%,#f3c56b1f,#0000 18rem),linear-gradient(#06080b,#0b1118)}.stage-fallback.is-reduced:before{content:"";clip-path:polygon(3% 45%,11% 24%,26% 14%,39% 11%,48% 19%,58% 12%,70% 16%,82% 30%,94% 42%,98% 55%,84% 65%,70% 70%,55% 76%,43% 72%,29% 75%,16% 66%);filter:drop-shadow(0 0 48px #72e6ff38);background:linear-gradient(135deg,#72e6ff47,#20303a);position:absolute;inset:19vh 12vw}.masthead{z-index:9;color:var(--muted);letter-spacing:.04em;text-transform:uppercase;background:linear-gradient(#06080bd1,#0000);justify-content:space-between;gap:16px;padding:18px clamp(18px,4vw,56px);font-size:12px;display:flex;position:fixed;top:0;left:0;right:0}main{z-index:2;position:relative}.story-section{align-items:center;min-height:118vh;padding:14vh clamp(18px,5vw,72px);display:grid;position:relative}.story-section:nth-child(2n){justify-items:end}.copy-panel{width:min(var(--max-copy), 100%);border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(140deg,#080d12db,#080d1294);padding:clamp(22px,4vw,42px);box-shadow:0 24px 80px #00000061}.eyebrow{color:var(--gold);letter-spacing:.16em;text-transform:uppercase;margin:0 0 18px;font-size:12px;font-weight:720}h1,h2{max-width:15ch;color:var(--text);letter-spacing:0;margin:0;font-family:Risk Display,ui-sans-serif,system-ui,sans-serif;font-weight:680;line-height:.96}h1{font-variation-settings:"wght" 720;font-size:clamp(48px,9vw,118px);animation:1.4s cubic-bezier(.2,.8,.2,1) both weight-settle}h2{font-size:clamp(36px,6vw,78px)}@keyframes weight-settle{0%{font-variation-settings:"wght" 440;opacity:0;transform:translateY(18px)}to{font-variation-settings:"wght" 720;opacity:1;transform:translateY(0)}}.dek,.body-copy p,.engagement-panel p{max-width:68ch;color:var(--muted);font-size:clamp(17px,1.5vw,20px);line-height:1.58}.dek{color:var(--text);font-size:clamp(20px,2vw,28px)}.body-copy{margin-top:26px}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin:30px 0 0;display:grid}.stat-grid div{background:#72e6ff0d;border:1px solid #72e6ff3d;min-height:132px;padding:16px}.stat-grid dt{color:var(--text);font-family:Risk Display,ui-sans-serif,system-ui,sans-serif;font-size:22px;font-weight:720;line-height:1.08}.stat-grid dd{color:var(--quiet);margin:12px 0 0;font-size:13px;line-height:1.45}.network-controls{border-top:1px solid var(--line);margin-top:30px;padding-top:20px}.node-buttons{flex-wrap:wrap;gap:8px;display:flex}.node-buttons button{min-height:36px;color:var(--muted);border-color:#72e6ff47;padding:0 12px}.node-buttons button.is-selected{border-color:var(--gold);color:var(--text);background:#f3c56b29}.network-controls p{color:var(--muted);margin:16px 0 0;line-height:1.5}.network-controls strong{color:var(--gold);font-family:Risk Display,ui-sans-serif,system-ui,sans-serif;font-size:18px;display:block}.poster{display:none}.engagement-panel{z-index:3;border-top:1px solid var(--line);background:linear-gradient(#06080b8f,#06080bf0);grid-template-columns:minmax(0,1fr) minmax(280px,420px);gap:clamp(26px,6vw,96px);padding:16vh clamp(18px,5vw,72px) 20vh;display:grid;position:relative}.engagement-panel h2{max-width:11ch}.engagement-panel form{border:1px solid var(--line);background:var(--panel-solid);align-self:start;gap:16px;padding:24px;display:grid}.engagement-panel label{color:var(--muted);gap:8px;font-size:13px;display:grid}.engagement-panel input,.engagement-panel select{width:100%;min-height:44px;padding:0 12px}.engagement-panel button{border-color:var(--gold);background:var(--gold);color:#14100a;min-height:46px;font-weight:720}@media (max-width:760px){.masthead{flex-wrap:wrap;position:absolute}.story-section,.story-section:nth-child(2n){justify-items:stretch;min-height:auto;padding:84px 16px 72px}.story-section:first-child{padding-top:22vh}.copy-panel{padding:22px}.engagement-panel{grid-template-columns:1fr;padding:82px 16px 110px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.poster{border:1px solid var(--line);background:radial-gradient(circle at 62% 34%,#72e6ff38,#0000 8rem),radial-gradient(circle at 42% 58%,#f3c56b29,#0000 8rem),linear-gradient(135deg,#101923,#06080b);min-height:240px;margin-bottom:18px;display:block}}
