.sdg-scroll-flow{--sdg-navy:#00123b;--sdg-blue:#2a66dd;--sdg-turquoise:#1dc8df;--sdg-white:#fff;--sdg-grey:#ced9e5;background:transparent;color:var(--sdg-white)}.sdg-scroll-flow__strands .st0{stroke:#239bde}.sdg-scroll-flow__strands .st1{stroke:#2878dd}.sdg-scroll-flow__strands .st2{stroke:#22a4de}.sdg-scroll-flow__strands .st3{stroke:#296fdd}.sdg-scroll-flow__strands .st4{stroke:#1fb6df}.sdg-scroll-flow__strands .st5{stroke:#258ade}.sdg-scroll-flow__strands .st6{stroke:#2681de}.sdg-scroll-flow__strands .st7{stroke:#1dc8df}.sdg-scroll-flow__strands .st8{stroke:#21adde}.sdg-scroll-flow__strands .st9{stroke:#2a66dd}.sdg-scroll-flow__strands .st10{stroke:#1ebfdf}.sdg-scroll-flow__strands .st11{stroke:#2493de}.sdg-scroll-flow__strands .st0,.sdg-scroll-flow__strands .st1,.sdg-scroll-flow__strands .st10,.sdg-scroll-flow__strands .st11,.sdg-scroll-flow__strands .st2,.sdg-scroll-flow__strands .st3,.sdg-scroll-flow__strands .st4,.sdg-scroll-flow__strands .st5,.sdg-scroll-flow__strands .st6,.sdg-scroll-flow__strands .st7,.sdg-scroll-flow__strands .st8,.sdg-scroll-flow__strands .st9{fill:none;fill-rule:evenodd;mix-blend-mode:screen;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-width:7.73px}.sdg-scroll-flow__svg-wrapper{overflow:hidden}.sdg-scroll-flow__svg-wrapper svg{display:block;height:auto;width:100%;will-change:clip-path,transform}.sdg-scroll-flow__container{display:flex;position:relative}.sdg-scroll-flow__visual{align-items:flex-end;background:transparent;display:flex;height:100vh;justify-content:flex-start;min-width:50%;position:sticky;top:0;width:50%}.sdg-scroll-flow__svg-wrapper{height:100%;transform:none;transform-origin:bottom left;width:100%}.sdg-scroll-flow__svg-wrapper svg{max-height:100vh}.sdg-scroll-flow__label{color:var(--sdg-turquoise);font-size:.9rem;font-weight:700;left:5%;letter-spacing:3px;position:absolute;text-transform:uppercase;top:10%}.sdg-scroll-flow__content{min-width:50%;width:50%}.sdg-scroll-flow__step{border-left:1px solid hsla(0,0%,100%,.1);display:flex;flex-direction:column;height:100vh;justify-content:center;opacity:.2;padding:0 4rem;transition:opacity .5s ease}.sdg-scroll-flow__step.active{border-left:4px solid var(--sdg-blue);opacity:1;padding-left:calc(4rem - 3px)}.sdg-scroll-flow__number{color:var(--sdg-blue);font-size:4rem;font-weight:900;margin-bottom:1rem;opacity:.5}.sdg-scroll-flow h2{background:linear-gradient(90deg,var(--sdg-white),var(--sdg-grey));-webkit-background-clip:text;font-size:2.5rem;margin-bottom:1.5rem;-webkit-text-fill-color:transparent}.sdg-scroll-flow p{color:var(--sdg-grey);font-size:1.15rem;line-height:1.6;max-width:450px}.sdg-scroll-flow__spacer{height:20vh}.sdg-scroll-flow__strands path{fill:none;mix-blend-mode:screen;stroke-linecap:round;stroke-linejoin:round}@media (max-width:1024px){.sdg-scroll-flow{overflow:visible;position:relative}.sdg-scroll-flow__container{display:block}.sdg-scroll-flow__visual{align-items:center;display:flex;height:100vh;inset:0;justify-content:center;opacity:0;pointer-events:none;position:fixed;transition:opacity .35s ease;width:100vw;z-index:2}.sdg-scroll-flow__svg-wrapper{height:auto;max-width:none;opacity:.5;transform:none;width:92vw}.sdg-scroll-flow__svg-wrapper svg{height:auto;max-height:85vh;width:100%}.sdg-scroll-flow__content{position:relative;width:100%;z-index:5}.sdg-scroll-flow__step{border:none;min-height:100vh;padding:4rem 2rem}}