h1,h2,h3{font-family:Afacad,sans-serif;font-optical-sizing:auto;font-style:normal;padding:0;margin:.2em 0}a,h2,h3{color:#000}body,p{margin:0}.button,.toggle label{box-shadow:0 0 6.9px 0 rgba(0,0,0,.75) inset}.button>a span,.toggle label span{background:var(--blue);box-shadow:2px -4px 4px 0 rgba(0,0,0,.25) inset}#window,body{background:#000}.page,hr{overflow:hidden}#window,.toggle{position:relative}.page.energy #control .buttons,.page.show{z-index:10}:root{--green:#287355;--blue:#3C5263;--light-blue:#C7D5E0;--yellow:#F3E50C;--white-transparent:rgba(255, 255, 255, 0.5);--yellow-transparent:rgba(243, 229, 12, 0.8)}body{padding:0;font-family:Afacad,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-size:calc(20px + .390625vw);line-height:1.1em}h1,h2,h3{line-height:1em}h1{font-weight:700;font-size:3.5em;color:var(--green);text-shadow:0 0 6.4px #fff}h2{font-weight:700;font-size:1.4em}.button,h3{font-size:1.2em}h3{font-weight:400}a{text-decoration:none}hr{background:rgba(93,93,93,.2);height:1px;margin:20px 0;border:none}.button{background:#fff;display:inline-block;padding:1% 5% 1% 1%;border-radius:200px;margin-bottom:2%;cursor:pointer}.button:hover,.page.energy #control .buttons div.selected,.page.energy #control .buttons div:hover{background:var(--yellow)}.button>a{display:flex;align-items:center;gap:45px;text-wrap:nowrap}.skip img,.toggle,.toggle label{display:inline-block}.skip,.toggle label span{align-items:center;cursor:pointer}.button>a span{cursor:pointer;border-radius:200px;padding:10px 0;width:65px;height:45px;text-align:center}.toggle label input{position:absolute;opacity:0}.toggle label{width:120px;height:60px;padding:5px;background:var(--light-blue);border-radius:35px}#window,.page,.page.show,.page>video{height:100vh}.toggle label span{display:flex;height:60px;width:60px;border-radius:30px;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s;justify-content:center}.toggle label input:checked+span{background:var(--yellow);-webkit-transform:translate3d(100%,0,0);-moz-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.toggle label input:checked+span path{fill:black!important}.skip{position:absolute;bottom:5%;width:100%;display:flex;justify-content:center;color:var(--white-transparent)}.skip img{margin:0 0 0 10px}.page{position:absolute;opacity:0;visibility:hidden;z-index:-1;padding:0;width:100%}.page.show{opacity:1;min-height:100%;visibility:visible;overflow:auto;transition:opacity 1s ease-in-out}.page>video{width:100vw}.page .logo-small{position:fixed;top:20px;right:25px;z-index:50}.page .navigation{position:fixed;top:28px;right:calc(50% - 295px);z-index:50;display:flex;align-items:center;gap:20px}.page .navigation .info .back,.page .navigation .info .forward{width:30px}.page .navigation .info{background:var(--white-transparent);padding:20px;border-radius:10px;width:450px;text-align:center}.page.start{width:90%;padding:0 5%;background-image:url('../image/start.background.png');background-size:cover;background-repeat:no-repeat}.page .intro,.page.transition .messages .message .thread hr{background:rgba(0,0,0,.5)}.page.start.show{height:auto}.page.start .buttons,.page.start .header{padding:10% 0 0}.page.start .header span{font-size:1.5em;text-shadow:0 0 28px #fff}.page.start .logo{padding:5% 0}.page.energy #map,.page.sectors{height:100vh}.page .intro{position:fixed;width:100vw;height:100vh;overflow:hidden;z-index:300}.page .intro .step,.page.energy #control .controls>div{display:none}.page .intro .step.show,.page.energy #control .controls .tabs .tab.show,.page.energy #control .controls>div.show,.page.energy #legend div.show,.page.sectors .details.show,.page.transition .messages .message.show{display:block}.page .intro .step .blob{position:absolute;top:calc(50% - 100px);left:50%;transform:translate(-50%,0);text-align:center;width:50%;padding:20px 30px;background:#fff;border-radius:10px;max-width:1000px}.page .intro .step .blob a.next{margin:20px 0 10px;display:inline-block;font-weight:700;cursor:pointer}.page.sectors .background{position:relative;height:100vh;width:calc((100vh / 1719) * 4096);background-image:url('../image/sectors.background.jpg');background-size:contain;background-repeat:no-repeat}.page.sectors .background .sector{cursor:pointer;position:absolute;display:inline-block;text-align:center;width:120px;background:var(--white-transparent);padding:20px;border-radius:20px}.page.sectors .background .sector:hover{background:var(--yellow-transparent)}.page.sectors .background .next{background:linear-gradient(270deg,rgba(255,255,255,.86) 0,rgba(255,255,255,0) 100%);cursor:pointer;position:absolute;right:0;display:flex;text-align:center;justify-content:center;align-items:center;width:300px;height:100vh;font-weight:700}.page.sectors .details{background:rgba(255,255,255,.9);position:fixed;width:600px;height:75vh;top:calc(5vh + 100px);left:calc((100vw / 2) - 360px);margin:0 auto;border-radius:10px;padding:60px;overflow-y:auto;display:none}.page.sectors .details .close{position:absolute;right:20px;top:20px;cursor:pointer}.page.sectors .details .header{display:flex;gap:30px;align-items:center}.page.sectors .details .subheader{display:flex;gap:30px;padding:40px 20px 20px 0;justify-content:space-between}.page.sectors .details .stats{padding:20px 0}.page.sectors .details .stats img{width:100%}.page.sectors .details .extra{padding:20px 20px 30px 0;display:flex;gap:30px;justify-content:space-between}.page.sectors .details .box{margin:40px 0 0;background-color:var(--yellow);padding:20px;border-radius:10px;display:flex;gap:30px}.page.sectors .details .boxes{padding:30px 0 0}.page.sectors .details .boxes>div{background:var(--light-blue);width:calc(100% - 30);overflow:hidden;border-radius:20px;padding:15px 15px 10px;margin:40px 0 0}.page.sectors .details .boxes>div .head{display:flex;align-items:flex-start;padding:0 0 15px;gap:20px}.page.energy #control,.page.energy #zoom{z-index:1000;align-items:center;display:flex;position:absolute}.page.sectors .details .boxes>div .head h3{color:var(--blue)}.page.sectors .details .boxes>div .head span{font-size:1.8em;line-height:1em;display:inline-block}.page.sectors .details .boxes>div video{width:100%;border-radius:20px}.page.energy .logo-small,.page.energy .navigation{z-index:1000}.page.energy #legend{left:670px;bottom:5vh;position:absolute;font-weight:700;z-index:1000;text-align:right}.page.energy #legend div{display:none;padding:20px;border-radius:20px;background:var(--white-transparent)}.page.energy #next{right:30px;bottom:5vh;position:absolute;font-weight:700;z-index:1000;text-align:right}.page.energy #zoom{right:30px;top:calc(50vh - 50px);color:#000;height:100px}.page.energy #zoom>div{background:var(--white-transparent);padding:15px;border-radius:30px}.page.energy #zoom>div>div{height:36px;padding:15px 0;cursor:pointer}.page.energy #control{left:20px;top:0;color:#000;height:100vh}.page.energy #control .buttons div{background:#fff;display:inline-block;width:80px;height:80px;display:flex;align-items:center;justify-content:center;border-radius:200px;margin:20px 0;cursor:pointer}.page.energy #control .controls{z-index:8;position:absolute;left:40px;background:var(--white-transparent);padding:50px 50px 50px 90px;border-radius:20px;width:450px;max-height:calc(90vh - 100px - 90px);overflow-y:scroll}.page.energy #control .controls.anker{bottom:5vh}.page.energy #control .controls .default a{display:flex;padding:20px 0;gap:20px}.page.energy #control .controls .header{display:flex;gap:20px;padding:0 0 40px;align-items:center;justify-content:center}.page.energy #control .controls .flex{display:flex;align-items:center;justify-content:space-between;gap:20px}.page.energy #control .controls .tabs{text-align:center;padding:0 0 40px}.page.energy #control .controls .tabs .choose{display:inline-block;padding:40px 0}.page.energy #control .controls .tabs .choose .container{display:flex;background:#fff;border-radius:25px;height:50px;align-items:center;justify-content:center}.page.energy #control .controls .tabs .choose .container>div{padding:15px 20px 10px;opacity:.3;cursor:pointer}.page.energy #control .controls .tabs .choose .container>div.selected,.page.transition .messages .message .icon{opacity:1}.page.energy #control .controls .tabs .tab{display:none;text-align:left}.page.energy #control .controls .tabs .tab ul li{font-weight:700}.page.transition{background:#cbd5df}.page.transition a.back{display:inline-block;font-weight:700;margin:20px 100px 10px 0}.page.transition>.animation video,.page.transition>.background video{display:block;margin:auto;height:100vh}.page.transition>.background{position:absolute;z-index:20;top:0;left:50%;transform:translate(-50%,0);height:100vh;overflow:hidden}.page.transition>.animation{position:absolute;z-index:30;top:0;left:50%;transform:translate(-50%,0);height:100vh;overflow:hidden}.page.transition>.animation video{mask-size:100% 100%}.page.transition .messages{position:absolute;z-index:40;height:100%;width:100%}.page.transition .messages .message{cursor:pointer;display:none;background:rgba(255,255,255,.8);position:absolute;padding:30px 30px 25px;border-radius:100px;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s}.page.transition .messages .message.open{border-radius:20px;padding:30px;z-index:100}.page.transition .messages .message.read .icon svg path{stroke:black;fill:transparent}.page.transition .messages .message .thread,.page.transition .messages .message.open .icon{opacity:0;width:0;height:0;overflow:hidden;transition:width .3s ease-in-out,opacity 1s ease-in-out}.page.transition .messages .message.open .thread{opacity:1;width:350px;height:auto}.page.transition .messages .message .thread b{display:flex;align-items:center;gap:10px;margin:0 0 5px}.page.transition .messages .message .thread b>span{border-radius:20px;display:inline-block;width:28px;height:28px;color:#000;overflow:hidden;text-align:center}.page.transition .messages .message .thread b.engineer{color:#30c0ca}.page.transition .messages .message .thread b.engineer>span{background:#30c0ca}.page.transition .messages .message .thread b.politician{color:#9d8666}.page.transition .messages .message .thread b.politician>span{background:#9d8666}.page.transition .messages .message .thread b.activists{color:#91feb5}.page.transition .messages .message .thread b.activists>span{background:#91feb5}.page.transition .control{display:flex;position:absolute;bottom:20px;width:calc(100vw - 50px);z-index:50;left:20px;gap:30px;justify-content:space-between}.page.transition .control .next{width:20%;background:var(--white-transparent);border-radius:20px;padding:20px;display:flex;align-items:center;justify-content:center;font-weight:700}.page.transition .control .assets{padding:20px 40px;width:80%;background:var(--white-transparent);border-radius:20px;display:flex;gap:40px;align-items:center;justify-content:space-between}.page.transition .control .assets>div{display:flex;gap:40px;align-items:center;justify-content:center}.page.transition .control .assets>div .action{cursor:pointer;display:flex;border-radius:40px;gap:40px;align-items:center;justify-content:center;background:var(--yellow);padding:14px 30px 10px}.page.transition .control .assets>div .action>div.disabled{cursor:auto;opacity:.2}