/* Client quotes stay editorial and readable; only the decorative artwork loops. */
body.auwave-site .client-feedback{padding:100px 0 110px;background:#f5f2e9;color:#30245f}
.client-feedback[hidden],.client-feedback [hidden]{display:none!important}
.feedback-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:40px}
.feedback-heading .section-index{margin:0 0 22px}
body.auwave-site .feedback-heading h2{margin:0;font-size:clamp(48px,6vw,84px);line-height:1.06}
.feedback-preview{max-width:270px;margin:0 0 6px;padding:12px 16px;border:1px dashed #aaa0be;color:#645c78;font-size:14px;line-height:1.5}
.feedback-stage{display:grid;grid-template-columns: .7fr 1.3fr;border:1px solid #d2cbdc;background:#fffdf8;overflow:hidden}
.feedback-art{position:relative;display:grid;place-items:center;min-width:0;overflow:hidden;background:#6045cf;isolation:isolate}
.feedback-quote-mark{position:relative;z-index:1;width:62%;max-width:270px;fill:#f5f2e9;animation:feedback-float 8s ease-in-out infinite;animation-play-state:paused}
.feedback-orbit{position:absolute;width:115%;aspect-ratio:1;border:1px solid #ffffff35;border-radius:50%;transform:translate(-24%,30%)}
.feedback-orbit-two{width:135%;transform:translate(30%,-30%)}
.feedback-spark{position:absolute;right:16%;top:18%;width:24px;height:24px;background:#bdacf7;border-radius:50%;animation:feedback-spark 8s ease-in-out infinite;animation-play-state:paused}
.feedback-moving :is(.feedback-quote-mark,.feedback-spark){animation-play-state:running}
.feedback-content{min-width:0;padding:clamp(28px,4vw,64px)}
.feedback-slides{display:grid;touch-action:pan-y}
.feedback-slide{grid-area:1/1;display:flex;flex-direction:column;margin:0;min-width:0;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .16s ease,transform .16s ease,visibility .16s}
.feedback-slide.is-current{opacity:1;visibility:visible;transform:none;transition:opacity .42s ease .16s,transform .6s cubic-bezier(.22,1,.36,1) .16s,visibility 0s .16s}
.feedback-client{margin:0 0 30px;color:#6045cf;font-size:16px;font-weight:500}
.feedback-slide blockquote{margin:0 0 32px;font-size:clamp(26px,2.6vw,38px);font-weight:400;line-height:1.3;letter-spacing:-.035em;overflow-wrap:anywhere}
.feedback-slide figcaption{display:flex;align-items:center;gap:16px;margin-top:auto}
.feedback-attribution{display:grid;gap:6px}.feedback-portrait{width:56px;height:56px;border-radius:50%;object-fit:cover;flex:none}
.feedback-full{margin-top:24px;font-size:16px;line-height:1.65}.feedback-full summary{cursor:pointer;color:#6045cf;min-height:44px;display:flex;align-items:center;gap:12px;list-style:none}.feedback-full summary::-webkit-details-marker{display:none}.feedback-full summary::after{content:"+";font-size:22px}.feedback-full[open] summary::after{content:"−"}.feedback-full p{margin:12px 0 0;color:#514865}
.feedback-name{font-size:17px;font-weight:500}.feedback-role{font-size:15px;line-height:1.5;color:#645c78}
.feedback-controls{display:flex;justify-content:space-between;align-items:center;margin-top:34px;padding-top:24px;border-top:1px solid #ddd5e4}
.feedback-count{font-size:15px;color:#645c78;font-variant-numeric:tabular-nums}
.feedback-arrows{display:flex;gap:10px}
.feedback-arrows button{display:grid;place-items:center;width:48px;height:48px;padding:12px;border:1px solid #c6bdd5;background:transparent;color:#30245f;border-radius:50%;cursor:pointer;transition:background .25s,color .25s,transform .25s}
.feedback-arrows button:hover{background:#6045cf;color:white;transform:translateY(-2px)}
.feedback-arrows svg{width:22px;fill:none;stroke:currentColor;stroke-width:1.5}
.client-feedback button:focus-visible{outline:3px solid #6045cf;outline-offset:4px;z-index:2}
.feedback-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@keyframes feedback-float{0%,100%{transform:translateY(8px) rotate(-5deg)}50%{transform:translateY(-8px) rotate(3deg)}}
@keyframes feedback-spark{0%,100%{transform:translate(0,0) scale(.8)}50%{transform:translate(-18px,22px) scale(1.1)}}
@media(max-width:760px){body.auwave-site .client-feedback{padding:64px 0}.feedback-heading{align-items:flex-start;flex-direction:column;gap:22px;margin-bottom:28px}.feedback-preview{max-width:none}.feedback-stage{grid-template-columns:1fr}.feedback-art{min-height:180px}.feedback-quote-mark{width:130px;height:120px}.feedback-orbit{width:70%;transform:translate(-45%,20%)}.feedback-orbit-two{transform:translate(50%,-20%)}.feedback-content{padding:28px 24px}.feedback-client{margin-bottom:24px}.feedback-slide blockquote{font-size:30px;margin-bottom:30px}.feedback-name{font-size:16px}.feedback-role{font-size:14px}}
@media(max-width:370px){.feedback-slide blockquote{font-size:27px}.feedback-content{padding:24px 20px}}
@media(prefers-reduced-motion:reduce){.client-feedback *{animation:none!important;transition:none!important}.feedback-slide{transform:none}}

/* Original client assets, comfortably below their native resolution. */
.client-carousel{padding:42px 0 46px;background:#f5f2e9;border-bottom:1px solid #d2cbdc}
.client-carousel-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px}
body.auwave-site .client-carousel h2{font-size:clamp(22px,2.2vw,30px);line-height:1.3;margin:0;letter-spacing:-.025em}
.client-logo-track{display:flex;gap:16px;margin:0;padding:4px 2px 16px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#c0b5d7 transparent;list-style:none}
.client-logo-card{flex:0 0 calc((100% - 48px)/4);height:132px;border:1px solid #d2cbdc;background:#fffdf8;display:flex;align-items:center;justify-content:center;gap:12px;scroll-snap-align:start;overflow:hidden;font-size:28px;font-weight:600;color:#30245f}
.client-logo-card img{max-width:76%;width:180px;height:74px;object-fit:contain;flex:none}
.client-logo-card img.client-symbol{width:42px;height:42px}.client-logo-card img.client-square{width:230px;height:230px;max-width:none}.client-logo-dark{background:#302b37}
.client-carousel button:focus-visible,.client-logo-track:focus-visible,.feedback-full summary:focus-visible{outline:3px solid #6045cf;outline-offset:4px}
@media(max-width:900px){.client-logo-card{flex-basis:calc((100% - 32px)/3)}}
@media(max-width:760px){.feedback-slide blockquote{font-size:27px}.client-carousel{padding:32px 0}.client-logo-card{flex-basis:76%;height:120px}.client-carousel-heading{gap:18px}.client-carousel-heading .feedback-arrows{flex:none}.client-carousel-heading button{width:44px;height:44px}.client-carousel h2{max-width:230px}}
