.content-circles{min-height:100vh;position:relative}.content-circles .bg-video{height:100vh;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:-1}.content-circles .bg-video video{mix-blend-mode:color-dodge;pointer-events:none}.content-circles .bg-video video::-webkit-media-controls-fullscreen-button,.content-circles .bg-video video::-webkit-media-controls-start-playback-button{display:none}.content-circles .container{height:100%;width:100%}.content-circles__container{min-height:100vh;padding:3rem;position:relative}.content-circles__circle--central,.content-circles__circle--outer{align-items:center;background-position:50%;background-size:cover;border:1px solid transparent;border-radius:50%;display:flex;justify-content:center;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .5s ease-out}.content-circles__circle:before{background-color:#fff;content:"";height:1px;left:calc(100% + 2rem);opacity:var(--opacity);position:absolute;top:50%;transform:translateY(-50%);width:calc(var(--width) - 4rem)}.content-circles__circle--central{height:var(--circle-size);width:var(--circle-size)}.scrolled-past-circle{background-color:#181c1b;background-image:none!important;border:1px solid #fff;color:#fff}.content-circles__circle__upper-text{position:absolute;top:calc(var(--circumference)/2 - .5em)}.content-circles__circle__lower-text{bottom:calc(var(--circumference)/2 - .5em);position:absolute}.content-circles__circle__side-text{color:#fff;position:absolute;right:5rem;top:50%;transform:translateY(-50%);width:calc(330px - 5rem)}.content-circles__circle__side{opacity:0;position:absolute;top:0;transform:translateY(-50%)}@media only screen and (max-width:1600px){.content-circles__circle{--circle-size:8vw}}@media only screen and (max-width:1240px){.content-circles__circle__side-text{max-width:calc(400px - 5rem);width:50%}.content-circles__circle--central,.content-circles__circle--outer{left:30%}}@media only screen and (max-width:1000px){.content-circles__circle{--circle-size:10vw}.content-circles__circle--central,.content-circles__circle--outer{left:50%;top:220px}.content-circles__circle__side-text{bottom:50px;color:#fff;height:250px;left:50%;max-width:none;position:absolute;right:unset;text-align:center;top:unset;transform:translateX(-50%);width:100%;width:80%}.content-circles__circle__side{opacity:0;position:absolute;top:50%;transform:translateY(-50%)}.content-circles__circle__lower-text,.content-circles__circle__side-text,.content-circles__circle__upper-text{font-size:1.4rem}}@media only screen and (max-width:960px){.content-circles__circle{--circle-size:90px}.content-circles__circle__side-text{height:290px;width:90%}.content-circles__circle:before{display:none}.content-circles__circle--central,.content-circles__circle--outer{top:50%}.content-circles__circle__lower-text,.content-circles__circle__side-text,.content-circles__circle__upper-text{font-size:1.5rem}.content-circles__circle__side{bottom:0;left:50%;text-wrap:pretty;top:unset;transform:none;transform:translateX(-50%);width:90%}}@media only screen and (max-width:600px){.content-circles__circle--central,.content-circles__circle--outer{top:calc(50% - var(--headerHeight, 70px)*2)}}@media only screen and (max-width:470px){.content-circles__circle__side{width:95%}.content-circles__circle{--circle-size:80px}}@media only screen and (max-width:400px){.content-circles__circle{--circle-size:70px}.content-circles__circle__lower-text,.content-circles__circle__upper-text{font-size:1.6rem}.content-circles__circle__side-text{font-size:1.4rem}}