@property --review-angle{syntax:'<angle>';initial-value:0deg;inherits:false}
.testimonials-section{overflow:hidden;background:transparent}
.testimonials-head{text-align:center;margin-bottom:38px}
.testimonials-head>div:first-child{max-width:800px;margin-inline:auto}
.testimonials-head .lede{margin-inline:auto}
.testimonials-controls{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:26px}
.testimonials-controls[hidden]{display:none}
.testimonials-controls button{border:1px solid rgba(242,80,255,.4);background:transparent;color:var(--text,#e4dae4);cursor:pointer;border-radius:50%;min-width:44px;min-height:44px;font-size:20px;transition:background .2s}
.testimonials-controls .review-pause{font:600 12px var(--font-ui);border-radius:24px;padding:0 16px;min-width:125px}
.testimonials-controls button:hover{background:rgba(242,80,255,.12)}
.testimonials-controls button:focus-visible,.testimonials-track:focus-visible{outline:2px solid #f250ff;outline-offset:4px}
.testimonials-track{max-width:900px;margin-inline:auto;padding:8px 24px 16px;overflow:hidden;touch-action:pan-y}
.testimonials-group{display:grid;gap:24px}
.testimonials-group.is-slider{display:block;position:relative;isolation:isolate}
.is-slider>.testimonial-card{position:absolute;top:0;left:0;visibility:hidden;pointer-events:none}
.is-slider>.testimonial-card.is-active{visibility:visible;pointer-events:auto}
.testimonial-card{position:relative;box-sizing:border-box;width:100%;min-width:0;margin:0;display:flex;flex-direction:column;text-align:center;padding:36px 52px;background:#1b101f;border:1px solid #f250ff;border-radius:18px;box-shadow:0 0 22px #f250ff0d}
.testimonial-card::before{content:'';pointer-events:none;position:absolute;inset:-1px;padding:2px;border-radius:inherit;background:conic-gradient(from var(--review-angle),transparent 0deg,transparent 298deg,#ffffff20 320deg,#fff 341deg,transparent 355deg);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;animation:review-border-light 6s linear infinite}
@keyframes review-border-light{to{--review-angle:360deg}}
.review-mark{font:76px/.8 Georgia,serif;color:#f250ff;height:56px;display:block}
.testimonial-card blockquote{margin:0 0 30px;padding:0;border:0;flex:1}
.testimonial-card blockquote p{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-size:clamp(21px,2.3vw,28px);line-height:1.65;color:#e4dae4;margin:0;overflow-wrap:anywhere}
.testimonial-card figcaption{border-top:1px solid #f250ff2e;padding-top:22px;display:flex;gap:14px;align-items:center;justify-content:center;font-family:var(--font-ui)}
.review-avatar{display:grid;place-items:center;width:40px;height:40px;flex-shrink:0;border-radius:50%;background:#f250ff15;color:#f250ff;font-size:12px;font-weight:600}
.testimonial-card figcaption strong{display:block;font-size:15px;color:#e4dae4}
.review-detail{display:block;font-size:13px;color:#bcaec0;margin-top:4px;overflow-wrap:anywhere}
@media(max-width:760px){.testimonials-head{margin-bottom:26px}.testimonial-card{padding:28px 22px}.testimonials-track{padding-inline:20px}}
@media(prefers-reduced-motion:reduce){.testimonial-card::before{animation:none}.testimonials-controls button{transition:none}}

/* Keep the portfolio and its client feedback visually connected. */
.work-section:has(+ .testimonials-section){padding-bottom:36px}
.work-section + .testimonials-section{padding-top:36px}
@media(max-width:760px){.work-section:has(+ .testimonials-section){padding-bottom:24px}.work-section + .testimonials-section{padding-top:28px}}