.testimonials-section { overflow: hidden; background: #000; }
.testimonials-section .testimonial-layout { display: block; position: relative; height: 440px; margin: 56px auto 0; padding: 0; overflow: visible; scroll-snap-type: none; isolation: isolate; }
.testimonial-layout .testimonial-card { position: absolute; left: 50%; top: 0; width: min(520px, 46vw); height: 420px; min-height: 0; padding: 32px; gap: 20px; border: 1px solid rgba(255,255,255,.16); background: #141414; border-radius: 4px; transform: translateX(calc(-50% + var(--offset) * 72%)) scale(.9); opacity: .3; z-index: 1; transition: transform 750ms cubic-bezier(.22,1,.36,1), opacity 650ms, background 650ms; pointer-events: none; }
.testimonial-layout .testimonial-card.is-active { transform: translateX(-50%) scale(1); opacity: 1; z-index: 3; background: linear-gradient(135deg,#562718,#281511); pointer-events: auto; }
.testimonial-layout .testimonial-card.is-far { opacity: .13; z-index: 0; }
.testimonial-layout .testimonial-quote { margin: 0 auto auto 0; font-size: 24px; line-height: 1.4; color: #fff; }
.testimonial-layout .testimonial-client { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: auto; order: 2; }
.testimonial-layout .testimonial-name { font-size: 22px; font-weight: 600; letter-spacing: -.5px; margin: 0; }
.testimonial-layout .testimonial-logo { display: none; }
.testimonial-layout .testimonial-speaker { color: #ddd; font-size: 18px; line-height: 1.45; }
.testimonial-layout .testimonial-speaker span { display: block; color: #aaa; }
.testimonial-layout .testimonial-result { display: flex; align-items: baseline; gap: 12px; margin: 0; order: 1; }
.testimonial-layout .testimonial-result-value { font-size: 32px; color: #f46a44; }
.testimonial-layout .testimonial-result-label { font-size: 18px; }
.testimonial-carousel-controls { display: flex; justify-content: space-between; align-items: center; gap: 24px; margin-top: 22px; }
.testimonial-pagination { display: flex; gap: 8px; }
.testimonial-pagination button { width: 22px; height: 24px; background: transparent; padding: 10px 0; border: 0; cursor: pointer; }
.testimonial-pagination button::after { content: ''; display: block; height: 2px; width: 100%; background: #555; transition: background 200ms; }
.testimonial-pagination button[aria-pressed=true]::after { background: #df4a27; }
.testimonial-carousel-buttons { display: flex; gap: 10px; }
.testimonial-carousel-buttons button { width: 44px; height: 44px; border: 1px solid #444; border-radius: 50%; color: #fff; background: #151515; font: inherit; font-size: 24px; cursor: pointer; }
.testimonial-carousel-buttons button:hover { background: #df4a27; border-color: #df4a27; }
.testimonial-carousel-controls button:focus-visible { outline: 2px solid #df4a27; outline-offset: 4px; }
@media(max-width:760px) { .testimonials-section .testimonial-layout { height: 470px; margin-top: 36px; } .testimonial-layout .testimonial-card { width: min(520px,82vw); height: 450px; padding: 24px; } .testimonial-layout .testimonial-quote { font-size: 22px; } .testimonial-layout .testimonial-client { align-items: flex-start; } .testimonial-layout .testimonial-name { font-size: 20px; } }
@media(prefers-reduced-motion:reduce) { .testimonial-layout .testimonial-card { transition: none; } }