.sdg-scroll-flow{--sdg-navy:#00123b;--sdg-blue:#2a66dd;--sdg-turquoise:#1dc8df;--sdg-white:#fff;--sdg-grey:#ced9e5;background:transparent;color:var(--sdg-white);display:block!important;position:relative;width:100%}.sdg-scroll-flow__top-mask{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:rgba(21,22,41,.75);box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 10%,#000 65%,transparent);mask-image:linear-gradient(180deg,transparent 0,#000 10%,#000 65%,transparent);padding:120px 2rem 5rem;pointer-events:none;position:sticky;text-align:center;top:0;width:100vw;z-index:50}.sdg-scroll-flow__subtitle,.sdg-scroll-flow__title{pointer-events:auto}.sdg-scroll-flow__title{color:var(--sdg-white);font-size:3rem;font-weight:700;line-height:1.2;margin-bottom:1rem}.sdg-scroll-flow__subtitle{color:var(--sdg-grey);font-size:1.15rem;line-height:1.6;margin:0 auto;max-width:800px}.sdg-scroll-flow__container{display:flex;margin-top:2rem;position:relative;width:100%;z-index:10}.sdg-scroll-flow__visual{align-items:flex-start;background:transparent;display:flex;height:100vh;min-width:50%;position:sticky;top:25vh;width:50%}.sdg-scroll-flow__svg-wrapper{height:100%;overflow:hidden;transform:none;transform-origin:center left;width:100%}.sdg-scroll-flow__svg-wrapper svg{display:block;height:auto;max-height:70vh;width:100%}.sdg-scroll-flow__custom-img{filter:blur(15px);height:100%;max-height:100vh;object-fit:contain;opacity:0;transform:scale(.95);width:100%;will-change:opacity,filter,transform}.sdg-scroll-flow__custom-img.is-editor-view{filter:none!important;opacity:1!important;transform:none!important}.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__strands path{fill:none;mix-blend-mode:screen;stroke-linecap:round;stroke-linejoin:round}.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}@media (max-width:1024px){.sdg-scroll-flow{overflow:visible;position:relative}.sdg-scroll-flow__top-mask{backdrop-filter:none;-webkit-backdrop-filter:none;background:transparent!important;margin-left:0;margin-right:0;-webkit-mask-image:none;mask-image:none;padding:4rem 2rem 2rem;position:relative;width:100%}.sdg-scroll-flow__title{font-size:2.2rem}.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__custom-img{height:auto;max-height:85vh;width:100%}.sdg-scroll-flow__svg-wrapper svg{max-height:85vh}.sdg-scroll-flow__content{position:relative;width:100%;z-index:5}.sdg-scroll-flow__step{border:none;min-height:100vh;padding:4rem 2rem}}