#my_dataviz{height:100%;overflow:hidden;width:100%}#my_dataviz svg:focus-visible{outline:2px solid #fff;outline-offset:-6px}.tooltip:before{border-left:1px solid #fff;bottom:30px;content:"";left:0;position:absolute;top:0}.tooltip{color:#2c3e50;height:100%;opacity:0;pointer-events:none;position:absolute;text-align:left;top:0;will-change:transform;z-index:250}.tooltip.is-visible{opacity:1}.tooltip div{background:rgba(255,255,255,.9);display:block;margin-left:2px;padding:4px 10px;text-align:left;width:max-content}.tooltip.inverse div{text-align:right;transform:translate(-100%) translate(-4px)}.x-axis{color:#fff;font:400 12px/16px "Helvetica Neue","Calibri Light",Roboto,sans-serif}@media (min-width: 786px){.x-axis{font-size:16px;line-height:20px}}@font-face{font-family:"aktiv-grotesk";src:url(./fonts/aktiv-grotesk-400.woff2) format("woff2");font-display:swap;font-style:normal;font-weight:400;font-stretch:normal}@font-face{font-family:"aktiv-grotesk";src:url(./fonts/aktiv-grotesk-400-italic.woff2) format("woff2");font-display:swap;font-style:italic;font-weight:400;font-stretch:normal}@font-face{font-family:"aktiv-grotesk";src:url(./fonts/aktiv-grotesk-700.woff2) format("woff2");font-display:swap;font-style:normal;font-weight:700;font-stretch:normal}@font-face{font-family:"aktiv-grotesk";src:url(./fonts/aktiv-grotesk-300.woff2) format("woff2");font-display:swap;font-style:normal;font-weight:300;font-stretch:normal}@font-face{font-family:"aktiv-grotesk";src:url(./fonts/aktiv-grotesk-300-italic.woff2) format("woff2");font-display:swap;font-style:italic;font-weight:300;font-stretch:normal}@font-face{font-family:"aktiv-grotesk";src:url(./fonts/aktiv-grotesk-500.woff2) format("woff2");font-display:swap;font-style:normal;font-weight:500;font-stretch:normal}@font-face{font-family:"aktiv-grotesk";src:url(./fonts/aktiv-grotesk-900.woff2) format("woff2");font-display:swap;font-style:normal;font-weight:900;font-stretch:normal}html,body{height:100%;margin:0;padding:0}*,*:before,*:after{box-sizing:border-box}:root{--turbine-rotation: -20deg;--motion: .28s cubic-bezier(.22, 1, .36, 1);--type-progress:calc((100vw - 390px)/890px);--med-space: clamp(12px, 12px + 12px * var(--type-progress), 36px);--base-font-size: 16px;--graph-height: 220px}html{background:linear-gradient(182deg,#005a6b 0%,#0087a0 26%,#33c3dd 57%,#99e1ee 100%);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:"aktiv-grotesk","sans-serif";font-size:clamp(var(--base-font-size),var(--base-font-size) + 4px * var(--type-progress),20px);font-style:normal;font-weight:400;line-height:1.4;color:#fff}.app{display:flex;flex-direction:column;height:100svh;position:relative;overflow:hidden;z-index:2}.chart-container{position:relative}.chart{bottom:0;left:0;height:var(--graph-height, 220px);position:absolute;right:0}.chart svg{position:relative;z-index:110}.chart-container:after{background-image:linear-gradient(#417505,rgb(180,237,80));bottom:0;content:"";display:block;height:30px;left:0;position:absolute;right:0;z-index:100}.content{background-color:#fff;color:#4a4a4a;font:14px/20px "Helvetica Neue","Calibri Light",Roboto,sans-serif;padding:60px 20px}.fade-enter-active{animation:fade-in 1.1s}.fade-leave-active{animation:fade-in .2s reverse}@keyframes fade-in{0%{opacity:0}40%{opacity:0}to{opacity:1}}.stat-fade-enter-active,.stat-fade-leave-active{transition:opacity .55s ease}.stat-fade-enter-from,.stat-fade-leave-to{opacity:0}.slide-fade-enter-active{animation:slide-in .8s}.slide-fade-leave-active{animation:slide-in .2s reverse}@keyframes slide-in{0%{transform:translateY(100px);opacity:0}50%{transform:translateY(100px);opacity:0}80%{transform:translate(0)}to{transform:translate(0);opacity:1}}@media (prefers-reduced-motion: reduce){.fade-enter-active,.fade-leave-active,.stat-fade-enter-active,.stat-fade-leave-active,.slide-fade-enter-active,.slide-fade-leave-active{animation:none;transition:none}}.content{background:#417505;color:#fff;margin:-30px 0 0;padding:20px 10px}html,body,.app-container{height:100%}.app-container{display:flex;flex-direction:column}.app{flex:1 1 auto}.stats-container{max-width:calc(100vw - var(--med-space) * 2);text-align:right}.boxed{border-radius:13px;background:rgba(0,90,107,.5);padding:12px 24px var(--med-space)}.share-this{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.share-this h3{flex:1 0 100%;margin:0}.share-this a{border:none;border-radius:50%;color:currentColor;display:inline-block;flex:0 0 auto;font-weight:500;line-height:0;text-decoration:none;transition:transform var(--motion);vertical-align:middle}.share-this a:hover{transform:scale(1.1)}.share-this a:focus-visible{outline:2px solid currentColor;outline-offset:4px}.share-this svg{display:block;height:var(--icon-size, 31px);width:var(--icon-size, 31px)}.mobile-share-this{--icon-size: 26px;display:flex;gap:10px;justify-content:space-between}.mobile-share-this .share-this{gap:5px;justify-content:flex-start}.mobile-share-this .intro__copy{margin:0}@media (prefers-reduced-motion: reduce){.share-this a,.intro a,.date-range button,.about a,.lightbox-close,.stats__equivalent{transition:none}.share-this a:hover,.lightbox-close:hover,.lightbox-close:focus-visible{transform:none}}.intro-and-stats-container{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;left:var(--med-space);position:absolute;right:var(--med-space);top:var(--med-space);z-index:200}.intro-desktop{flex:0 1 404px;max-width:404px}.intro a{color:currentColor;display:inline-block;font-weight:700;text-decoration-skip-ink:auto;text-decoration-thickness:1px;text-underline-offset:.22em;transition:color var(--motion),text-decoration-thickness var(--motion),text-underline-offset var(--motion)}.intro a:hover{text-decoration-thickness:2px;text-underline-offset:.18em}.intro a:focus-visible{outline:2px solid currentColor;outline-offset:3px}.intro svg>path{fill:currentColor}.intro p{margin:18px 0;&:last-child{margin-bottom:0}&:first-child{margin-top:0}}.intro-mob{background:#b4ed50;color:#2c3e50;padding:0 12px 12px}.intro-mob a{color:currentColor;font-weight:700}.dias-link{border-bottom:solid 1px transparent;transition:border-bottom-color var(--motion),color var(--motion)}.dias-link:hover{border-bottom-color:currentColor;color:#b4ed50}.dias-link svg{vertical-align:middle}.main-title{margin:0 0 4px}.main-title svg{display:block;height:auto;width:clamp(190px,190px + 122px * var(--type-progress),367px)}.strapline{font-size:clamp(14px,14px + 6px * var(--type-progress),24px);font-style:normal;font-weight:400;line-height:114%;letter-spacing:-.02em;margin:8px 0 18px}.stats{font-size:clamp(16px,16px + 4px * var(--type-progress),20px);font-style:normal;font-weight:400;line-height:1.5;transition:all .3s ease-out}.stats__when{margin:0}.stats__equivalent{display:inline-block;margin-top:4px;max-width:100%;position:relative}.stats-box{border-bottom:1px dashed #f6f6f6;padding-bottom:12px;margin-bottom:var(--med-space)}.stats__next{background:transparent;border:0;border-radius:2px;inset:0;margin:0;padding:0;position:absolute}.stats__next:focus-visible{outline:2px solid #fff;outline-offset:4px}.default-copy{font-size:clamp(18px,18px + 4px * var(--type-progress),20px);font-style:normal;font-weight:400;line-height:1.4}.large-copy{font-size:clamp(24px,24px + 12px * var(--type-progress),36px);font-style:normal;font-weight:400;line-height:116.667%;letter-spacing:-.02em}.heading-5{font-size:clamp(16px,16px + 4px * var(--type-progress),20px);font-style:normal;font-weight:400;line-height:1.2;letter-spacing:-.01em;margin:0}.numbers{font-size:clamp(28px,28px + 14px * var(--type-progress),42px);font-style:normal;font-weight:900;line-height:114.286%;letter-spacing:-.02em}.border-bottom{border-bottom:1px dashed #f6f6f6;padding-bottom:4px;margin-bottom:24px}.stat.slide-fade-enter-active,.stat.slide-fade-leave-active{position:absolute;left:0;top:0}.date-range{bottom:calc(var(--graph-height, 220px) + var(--med-space));font-size:0;left:var(--med-space);position:absolute;text-align:left;z-index:1000}.range-button-spacer{background:#fff;display:inline-block;height:16px;margin:0 8px;vertical-align:middle;width:1px}.date-range button{background:none;border:0;border-bottom:solid 1px transparent;color:#fff;cursor:pointer;font-size:clamp(14px,14px + 2px * var(--type-progress),16px);font-style:normal;font-weight:400;line-height:1.5;margin:0;padding:0;transition:border-color var(--motion);vertical-align:middle}.date-range button:hover{border-bottom-color:#ffffffb3}.date-range button.selected,.date-range button.selected:hover{border-bottom-color:#fff}.date-range button:focus-visible{outline:2px solid #fff;outline-offset:4px}.skip-link{background:#fff;border-radius:2px;color:#2c3e50;font-weight:700;left:12px;padding:8px 12px;position:fixed;text-decoration:none;top:12px;transform:translateY(-150%);z-index:3000}.skip-link:focus,.skip-link:focus-visible{outline:2px solid #2c3e50;outline-offset:3px;transform:none}main.app:focus{outline:none}.lightbox-back{background:rgba(0,0,0,.7);border:0;bottom:0;height:100%;left:0;position:fixed;right:0;top:0;width:100%;z-index:1000}.about{background:#fff;border-radius:5px;bottom:20px;color:#4a4a4a;left:calc(50% - 380px);right:calc(50% - 380px);max-width:760px;position:fixed;top:20px;width:calc(100% - 40px);z-index:2000}@media (max-width: 800px){.about{left:20px;right:20px}}.lightbox-content{margin:40px 0 10px;max-height:calc(100% - 50px);overflow:auto;overflow-y:scroll;padding:0 20px 20px}.overflow-shadow{background:linear-gradient(white 30%,rgba(255,255,255,0)),linear-gradient(rgba(255,255,255,0),white 70%) 0 100%,radial-gradient(farthest-side at 50% 0,rgba(0,0,0,.2),rgba(0,0,0,0)),radial-gradient(farthest-side at 50% 100%,rgba(0,0,0,.2),rgba(0,0,0,0)) 0 100%;background-repeat:no-repeat;background-color:#fff;background-size:100% 40px,100% 40px,100% 14px,100% 14px;background-attachment:local,local,scroll,scroll}.about h1,.about h2{color:#429321;font-size:clamp(24px,24px + 12px * var(--type-progress),36px);font-weight:400;line-height:1.083;margin:32px 0 16px}.about .lightbox-content>:first-child{margin-top:0}.about a{border-radius:2px;color:currentColor;text-decoration:underline;text-decoration-skip-ink:auto;text-decoration-thickness:1px;text-underline-offset:.18em;transition:color var(--m22ion),text-decoration-thickness var(--motion),text-underline-offset var(--motion)}.about a:hover{color:#429321;text-decoration-thickness:2px;text-underline-offset:.18em}.about a:focus-visible{outline:2px solid #429321;outline-offset:3px}.lightbox-close{background:rgba(0,0,0,.7);border-radius:50%;color:#fff;cursor:pointer;font-size:24px;height:40px;line-height:40px;position:absolute;right:10px;top:10px;width:40px;transition:background-color var(--motion),transform var(--motion);z-index:1000}.lightbox-close:hover,.lightbox-close:focus-visible{background:rgba(0,0,0,.9);transform:scale(1.08)}.lightbox-close:focus-visible{outline:2px solid #fff;outline-offset:3px}.lightbox-back:focus-visible{box-shadow:inset 0 0 0 3px #fff;outline:none}.lightbox-close path{fill:currentColor}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.turbine-container{flex:1 1 calc(100% - 30px);overflow:hidden;position:relative;z-index:95}.turbine{--turbine-scale: clamp(.7, (100svh - var(--graph-height) - 184px) / 524px, 2);--date-range-width: 284px;--stats-width: 360px;--turbine-x: calc(-50% + (var(--date-range-width) - var(--stats-width)) / 2);--turbine-y: 0;bottom:-90px;left:50%;position:absolute;transform:translate(var(--turbine-x),var(--turbine-y)) scale(var(--turbine-scale)) rotateY(var(--turbine-rotation))}.turbine__rotor,.turbine__mast svg{height:100%;width:100%}.turbine__rotor{--duration: 10s;animation:var(--duration) linear infinite rotor-animation;bottom:calc(100% - 222px);height:496px;left:calc(50% - 249px);position:absolute;transform-origin:50% 50%;will-change:transform;width:496px;z-index:30}@media (prefers-reduced-motion: reduce){.turbine__rotor{animation:none}}@keyframes rotor-animation{0%{transform:rotate(0)}to{transform:rotate(359deg)}}.turbine__mast{height:499px;position:relative;width:81px;z-index:20}@media (max-height: 690px){.date-range{display:none!important}}@media (max-height: 620px){.stats__equivalent{border-bottom:none;padding-bottom:0;margin-bottom:0}.share-this,.date-range{display:none!important}}@media (min-width: 671px){.hide-not-xs{display:none!important}}@media (max-width: 670px){:root{--base-font-size: 14px}.hide-xs{display:none!important}.intro-and-stats-container{flex-direction:column;align-items:stretch;gap:0}.intro-desktop{flex:0 0 auto;max-width:none}.stats-container{margin-left:auto}.stats__when,.stats__when .default-copy,.stats__when+.numbers{display:inline}.main-title{margin-right:8px}.dias-link:hover{color:#2c3e50}.main-header{display:grid;grid-template-columns:1fr 26px;width:100%}.main-title,.strapline{grid-column:1}.about-link-container{grid-column:2;grid-row:1}.intro p{margin:8px 0}.stats-container{top:62px}.large-copy{font-size:24px;font-style:normal;font-weight:400;line-height:116.667%;letter-spacing:-.48px}.stats{font-size:18px;font-style:normal;font-weight:400;line-height:24px}.stats-demand .numbers{display:inline}.stats__equivalent{border-bottom:none;padding-bottom:0;margin-bottom:0}.date-range{display:none!important}:root{--graph-height: clamp(72px, 16svh, 200px)}.boxed{background:none;padding-left:0;padding-right:0}.stat{max-width:none}.turbine{--turbine-scale: clamp(.24, (80svh - var(--graph-height) - 100px) / 774px, 1.5);bottom:-12px;transform-origin:center bottom;--stats-width: 30vw;--date-range-width: 0px;--turbine-width: 100px}}@media (max-width: 400px){.boxed{left:0}.stat{max-width:272px}}
