/* Mixed portrait, note and overlay cards drift through an open charcoal canvas. */
.feedback-scene{position:relative;background:#252c39;color:#fff;min-height:240vh;isolation:isolate}.feedback-sticky{position:sticky;top:0;height:100vh;min-height:640px;overflow:hidden}.feedback-heading{position:relative;text-align:center;padding:105px 24px 0;z-index:2;pointer-events:none}.feedback-heading h2{font:500 clamp(32px,3.7vw,53px)/1.13 Poppins,sans-serif;letter-spacing:-.055em;max-width:700px;margin:0 auto 16px;color:#f5f0e6}.feedback-heading h2 em{font-family:Lora,serif;font-weight:400;color:#c3d9eb}.feedback-disclosure{font:11px/1.6 Poppins,sans-serif;color:#c9ccd2;margin:0}.feedback-stage{position:relative;max-width:1440px;height:760px;margin:45px auto 0;perspective:1400px}.feedback-card{position:absolute;left:50%;top:0;width:510px;min-height:300px;display:grid;grid-template-columns:1.12fr 1fr;border-radius:20px;overflow:hidden;background:#c3d9eb;color:#252c39;box-shadow:0 18px 50px #00000017;will-change:transform;transform:translateX(-50%)}.feedback-content{padding:28px;display:flex;flex-direction:column;justify-content:space-between;gap:30px}.feedback-card blockquote{font:400 22px/1.35 Lora,serif;letter-spacing:-.025em;margin:0;padding:0}.feedback-card cite{font:600 11px/1.5 Poppins,sans-serif;font-style:normal}.feedback-card cite span{display:block;font-weight:400;font-size:9px;margin-top:5px;opacity:.8}.feedback-portrait{min-height:300px;background-image:url('assets/testimonial-portraits.webp');background-size:auto 100%;background-position:10% center}.feedback-card.card-two{width:245px;min-height:280px;display:block;background:#f5f0e6}.card-two .feedback-content{height:100%;min-height:280px}.feedback-card.card-three{width:270px;display:flex;flex-direction:column;background:#315bc4}.card-three .feedback-portrait{min-height:220px;order:-1;background-position:50% center}.card-three .feedback-content{margin:-30px 13px 13px;padding:21px;background:#315bc4;border-radius:12px;z-index:1;gap:22px}.feedback-card.card-four{width:500px;background:#e7eef4}.card-four .feedback-portrait{background-position:90% center;order:-1}.feedback-card.card-five{width:235px;display:block;min-height:265px;background:#4b2428}.card-five .feedback-content{min-height:265px}.feedback-card.card-six{width:470px;background:#d8e5f0}.card-six .feedback-portrait{background-position:10% center}.feedback-card.card-six blockquote{font-size:24px}
.feedback-static{min-height:0;padding-bottom:80px}.feedback-static .feedback-sticky{position:relative;height:auto;min-height:0;overflow:visible}.feedback-static .feedback-stage{height:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;max-width:1100px;padding:0 24px;align-items:start}.feedback-static .feedback-card{position:relative;left:auto;top:auto;width:100%;transform:none!important;will-change:auto}.feedback-static .card-three{display:grid;grid-template-columns:1fr 1fr}.feedback-static .card-three .feedback-content{margin:0;border-radius:0}.feedback-static .card-three .feedback-portrait{order:0;min-height:300px}.feedback-static .card-two,.feedback-static .card-five{min-height:245px}.feedback-static .card-two .feedback-content,.feedback-static .card-five .feedback-content{min-height:245px}
@media(max-width:900px){.feedback-scene{min-height:0;padding-bottom:65px}.feedback-sticky{position:relative;height:auto;min-height:0;overflow:visible}.feedback-heading{padding-top:70px}.feedback-stage,.feedback-static .feedback-stage{height:auto;display:grid;grid-template-columns:1fr;gap:22px;margin:38px auto 0;padding:0 22px;max-width:620px}.feedback-card{position:relative;left:auto;top:auto;width:100%!important;min-height:270px;transform:none!important;will-change:auto}.feedback-content{padding:25px;gap:25px}.feedback-card blockquote{font-size:23px}.feedback-portrait{min-height:270px}.feedback-card.card-three{display:grid;grid-template-columns:1fr 1fr}.card-three .feedback-content{margin:0;border-radius:0;padding:25px}.card-three .feedback-portrait{order:0;min-height:270px}.feedback-card.card-two,.feedback-card.card-five{min-height:0}.card-two .feedback-content,.card-five .feedback-content{min-height:200px}.feedback-heading h2{font-size:34px}}
@media(max-width:390px){.feedback-content,.card-three .feedback-content{padding:20px}.feedback-card blockquote,.feedback-card.card-six blockquote{font-size:20px}.feedback-heading h2{font-size:30px}}
/* Crop each square portrait independently; never expose a neighbouring panel. */
.feedback-portrait{position:relative;overflow:hidden;container-type:size;background-image:none!important;--portrait-position:0%}
.feedback-portrait::before{content:'';position:absolute;left:50%;top:50%;width:max(100cqw,100cqh);height:max(100cqw,100cqh);transform:translate(-50%,-50%);background:url('assets/testimonial-portraits.webp') var(--portrait-position) center/300% 100% no-repeat}
.card-three .feedback-portrait{--portrait-position:50%}.card-four .feedback-portrait{--portrait-position:100%}
/* Brand-only surfaces; the cards move together along a diagonal, as in the reference. */
.feedback-scene{min-height:340vh;background:#252c39}
.feedback-heading h2{color:#f5f0e6}.feedback-heading h2 em{color:#c3d9eb}
.feedback-card{background:#c3d9eb;color:#252c39;border:0;box-shadow:none}
.feedback-card.card-two{background:#f5f0e6}
.feedback-card.card-three,.card-three .feedback-content{background:#315bc4;color:#fff}
.feedback-card.card-four{background:#e7eef4;color:#252c39}
.feedback-card.card-five{background:#4b2428;color:#f5f0e6}
.feedback-card.card-six{background:#d8e5f0;color:#252c39}
.feedback-card cite,.feedback-card blockquote{color:inherit}
.feedback-card cite span{color:inherit;opacity:1}
@media(min-width:901px){
 .feedback-scene:not(.feedback-static) .feedback-stage{position:absolute;inset:0;max-width:none;height:100%;margin:0}
 .feedback-scene:not(.feedback-static) .feedback-heading{padding-top:105px}
 .feedback-scene:not(.feedback-static) .feedback-card{width:clamp(430px,39vw,560px);min-height:310px}
 .feedback-scene:not(.feedback-static) .card-two,.feedback-scene:not(.feedback-static) .card-five{width:clamp(240px,20vw,285px);min-height:285px}
 .feedback-scene:not(.feedback-static) .card-three{width:clamp(250px,22vw,305px)}
 .feedback-scene:not(.feedback-static) .feedback-card blockquote{font-size:clamp(21px,1.85vw,27px)}
 .feedback-scene:not(.feedback-static) .feedback-portrait{min-height:310px}
 .feedback-scene:not(.feedback-static) .card-three .feedback-portrait{min-height:235px}
}
.feedback-scene.feedback-static{min-height:0}
@media(max-width:900px){.feedback-scene{min-height:0}}
/* A safe pre-script pose avoids cards flashing behind the opening title. */
@media(min-width:901px){.feedback-scene:not(.feedback-static) .feedback-card{transform:translate3d(-50%,380px,0)}}

/* Real tester feedback: initials identify people without fabricated portraits. */
.feedback-card{grid-template-columns:minmax(0,1fr) 100px}
.feedback-initial{display:flex;align-items:center;justify-content:center;min-height:100%;font:400 64px/1 Lora,serif;background:#252c3910;color:inherit}
.feedback-card blockquote{font-size:20px;line-height:1.45}
.feedback-card cite{font-size:13px}.feedback-card cite span{font-size:11px}
.card-three .feedback-initial{order:-1;min-height:96px;font-size:48px}
.card-four .feedback-initial{order:-1}
.card-four{grid-template-columns:100px minmax(0,1fr)}
@media(min-width:901px){.feedback-scene:not(.feedback-static) .feedback-card blockquote{font-size:20px}.feedback-scene:not(.feedback-static) .card-two,.feedback-scene:not(.feedback-static) .card-five{width:clamp(300px,26vw,370px)}}
.feedback-static .card-three{grid-template-columns:minmax(0,1fr) 100px}.feedback-static .card-three .feedback-initial{order:0}
@media(max-width:900px){.feedback-card,.feedback-card.card-three,.feedback-static .card-three{grid-template-columns:minmax(0,1fr) 64px}.feedback-card.card-four{grid-template-columns:64px minmax(0,1fr)}.feedback-initial{font-size:40px}.card-three .feedback-initial{order:0}.feedback-card blockquote{font-size:19px}.feedback-content{padding:24px;gap:24px}}
@media(max-width:390px){.feedback-content,.card-three .feedback-content{padding:20px}.feedback-card blockquote{font-size:18px}}