[data-reveal]{opacity:0;transform:translateY(12px);transition:opacity .5s ease-out,transform .5s ease-out}[data-reveal].is-visible{opacity:1;transform:translateY(0)}.schematic .sch-box{stroke:#0c2231;stroke-width:1.5;fill:none}.schematic .sch-label{font-family:IBM Plex Mono,monospace;font-size:11px;letter-spacing:.08em;fill:#5a6b76}.schematic .pipe{stroke:#0c2231;stroke-width:1.5;fill:none}.schematic .flow{stroke:#1fb6c9;stroke-width:1.5;fill:none;stroke-dasharray:6 10}.schematic-dark .pipe,.schematic-dark .sch-box{stroke:hsla(0,0%,100%,.75)}.schematic-dark .sch-label{fill:hsla(0,0%,100%,.6)}.schematic .pipe{stroke-dasharray:100;stroke-dashoffset:100;animation:pipe-draw .5s ease-out forwards}.schematic .pipe-1,.schematic .pipe-2{animation-delay:0s;animation-duration:.5s}.schematic .pipe-3{animation-delay:.45s;animation-duration:.35s}.schematic .pipe-4{animation-delay:.8s;animation-duration:.35s}.schematic .pipe-5{animation-delay:1.15s;animation-duration:.35s}.schematic .node{animation:node-appear .4s ease-out forwards;opacity:0}.schematic .node-inlet{animation-delay:0s}.schematic .node-electrolyser{animation-delay:.4s}.schematic .node-purification{animation-delay:.75s}.schematic .node-storage{animation-delay:1.1s}.schematic .node-plant{animation-delay:1.4s}.schematic .flow{animation:flow-appear .4s ease-out 1.6s forwards,flow-move 6s linear 1.6s infinite;opacity:0}@keyframes pipe-draw{to{stroke-dashoffset:0}}@keyframes node-appear{to{opacity:1}}@keyframes flow-appear{to{opacity:1}}@keyframes flow-move{0%{stroke-dashoffset:0}to{stroke-dashoffset:-160}}@media (prefers-reduced-motion:reduce){[data-reveal]{opacity:1;transform:none;transition:none}.schematic .pipe{stroke-dasharray:none;stroke-dashoffset:0;animation:none}.schematic .node{animation:none;opacity:1}.schematic .flow{animation:none;opacity:0}}