.circle-image{aspect-ratio:1/1;position:relative;margin-top:0;margin-bottom:0}.image:has(.circle-image){aspect-ratio:1/1}.circle-image .circle-border{border-width:1.5em;border-style:solid;border-radius:100%;display:block;height:100%;position:absolute;z-index:2;top:0;width:100%}.circle-border-hover{border-style:solid;border-radius:100%;display:block;height:100%;position:absolute;z-index:3;top:0;width:100%}.circle-image-both{width:100%;height:100%;background:var(--pink);border-radius:100%;opacity:.01;overflow:hidden}.circle-image-both.second-image{display:flex}.circle-image-border{border:15px solid var(--blue);border-radius:100%;display:block;height:100%;position:absolute;z-index:2;top:0;width:100%}.circle-image-both>div{width:100%;height:100%}.circle-image-both.second-image>div{width:50%;height:100%;opacity:.01}.js [data-inview] .circle-image,.js [data-inview] .circle-image-both{opacity:.01}[data-inview] .circle-image{--startValue:.5;--endValue:1;--intensity:.5;--duration:1.5s;--elastic1:calc(var(--endValue) + calc(calc(var(--startValue) - var(--endValue))));--elastic2:calc(var(--endValue) + calc(calc(var(--startValue) - var(--endValue)) * calc(var(--intensity) * -0.32)));--elastic3:calc(var(--endValue) + calc(calc(var(--startValue) - var(--endValue)) * calc(var(--intensity) * 0.13)));--elastic4:calc(var(--endValue) + calc(calc(var(--startValue) - var(--endValue)) * calc(var(--intensity) * -0.05)));--elastic5:calc(var(--endValue) + calc(calc(var(--startValue) - var(--endValue)) * calc(var(--intensity) * 0.02)));--elastic6:calc(var(--endValue) + calc(calc(var(--startValue) - var(--endValue)) * calc(var(--intensity) * -0.01)))}@media (prefers-reduced-motion:reduce){[data-inview] .circle-image{--startValue:.75;--endValue:1;--intensity:.25;--duration:3s;--elastic1:calc(var(--endValue) + calc(calc(var(--startValue) - var(--endValue))));--elastic2:calc(var(--endValue) + calc(calc(var(--startValue) - var(--endValue)) * calc(var(--intensity) * -0.32)));--elastic3:calc(var(--endValue) + calc(calc(var(--startValue) - var(--endValue)) * calc(var(--intensity) * 0.13)));--elastic4:calc(var(--endValue) + calc(calc(var(--startValue) - var(--endValue)) * calc(var(--intensity) * -0.05)));--elastic5:calc(var(--endValue) + calc(calc(var(--startValue) - var(--endValue)) * calc(var(--intensity) * 0.02)));--elastic6:calc(var(--endValue) + calc(calc(var(--startValue) - var(--endValue)) * calc(var(--intensity) * -0.01)))}}.js .lz [data-inview].inview .circle-image,.js .lz [data-inview].outview .circle-image{animation:elasticScale var(--duration) forwards ease-in-out var(--delay);opacity:1}[data-inview] .circle-image-both{--startValue:90deg;--endValue:0deg;--intensity:.5;--elastic1:calc(var(--endValue) + calc(calc(var(--startValue) - var(--endValue))));--elastic2:calc(var(--endValue) + calc(calc(var(--startValue) - var(--endValue)) * calc(var(--intensity) * -0.32)));--elastic3:calc(var(--endValue) + calc(calc(var(--startValue) - var(--endValue)) * calc(var(--intensity) * 0.13)));--elastic4:calc(var(--endValue) + calc(calc(var(--startValue) - var(--endValue)) * calc(var(--intensity) * -0.05)));--elastic5:calc(var(--endValue) + calc(calc(var(--startValue) - var(--endValue)) * calc(var(--intensity) * 0.02)));--elastic6:calc(var(--endValue) + calc(calc(var(--startValue) - var(--endValue)) * calc(var(--intensity) * -0.01)))}@media (prefers-reduced-motion:reduce){[data-inview] .circle-image-both{--startValue:90deg;--endValue:0deg;--intensity:.25;--elastic1:calc(var(--endValue) + calc(calc(var(--startValue) - var(--endValue))));--elastic2:calc(var(--endValue) + calc(calc(var(--startValue) - var(--endValue)) * calc(var(--intensity) * -0.32)));--elastic3:calc(var(--endValue) + calc(calc(var(--startValue) - var(--endValue)) * calc(var(--intensity) * 0.13)));--elastic4:calc(var(--endValue) + calc(calc(var(--startValue) - var(--endValue)) * calc(var(--intensity) * -0.05)));--elastic5:calc(var(--endValue) + calc(calc(var(--startValue) - var(--endValue)) * calc(var(--intensity) * 0.02)));--elastic6:calc(var(--endValue) + calc(calc(var(--startValue) - var(--endValue)) * calc(var(--intensity) * -0.01)))}}.js .lz [data-inview].inview .circle-image-both,.js .lz [data-inview].outview .circle-image-both{animation:elasticRotate var(--duration) forwards ease-in-out var(--delay);opacity:1}[data-inview] .circle-image .circle-border{opacity:.01;transition:.25s border-width ease-in-out;--startValue:10em;--endValue:1em;--intensity:1;--duration:2s;--elastic1:calc(var(--endValue) + calc(calc(var(--startValue) - var(--endValue))));--elastic2:calc(var(--endValue) + calc(calc(var(--startValue) - var(--endValue)) * calc(var(--intensity) * -0.32)));--elastic3:calc(var(--endValue) + calc(calc(var(--startValue) - var(--endValue)) * calc(var(--intensity) * 0.13)));--elastic4:calc(var(--endValue) + calc(calc(var(--startValue) - var(--endValue)) * calc(var(--intensity) * -0.05)));--elastic5:calc(var(--endValue) + calc(calc(var(--startValue) - var(--endValue)) * calc(var(--intensity) * 0.02)));--elastic6:calc(var(--endValue) + calc(calc(var(--startValue) - var(--endValue)) * calc(var(--intensity) * -0.01)))}@media (prefers-reduced-motion:reduce){[data-inview] .circle-image .circle-border{opacity:1;transition:.5s border-width ease-in-out;--startValue:5em;--endValue:1em;--intensity:.5;--duration:4s;--elastic1:calc(var(--endValue) + calc(calc(var(--startValue) - var(--endValue))));--elastic2:calc(var(--endValue) + calc(calc(var(--startValue) - var(--endValue)) * calc(var(--intensity) * -0.32)));--elastic3:calc(var(--endValue) + calc(calc(var(--startValue) - var(--endValue)) * calc(var(--intensity) * 0.13)));--elastic4:calc(var(--endValue) + calc(calc(var(--startValue) - var(--endValue)) * calc(var(--intensity) * -0.05)));--elastic5:calc(var(--endValue) + calc(calc(var(--startValue) - var(--endValue)) * calc(var(--intensity) * 0.02)));--elastic6:calc(var(--endValue) + calc(calc(var(--startValue) - var(--endValue)) * calc(var(--intensity) * -0.01)))}}.js .lz [data-inview].inview .circle-image .circle-border,.js .lz [data-inview].outview .circle-image .circle-border{animation:elasticBorder var(--duration) forwards ease-in-out var(--delay);opacity:1}.circle-image .circle-border-hover{transition:border-width .5s ease,opacity 1ms .5s ease;border-width:1em;opacity:.001}a:hover .circle-image .circle-border-hover{transition:border-width .5s ease,opacity 1ms ease;border-width:calc(1.5em * 2);opacity:1}.circle-image .circle-image-both img{transition:.5s transform cubic-bezier(.66,.22,.54,1.22);opacity:1}a:hover .circle-image .circle-image-both img{transform:scale(1.1)}.circle-image.half .circle-border,.circle-image.half .circle-border-hover,.circle-image.half .circle-image-both{border-radius:0 0 50% 50% / 0 0 100% 100%;border-top:0}.circle-image.half{aspect-ratio:1 / .5;border-radius:0 0 50% 50% / 0 0 100% 100%;border-top:0;opacity:.001}.align-center img,img.align-center{object-position:center}.align-top img,img.align-top{object-position:top}.align-bottom img,img.align-bottom{object-position:bottom}.align-left img,img.align-left{object-position:left}.align-right img,img.align-right{object-position:right}.align-top-left img,img.align-top-left{object-position:top left}.align-top-right img,img.align-top-right{object-position:top right}.align-bottom-left img,img.align-bottom-left{object-position:bottom left}.align-bottom-right img,img.align-bottom-right{object-position:bottom right}.align-center-left img,img.align-center-left{object-position:center left}.align-center-right img,img.align-center-right{object-position:center right}.circle-image .second-image .circle-image-left img{object-position:center left}.circle-image .second-image .circle-image-right img{object-position:center right}