.clientCircleViewport{position:relative;background:#fff;overflow:hidden;margin-top:12px}
.clientCircleText{margin:0;font:700 clamp(2.3rem,5vw,4.7rem)/1.06 "Roboto Condensed",Roboto,Arial,sans-serif;letter-spacing:-.025em;color:#075743;text-align:center}
.clientCircleLine{display:block;white-space:nowrap}
.clientCircleWord{display:inline-block;overflow:hidden;vertical-align:top;padding:.05em 0}
.clientCircleWord>span{display:inline-block}
.clientCircleText .clientCircleLine:last-child{color:#075743}
.clientCircleAbove{display:none}
.clientCircleList{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding:34px 0;margin:0}
.clientCircleCard{list-style:none;margin:0;min-width:0}
.clientCircleCard figure{margin:0;display:flex;align-items:center;flex-direction:column}
.clientCircleCard img{width:148px;max-width:100%;height:auto;aspect-ratio:1;object-fit:contain;padding:24px;background:#fff;border:1px solid #dce7e1;border-radius:50%;box-shadow:0 12px 30px #07574314}
.clientCircleCard figcaption{font:500 .8rem/1.3 "Roboto Condensed",Roboto,sans-serif;color:#075743;text-align:center;padding:10px 5px}
.clientCircle[data-mode=circle] .clientCircleViewport{height:clamp(480px,52vw,650px)}
.clientCircle[data-mode=circle] .clientCircleText{position:absolute;left:50%;top:50%;width:90%;max-width:940px;transform:translate(-50%,-50%);z-index:1}
.clientCircle[data-mode=circle] .clientCircleAbove{display:flex;align-items:center;justify-content:center;position:absolute;inset:0;clip-path:inset(0 50% 0 0);pointer-events:none;z-index:3}
.clientCircleAbove .clientCircleText{z-index:auto}
.clientCircle[data-mode=circle] .clientCircleList{position:absolute;inset:0;display:block;padding:0;z-index:2;perspective:1200px}
.clientCircle[data-mode=circle] .clientCircleCard{position:absolute;left:50%;top:50%;will-change:transform,opacity}
.clientCircle[data-mode=circle] .clientCircleCard figure{width:100%;height:100%}
.clientCircle[data-mode=circle] .clientCircleCard img{width:100%;height:100%;padding:18%;flex:none}
.clientCircle[data-mode=circle] .clientCircleCard figcaption{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);padding:0;white-space:nowrap}
.clientCircle[data-mode=grid] .clientCircleCard{width:auto!important;height:auto!important;margin:0!important;transform:none!important;opacity:1!important}
.clientCircleContext{color:var(--muted);font-size:.97rem;line-height:1.65;max-width:800px;margin:0 auto;text-align:center}
.clientCircleToolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:24px}
.clientCircleToolbar>p{font-size:.83rem;color:var(--muted)}
.clientCircleControls{display:flex;gap:10px;align-items:center}
.clientCircleControls[hidden],.clientCircleControls button[hidden]{display:none}
.clientCircleControls button{min-height:44px;padding:10px 15px;border:1px solid #bfcfc6;background:#fff;color:#075743;border-radius:5px;font:600 .85rem "Roboto Condensed",Roboto,sans-serif;cursor:pointer;transition:transform 150ms cubic-bezier(.23,1,.32,1),border-color 150ms ease}
.clientCircleControls button:active{transform:scale(.97)}
.clientCircleControls button:focus-visible{outline:2px solid #075743;outline-offset:3px}
@media(hover:hover) and (pointer:fine){.clientCircleControls button:hover{border-color:#075743}}
@media(max-width:850px){.clientCircleList{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.clientCircleText{font-size:clamp(2.2rem,6vw,3.8rem)}}
@media(max-width:540px){.clientCircle[data-mode=circle] .clientCircleViewport{height:420px}.clientCircleText{font-size:clamp(1.65rem,7.8vw,2.4rem);line-height:1.12}.clientCircleList{gap:16px;padding:28px 0}.clientCircle[data-mode=grid] .clientCircleCard img{padding:18px}.clientCircleContext{font-size:.9rem}.clientCircleToolbar{flex-direction:column;align-items:flex-start;gap:14px;margin-top:20px}.clientCircleControls{flex-wrap:wrap}.clientCircleControls button{font-size:.82rem}}
@media(prefers-reduced-motion:reduce){.clientCircleControls button{transition:none}.clientCircleControls button:active{transform:none}}

@media(max-width:540px){.clientCircleText{font-size:clamp(1.05rem,6.4vw,1.9rem)}}