/* Timed client stories, with the portrait beside the client details. */
.testimonials.section-grid{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.8fr);gap:clamp(48px,7.5vw,140px);align-items:start;padding:88px var(--page-pad) 110px;background:#0d0e0c;color:#f0f0e9;border-bottom:1px solid #2b2d27}
.testimonials.section-grid:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}
.testimonials.section-grid>.section-aside{display:block;min-width:0}
.testimonials .testimonial-progress{height:1px;width:100%;overflow:hidden;background:#45473f}
.testimonials .testimonial-progress>span{display:block;width:100%;height:100%;background:#eeeee5;transform:scaleX(0);transform-origin:left;will-change:transform}
.testimonials .testimonial-controls{display:flex;align-items:center;gap:2px;padding:9px 0 0;margin:0}
.testimonials .testimonial-controls .circle-button{display:grid;place-items:center;width:30px;height:30px;flex:0 0 30px;padding:0;border:0;border-radius:0;background:transparent;color:#eeeee5;font:25px/1 var(--font)}
.testimonials .testimonial-controls .circle-button:hover{background:#30342a;color:#fff}
.testimonials .testimonial-controls .testimonial-pause{margin-left:8px;font:13px/1 var(--mono);color:#a8ac9f}
.testimonials .testimonial-controls>[data-testimonial-counter]{margin:0 0 0 auto;color:#a8ac9f;font-size:10px}
.testimonials .testimonial-slot{max-width:none;margin:34px 0 0;overflow:hidden}
.testimonials .testimonial-quote{margin:0;min-height:8.4em;font:19px/1.4 var(--font);letter-spacing:-.025em}
.testimonials .testimonial-quote p{max-width:none;margin:0}
.testimonials .quote-line-mask{display:block;overflow:clip}
.testimonials .quote-line{display:block;will-change:transform,opacity}
.testimonials .client-placeholder{display:flex;flex-direction:row;align-items:center;gap:12px;margin-top:28px;color:#eee;overflow:hidden;font:14px/1.4 var(--font)}
.testimonials .client-details{display:flex;flex-direction:column;gap:2px;min-width:0}
.testimonials .client-details>[data-testimonial-service]{color:#9ca294}
.testimonials .testimonial-slot>.testimonial-context{margin-top:26px;color:#9ca294;text-transform:uppercase;font-size:10px;letter-spacing:.015em}
.testimonials .testimonial-content{min-width:0}
.testimonials .testimonial-content .feedback-statement{font:600 clamp(30px,2.9vw,56px)/1.14 var(--font);letter-spacing:-.05em;text-transform:none;max-width:none;margin:0}
.testimonials .testimonial-content .feedback-closing{margin-top:1.15em}
.testimonials .client-avatar{display:block;position:relative;flex:0 0 44px;width:44px;height:44px;margin:0;border-radius:50%;overflow:hidden;background:var(--avatar-color);color:#32392c;isolation:isolate}
.testimonials .client-avatar>svg{display:block;width:100%;height:100%;transform:translateY(3%)}
@media(max-width:1100px) and (min-width:901px){.testimonials .testimonial-quote{font-size:17px}}
@media(max-width:900px){.testimonials.section-grid{grid-template-columns:minmax(0,1fr);gap:58px;padding-top:55px;padding-bottom:70px}.testimonials .section-aside{width:100%;max-width:480px}.testimonials .testimonial-quote{min-height:9em;font-size:19px}.testimonials .testimonial-content .feedback-statement{font-size:clamp(29px,4.7vw,42px)}}
@media(max-width:620px){.testimonials.section-grid{gap:48px}.testimonials .testimonial-slot{margin-top:28px;max-width:none}.testimonials .testimonial-quote{font-size:18px;min-height:12em}.testimonials .testimonial-content .feedback-statement{font-size:clamp(25px,6.8vw,34px);line-height:1.16;letter-spacing:-.045em}.testimonials .testimonial-content .feedback-closing{margin-top:1em}.testimonials .client-placeholder{margin-top:22px}.testimonials .testimonial-context{margin-top:20px}}
@media(prefers-reduced-motion:reduce){.testimonials .quote-line,.testimonials .testimonial-progress>span{will-change:auto}}
