.three-circles{--tc-dur:1300ms;--tc-stagger:calc(var(--tc-dur)*0.3);aspect-ratio:2648/2521;color:#fff;container-type:inline-size;position:relative;width:100%}.three-circles__svg{display:block;height:100%;overflow:visible;width:100%}.three-circles__fill{mix-blend-mode:multiply}.three-circles__label{align-items:center;display:flex;flex-direction:column;font-size:max(14px,2.72cqw);line-height:1.25;position:absolute;text-align:center;transform:translate(-50%,-50%);white-space:nowrap}.three-circles__label--outer{left:43.4%;top:12.8%}.three-circles__label--middle{left:52.6%;top:33.4%}.three-circles__label--inner{left:59.5%;top:64.2%}.three-circles__title{font-weight:600}.three-circles__subtitle{font-weight:350}.three-circles--js .three-circles__ring{transform:scale(0);transform-box:fill-box;transform-origin:85.36% 85.36%}.three-circles--js .three-circles__label{opacity:0;transform:translate(-50%,calc(-50% + .6em))}.three-circles--js.is-visible .three-circles__ring{transform:scale(1);transition:transform var(--tc-dur) cubic-bezier(.34,1.25,.64,1);transition-delay:calc(var(--i)*var(--tc-stagger))}.three-circles--js.is-visible .three-circles__label{opacity:1;transform:translate(-50%,-50%);transition:opacity calc(var(--tc-dur)*.7) ease-out,transform calc(var(--tc-dur)*.7) ease-out;transition-delay:calc(var(--i)*var(--tc-stagger) + var(--tc-dur)*.5)}@media (prefers-reduced-motion:reduce){.three-circles--js .three-circles__label,.three-circles--js .three-circles__ring{opacity:1;transform:none;transition:none!important}.three-circles--js .three-circles__label{transform:translate(-50%,-50%)}}