body.eko{--forest:#1f4d3a;--deep:#14352a;--moss:#8fa67a;--cream:#f4edd8;--burg:#7a2230;--earth:#4a3228;--font-body:"Newsreader",serif;--font-head:"Fraunces",serif}.runway{height:13500px}.stage{transform-origin:0 0;z-index:2;width:1440px;height:900px;color:var(--cream);font-family:var(--font-body);position:fixed;top:0;left:0;overflow:hidden}.slide{opacity:0;pointer-events:none;position:absolute;inset:0}.panel{background:var(--forest);width:580px;color:var(--cream);padding:40px 42px 38px;position:absolute;bottom:56px;left:56px}.panel.r{left:auto;right:56px}.panel h2{font-family:var(--font-head);letter-spacing:-.02em;font-variation-settings:"opsz" 72;margin-bottom:18px;font-size:46px;font-weight:600;line-height:1.08}.panel p{font-size:20px;font-weight:400;line-height:1.5}.panel .fact{color:var(--moss);margin-top:18px;font-size:15px;line-height:1.4}.panel .fact b{color:var(--cream);font-weight:600}.sheet{background:var(--cream);width:560px;height:520px;color:var(--deep);padding:34px 36px;position:absolute;top:116px;right:56px}.sheet h2{font-family:var(--font-head);margin-bottom:6px;font-size:24px;font-weight:600;line-height:1.2}.sheet .cap{color:#3d4a3f;font-size:15px;line-height:1.4}.sheet .src{color:#3d4a3f;font-size:13px;line-height:1.35;position:absolute;bottom:22px;left:36px;right:36px}.big{font-family:var(--font-head);letter-spacing:-.05em;color:var(--cream);font-variation-settings:"opsz" 144;font-size:300px;font-weight:300;line-height:.9;position:absolute;top:110px;left:56px}.big small{font-family:var(--font-body);letter-spacing:0;max-width:420px;margin-top:14px;font-size:24px;font-weight:400;line-height:1.35;display:block}.prog{background:var(--burg);z-index:40;transform-origin:50% 0;width:4px;height:0;position:fixed;top:90px;left:0;transform:scaleY(0)}.bars{height:300px;margin-top:26px;position:relative}.bars .zero{background:var(--deep);opacity:.55;height:2px;position:absolute;top:218px;left:0;right:0}.bar{transform-origin:50% 100%;width:52px;transition:transform .9s cubic-bezier(.23,1,.32,1);position:absolute;bottom:82px;transform:scaleY(0)}.bar.neg{transform-origin:50% 0;top:218px;bottom:auto}.on .bar{transform:scaleY(1)}.bar span{text-align:center;font:600 15px var(--font-body);color:var(--deep);position:absolute;left:-10px;right:-10px}.bar.pos span{top:-22px}.bar.neg span{bottom:-22px}.bar i{font:normal 13px var(--font-body);text-align:center;color:#3d4a3f;position:absolute;top:calc(100% + 10px);left:-10px;right:-10px}.bar.neg i{top:-70px}.stack{transform-origin:0;height:64px;margin-top:30px;transition:transform .9s cubic-bezier(.23,1,.32,1);display:flex;transform:scaleX(0)}.on .stack{transform:scaleX(1)}.stack div{height:100%}.leg{gap:11px;margin-top:20px;font-size:17px;display:grid}.leg div{align-items:center;gap:12px;display:flex}.leg i{flex:none;width:20px;height:20px}.leg b{margin-left:auto;font-weight:600}.irr{grid-template-columns:1fr 1fr;gap:20px;margin-top:20px;display:grid}.col h3{font-family:var(--font-head);margin-bottom:8px;font-size:19px;font-weight:600}.col p{color:#2b3a30;margin-top:10px;font-size:15px;line-height:1.35}.cs{background:#cfe0e8;width:100%;height:290px;position:relative;overflow:hidden}.cs .soil{background:var(--earth);position:absolute;inset:112px 0 0}.cs .grass{background:var(--moss);height:10px;position:absolute;top:104px;left:0;right:0}.cs .plant{background:var(--forest);width:6px;height:56px;margin-left:-3px;position:absolute;top:50px;left:50%}.cs .leaf{background:var(--forest);width:30px;height:15px;position:absolute;top:44px}.cs .leaf.a{border-radius:15px 0;margin-left:-32px;left:50%}.cs .leaf.b{border-radius:0 15px;margin-left:2px;left:50%}.cs .root{background:#c9b79a;width:6px;height:70px;margin-left:-3px;position:absolute;top:112px;left:50%}.cs .root:before,.cs .root:after{content:"";background:#c9b79a;width:34px;height:4px;position:absolute;top:30px}.cs .root:before{transform-origin:100%;right:3px;transform:rotate(-24deg)}.cs .root:after{transform-origin:0;left:3px;transform:rotate(24deg)}.cs .wet{opacity:0;transform-origin:50% 0;background:#2d6c86;border-radius:0 0 75px 75px;width:150px;height:130px;margin-left:-75px;position:absolute;top:112px;left:50%;transform:scale(.2)}.cs .drop{opacity:0;background:#2d6c86;border-radius:3px 3px 6px 6px;width:6px;height:11px;position:absolute}.cs .film{opacity:0;background:#2d6c86;width:100%;height:7px;position:absolute;top:108px;left:0;transform:translate(-100%)}.cs .pipe{background:var(--deep);width:28px;height:7px;margin-left:6px;position:absolute;top:6px;left:50%}.on .a1 .drop{animation:6s linear infinite fall}.on .a1 .film{animation:6s ease-in infinite flow}.on .a1 .wet{animation:6s ease-out infinite wetA}.on .a2 .drop{animation:6s ease-in infinite fall2}.on .a2 .wet{animation:6s ease-out infinite wetB}@keyframes fall{0%{opacity:0;transform:translateY(0)}6%{opacity:1}30%{opacity:1;transform:translateY(100px)}34%,to{opacity:0;transform:translateY(100px)}}@keyframes flow{0%,26%{opacity:0;transform:translate(-100%)}32%{opacity:.9;transform:translate(-100%)}70%{opacity:.9;transform:translate(100%)}78%,to{opacity:0;transform:translate(100%)}}@keyframes wetA{0%,30%{opacity:0;transform:scale(.2)}45%,85%{opacity:.5;transform:scale(.38,.22)}to{opacity:0}}@keyframes fall2{0%{opacity:0;transform:translateY(0)}8%{opacity:1}26%{opacity:1;transform:translateY(100px)}30%{opacity:0;transform:translateY(100px)}58%{opacity:0;transform:translateY(0)}64%{opacity:1}82%{opacity:1;transform:translateY(100px)}86%,to{opacity:0;transform:translateY(100px)}}@keyframes wetB{0%,24%{opacity:0;transform:scale(.2)}50%{opacity:.6;transform:scale(.7,.6)}80%{opacity:.62;transform:scaleY(.92)}to{opacity:0;transform:scaleY(.92)}}.srcs{columns:2;column-gap:36px;margin-top:16px;font-size:15.5px;line-height:1.5}.srcs div{break-inside:avoid;margin-bottom:8px}.srcs a{color:inherit;text-decoration:underline;-webkit-text-decoration-color:var(--melon,#fc734d);text-decoration-color:var(--melon,#fc734d);text-underline-offset:3px;text-decoration-thickness:2px}.slide.on .srcs a{pointer-events:auto}.srcs a:focus-visible{outline-offset:3px;outline:2px solid}.panel>*,.sheet>*{transition:opacity .2s ease-out,transform .2s ease-out}.slide:not(.on) .panel>*{opacity:0;transform:translateY(10px)}.slide.on .panel>*{transition:opacity .4s var(--ease-out),transform .4s var(--ease-out)}.slide.on .panel>:nth-child(2){transition-delay:70ms}.slide.on .panel>:nth-child(3){transition-delay:.14s}.eb{font:600 12.5px var(--font-body);letter-spacing:.22em;text-transform:uppercase;color:#c9d6b5;align-items:center;gap:12px;margin-bottom:16px;display:flex}.eb:before{content:"";background:#c9d6b5;width:8px;height:8px}.stage .sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.w{vertical-align:top;margin-bottom:-.14em;padding-bottom:.14em;display:inline-block;overflow:hidden}.l{transition:transform .9s cubic-bezier(.16,1,.3,1);transition-delay:var(--d,0s);display:inline-block;transform:translateY(108%)}.slide.on .l{transform:none}.slide:not(.on) .l{transition-duration:.2s;transition-delay:0s}.big .w{margin-top:-.12em;padding-top:.12em}.scue{font:600 12.5px var(--font-body);letter-spacing:.22em;text-transform:uppercase;color:var(--cream);align-items:center;gap:12px;display:flex;position:absolute;bottom:30px;right:40px}.scue:before{content:"";background:var(--moss);width:40px;height:2px}.mq{white-space:nowrap;position:absolute;top:118px;left:0;right:0;overflow:hidden}.mt{font:300 92px/1 var(--font-head);font-variation-settings:"opsz" 144;letter-spacing:-.02em;color:var(--cream);will-change:transform;align-items:center;gap:44px;animation:24s linear infinite mq;display:inline-flex}.mt i{background:var(--moss);flex:none;width:22px;height:22px;display:inline-block}@keyframes mq{0%{transform:translate(0)}to{transform:translate(-50%)}}#pre{z-index:1000;background:var(--deep);color:var(--cream);justify-content:space-between;align-items:flex-end;padding:40px;transition:transform .65s cubic-bezier(.22,1,.36,1);display:flex;position:fixed;inset:0}#pre .pl{font:600 40px/1 var(--font-head);letter-spacing:-.01em;transition:opacity .3s}#pre .pc{font:300 120px/1 var(--font-head);font-variant-numeric:tabular-nums;transition:opacity .3s}#pre .pc i{color:var(--moss);font-style:normal}#pre.fade .pl,#pre.fade .pc{opacity:0}#pre.go{transform:translateY(-100%)}.bare .slide,.bare .band,.bare .prog,.bare .eko-geo{visibility:hidden!important}@media (prefers-reduced-motion:reduce){.l{transition:none!important;transform:none!important}#pre{display:none}}.bgl{z-index:1;pointer-events:none;opacity:var(--photo-a,.96);position:fixed;inset:0}.bg1{opacity:0;visibility:hidden;position:absolute;inset:0}.bg1:after{content:"";background:var(--deep);opacity:.22;position:absolute;inset:0}.bg1.dk:after{opacity:.5}.bg1 .ph{will-change:transform;background-position:50%;background-size:cover;position:absolute;inset:0}#ash{z-index:2;mix-blend-mode:saturation;opacity:.85;pointer-events:none;background:#777;position:absolute;inset:0}#tree{z-index:3;pointer-events:none;width:1440px;height:900px;position:absolute;top:0;left:0}#leaves{z-index:150;pointer-events:none;width:1440px;height:900px;position:absolute;top:0;left:0}.slide{z-index:10}.big{font-size:230px;top:128px;left:40px}.panel{clip-path:polygon(0 0,100% 0,calc(100% - 38px) 100%,0 100%);background:#14352ae6;width:560px;padding:30px 78px 32px 40px;left:40px}.panel.r{clip-path:polygon(38px 0,100% 0,100% 100%,0 100%);padding:30px 40px 32px 78px;left:auto;right:40px}.panel h2{margin-bottom:12px;font-size:38px}.panel p{font-size:18px;line-height:1.5}.panel .fact{font-size:14px}.panel.wide{width:760px;padding-right:90px;left:40px}.sheet{clip-path:polygon(0 36px,36px 0,100% 0,100% 100%,0 100%);right:40px}.slide:not(.on) .panel>:not(h2){opacity:0;transform:none}.slide.on .panel>:not(h2){opacity:1;transition:opacity .45s cubic-bezier(.23,1,.32,1) .16s;transform:none}.slide.on .panel>:nth-child(n){transition-delay:.16s}.eko-geo{z-index:180;cursor:pointer;color:var(--cream);-webkit-tap-highlight-color:transparent;background:0 0;border:0;align-items:flex-end;gap:0;padding:0;transition:transform .16s cubic-bezier(.23,1,.32,1);display:flex;position:fixed;bottom:8px;left:8px}.eko-geo-sat{z-index:1;flex:none;width:104px;display:block;position:relative}.eko-geo-sat svg{cursor:pointer;width:100%;height:auto;display:block}.eko-geo-t{background:var(--forest);font:600 12.5px/1 var(--font-body);letter-spacing:.22em;text-transform:uppercase;white-space:nowrap;clip-path:polygon(0 0,100% 0,calc(100% - 14px) 100%,0 100%);margin:0 0 6px -14px;padding:9px 30px 9px 22px;transition:background-color .16s}.eko-geo:active{transform:scale(.97)}.eko-geo:focus-visible{outline:3px solid var(--cream);outline-offset:4px}@media (hover:hover) and (pointer:fine){.eko-geo:hover .eko-geo-t{background:var(--burg)}}@media (prefers-reduced-motion:reduce){.eko-geo,.eko-geo-t{transition:none}.eko-geo:active{transform:none}}.sheet path.skl{stroke-dasharray:1400;stroke-dashoffset:1400px;transition:stroke-dashoffset 1.8s cubic-bezier(.6,0,.2,1)}.on .sheet path.skl{stroke-dashoffset:0}@media (prefers-reduced-motion:reduce){.sheet path.skl{stroke-dashoffset:0;transition:none}}body.eko{background:var(--night)}.stage h2{color:inherit;letter-spacing:normal}.stage .panel h2{letter-spacing:-.02em}.runway{pointer-events:none}#tree,#leaves{width:1440px;height:900px}@media (prefers-reduced-motion:reduce){.stage *{transition:none!important;animation:none!important}}body.eko.m .stage{width:100vw}body.eko.m .panel,body.eko.m .panel.r,body.eko.m .panel.wide{clip-path:none;width:auto;padding:18px 20px 66px;bottom:12px;left:12px;right:12px}body.eko.m .panel{clip-path:polygon(0 0,100% 0,calc(100% - 22px) 100%,0 100%);padding-right:34px}body.eko.m .panel.r{clip-path:polygon(22px 0,100% 0,100% 100%,0 100%);padding-left:34px;padding-right:20px}body.eko.m .panel{z-index:1}body.eko.m .panel h2{margin-bottom:8px;font-size:25px}body.eko.m .panel p{font-size:14.5px;line-height:1.42}body.eko.m .panel .fact{margin-top:10px;font-size:12.5px}body.eko.m .eb{margin-bottom:10px;font-size:11px}body.eko.m .srcs{columns:1;margin-top:10px;font-size:12.5px}body.eko.m .srcs div{margin-bottom:5px}body.eko.m .big{font-size:112px;top:104px;left:16px}body.eko.m .big small{max-width:260px;font-size:16px}body.eko.m .sheet{transform-origin:0 0;clip-path:polygon(0 36px,36px 0,100% 0,100% 100%,0 100%);width:560px;transform:scale(var(--ms,1));top:100px;left:12px;right:auto}body.eko.m .mq{top:112px}body.eko.m .mt{gap:26px;font-size:52px}body.eko.m .mt i{width:14px;height:14px}body.eko.m .eko-geo,body.eko.m .scue{display:none}
