.home-testimonials { position: relative; width: 100vw; margin-inline: calc(50% - 50vw); overflow: hidden; padding-block: clamp(5.5rem, 10vw, 10rem); background: #17362d; color: var(--color-surface); isolation: isolate; }
.home-testimonials::before { position: absolute; inset: 1.25rem; border: 1px solid rgba(198,166,103,.18); border-radius: clamp(1.5rem, 4vw, 4rem); content: ""; pointer-events: none; }
.home-testimonials__aura { position: absolute; z-index: -1; width: 34rem; height: 34rem; border-radius: 50%; filter: blur(12px); opacity: .46; }
.home-testimonials__aura--one { top: -15rem; right: -12rem; background: radial-gradient(circle, rgba(198,166,103,.45), transparent 66%); }
.home-testimonials__aura--two { bottom: -21rem; left: -13rem; background: radial-gradient(circle, rgba(82,136,109,.52), transparent 66%); }
.home-testimonials__layout { display: grid; grid-template-columns: minmax(0, .82fr) minmax(23rem, 1fr) minmax(16rem, .62fr); align-items: center; gap: clamp(2.5rem, 5vw, 6rem); }
.home-testimonials__eyebrow { display: flex; align-items: center; gap: .75rem; margin: 0 0 1.5rem; color: var(--color-secondary); font: 700 var(--font-size-xs)/1 var(--font-accent); letter-spacing: .18em; text-transform: uppercase; }
.home-testimonials__eyebrow::before { width: 2.7rem; height: 1px; background: currentColor; content: ""; }
.home-testimonials__title { margin: 0; font: 600 clamp(3.3rem, 5.4vw, 6.1rem)/.87 var(--font-heading); letter-spacing: -.05em; }
.home-testimonials__title em { color: var(--color-secondary); font-weight: 500; }
.home-testimonials__lead { max-width: 31rem; margin: 2rem 0; color: rgba(255,255,255,.68); line-height: 1.8; }
.home-testimonials__meta { display: grid; gap: .5rem; color: rgba(255,255,255,.55); font-size: var(--font-size-sm); }
.home-testimonials__rating { color: var(--color-secondary); font-size: 1rem; letter-spacing: .22em; }
.home-testimonials__stage { position: relative; min-height: clamp(27rem, 39vw, 35rem); perspective: 1500px; }
.testimonial-card { position: absolute; width: min(76%, 23rem); aspect-ratio: .73; overflow: hidden; border: 1px solid rgba(255,255,255,.28); border-radius: 1.5rem; background: #23483c; box-shadow: 0 2rem 4rem rgba(4,19,14,.35); transform-style: preserve-3d; transition: transform 600ms cubic-bezier(.22,1,.36,1), filter 400ms ease, opacity 400ms ease; cursor: pointer; }
.testimonial-card img, .testimonial-card__shade { position: absolute; inset: 0; width: 100%; height: 100%; }
.testimonial-card img { object-fit: cover; }
.testimonial-card__shade { background: linear-gradient(180deg, rgba(8,25,19,.03), rgba(8,25,19,.77)); }
.testimonial-card--back { top: 1.7rem; right: 0; opacity: .62; transform: rotateZ(10deg) rotateY(-17deg) translateZ(-95px); }
.testimonial-card--middle { top: .9rem; left: 8%; opacity: .8; transform: rotateZ(-7deg) rotateY(12deg) translateZ(-42px); }
.testimonial-card--front { z-index: 2; bottom: 0; left: 18%; transform: rotateZ(2deg) translateZ(28px); }
.testimonial-card:hover, .testimonial-card:focus-within { filter: brightness(1.08); }
.testimonial-card--front:hover { transform: rotateZ(0deg) translateY(-.55rem) translateZ(40px); }
.testimonial-card__location { position: absolute; bottom: 1.2rem; left: 1.2rem; margin: 0; color: rgba(255,255,255,.77); font-size: .67rem; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; }
.testimonial-card__play { position: absolute; top: 50%; left: 50%; display: grid; place-items: center; width: 4.3rem; height: 4.3rem; padding-left: .2rem; border: 1px solid rgba(255,255,255,.62); border-radius: 50%; background: rgba(255,255,255,.15); box-shadow: 0 0 0 .7rem rgba(255,255,255,.09); color: var(--color-surface); backdrop-filter: blur(10px); transform: translate(-50%,-50%); transition: transform var(--transition-default), background var(--transition-default); }
.testimonial-card__play:hover, .testimonial-card__play:focus-visible { background: var(--color-secondary); color: var(--color-primary-strong); transform: translate(-50%,-50%) scale(1.1); }
.testimonial-card__caption { position: absolute; right: 1.35rem; bottom: 1.35rem; left: 1.35rem; display: grid; gap: .4rem; }
.testimonial-card__caption span { color: var(--color-secondary); font-size: .66rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.testimonial-card__caption strong { max-width: 13rem; font: 600 1.5rem/1 var(--font-heading); }
.home-testimonials__gesture { position: absolute; right: 0; bottom: -.1rem; margin: 0; color: rgba(255,255,255,.45); font-size: .68rem; letter-spacing: .08em; text-transform: uppercase; }
.home-testimonials__gesture span { margin-right: .4rem; color: var(--color-secondary); font-size: 1rem; }
.home-testimonials__story { padding-left: clamp(1.5rem, 3vw, 3.5rem); border-left: 1px solid rgba(255,255,255,.18); }
.home-testimonials__story-index { color: var(--color-secondary); font: 700 var(--font-size-xs)/1 var(--font-accent); letter-spacing: .14em; }
.home-testimonials blockquote { margin: 1.6rem 0 2rem; font: 500 clamp(1.7rem, 2.3vw, 2.45rem)/1.08 var(--font-heading); letter-spacing: -.025em; }
.home-testimonials__person { display: flex; align-items: center; gap: .85rem; }
.home-testimonials__initials { display: grid; place-items: center; width: 2.65rem; height: 2.65rem; border: 1px solid rgba(198,166,103,.62); border-radius: 50%; color: var(--color-secondary); font: 600 1rem var(--font-heading); }
.home-testimonials__person p { display: grid; gap: .25rem; margin: 0; font-size: var(--font-size-sm); }.home-testimonials__person span { color: rgba(255,255,255,.52); font-size: .71rem; }
.home-testimonials__controls { display: flex; gap: .55rem; margin-top: 2.2rem; }.home-testimonials__controls button { width: 2.25rem; height: .22rem; padding: 0; border: 0; background: rgba(255,255,255,.24); transition: background var(--transition-default), transform var(--transition-default); }.home-testimonials__controls button:hover, .home-testimonials__controls button:focus-visible, .home-testimonials__controls button.is-active { background: var(--color-secondary); transform: scaleX(1.2); }
@media (max-width: 1100px) { .home-testimonials__layout { grid-template-columns: minmax(0, .85fr) minmax(21rem, 1fr); }.home-testimonials__story { grid-column: 1 / -1; max-width: 45rem; }.home-testimonials__stage { grid-row: span 2; } }
@media (max-width: 700px) { .home-testimonials::before { inset: .6rem; }.home-testimonials__layout { grid-template-columns: 1fr; }.home-testimonials__stage { width: min(100%, 29rem); min-height: 28rem; margin-inline: auto; grid-row: auto; }.testimonial-card--front { left: 13%; }.testimonial-card--middle { left: 3%; }.home-testimonials__story { padding: 2rem 0 0; border-top: 1px solid rgba(255,255,255,.18); border-left: 0; }.home-testimonials__gesture { right: .5rem; }.home-testimonials blockquote { max-width: 26rem; } }
@media (prefers-reduced-motion: reduce) { .testimonial-card, .testimonial-card__play, .home-testimonials__controls button { transition: none; }.testimonial-card--front:hover { transform: rotateZ(2deg) translateZ(28px); } }