/* Two thick circular arcs, with the opening facing down. */
.v21-redesign #operation-data .operation-grid article::before{opacity:.38}
.v21-redesign .service-window::before,.v21-redesign .service-window::after{border-style:solid;border-color:#fff;box-shadow:none;background:none;mask-image:conic-gradient(from 150deg,transparent 0deg 60deg,#000 60deg 360deg);-webkit-mask-image:conic-gradient(from 150deg,transparent 0deg 60deg,#000 60deg 360deg)}
.v21-redesign .service-window::before{border-width:clamp(24px,4vw,60px)}
.v21-redesign .service-window::after{width:calc(var(--ring-size) - clamp(24px,4vw,60px) * 2 - 24px);height:calc(var(--ring-size) - clamp(24px,4vw,60px) * 2 - 24px);top:calc(var(--orbit-center) - var(--ring-size) / 2 + clamp(24px,4vw,60px) + 12px);border-width:clamp(18px,3vw,44px)}
.v21-redesign .service-card[data-position] .service-picture{transform:rotate(var(--orbit-angle)) translateY(calc(-1 * var(--orbit-radius))) scale(.82)}
.v21-redesign .service-card[data-position=center] .service-picture{transform:rotate(var(--orbit-angle)) translateY(calc(-1 * var(--orbit-radius) - var(--art-size) * .25)) scale(1.6)}
@media(max-width:767px){
.v21-redesign .service-card[data-position=center] .service-picture{transform:rotate(var(--orbit-angle)) translateY(calc(-1 * var(--orbit-radius) - var(--art-size) * .18)) scale(1.4)}
.v21-redesign .service-card[data-position=prev] .service-picture{transform:rotate(calc(var(--orbit-angle) - 20deg)) translateY(calc(-1 * var(--orbit-radius))) rotate(20deg) scale(.82)}
.v21-redesign .service-card[data-position=next] .service-picture{transform:rotate(calc(var(--orbit-angle) + 20deg)) translateY(calc(-1 * var(--orbit-radius))) rotate(-20deg) scale(.82)}
}