.testimonials{padding:140px 5vw 130px;overflow:hidden;background:#11110f;color:#f2f0ea}
.testimonialsIntro{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:5vw;margin-bottom:64px}
.testimonialsIntro .sectionLabel{color:rgba(242,240,234,.55)}
.testimonialsIntro h2{max-width:980px;margin:24px 0 0;font-size:clamp(48px,6.8vw,100px);line-height:.94;letter-spacing:-.07em}
.testimonialControls{display:flex;align-items:center;gap:14px;padding-bottom:6px}
.testimonialControls button{width:48px;height:48px;border:1px solid rgba(242,240,234,.5);border-radius:50%;background:transparent;color:inherit;cursor:pointer;transition:background .25s,color .25s}
.testimonialControls button:hover{background:#f2f0ea;color:#11110f}
.testimonialControls span{min-width:58px;text-align:center;font-size:10px;letter-spacing:.14em}
.testimonialViewport{overflow:hidden}
.testimonialTrack{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(330px,calc((100vw - 10vw - 48px)/3));gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none}
.testimonialTrack::-webkit-scrollbar{display:none}
.testimonialCard{min-height:430px;padding:28px;display:flex;flex-direction:column;scroll-snap-align:start;background:#24231f;border-top:3px solid #ef4a2b}
.testimonialCard:nth-child(3n + 2){border-color:#c9ff39}.testimonialCard:nth-child(3n){border-color:#86a6a3}
.quoteMark{font-size:82px;line-height:.68;color:#ef4a2b}.testimonialCard:nth-child(3n + 2) .quoteMark{color:#c9ff39}.testimonialCard:nth-child(3n) .quoteMark{color:#86a6a3}
.testimonialCard blockquote{margin:35px 0 50px;font-size:clamp(25px,2.05vw,34px);line-height:1.1;letter-spacing:-.045em}
.testimonialCardLong blockquote{font-size:clamp(22px,1.7vw,28px);line-height:1.18}
.testimonialCard footer{margin-top:auto;padding:20px 0 0;display:flex;flex-direction:column;gap:6px;border-top:1px solid rgba(242,240,234,.18);background:transparent}
.testimonialCard footer strong{font-size:13px;letter-spacing:.03em}.testimonialCard footer span{color:rgba(242,240,234,.58);font-size:10px;line-height:1.4;letter-spacing:.11em;text-transform:uppercase}
.testimonialProgress{height:2px;margin-top:34px;overflow:hidden;background:rgba(242,240,234,.16)}
.testimonialProgress i{display:block;width:100%;height:100%;background:#ef4a2b;transform:scaleX(.1);transform-origin:left;transition:transform .35s}
@media(max-width:900px){.testimonials{padding:90px 5vw 85px}.testimonialsIntro{grid-template-columns:1fr;margin-bottom:42px}.testimonialControls{justify-content:space-between}.testimonialTrack{grid-auto-columns:min(86vw,410px);gap:14px}.testimonialCard{min-height:410px;padding:24px}.testimonialCard blockquote,.testimonialCardLong blockquote{font-size:25px}}
@media(prefers-reduced-motion:reduce){.testimonialTrack{scroll-behavior:auto}}

.pageProof{padding:110px 5vw;background:#11110f;color:#f2f0ea;overflow:hidden;border-top:1px solid rgba(242,240,234,.18)}
.pageProofHead{display:grid;grid-template-columns:minmax(150px,.7fr) 2fr;gap:4vw;align-items:start;margin-bottom:58px}
.pageProofHead small{font-size:10px;font-weight:800;letter-spacing:.18em;color:rgba(242,240,234,.55)}
.pageProofHead h2{max-width:900px;margin:0;font-size:clamp(42px,5.5vw,82px);line-height:.96;letter-spacing:-.065em}
.pageProofViewport{overflow:hidden}
.pageProofTrack{display:flex;gap:20px}
.pageProofCard{position:relative;min-width:0;padding:28px 28px 30px;background:#24231f;color:#f2f0ea;border-top:3px solid #ef4a2b}
.pageProofCard:nth-child(2),.pageProofCard:nth-child(3){border-color:#ef4a2b}
.pageProofNumber{display:block;margin-bottom:70px;font-size:10px;letter-spacing:.15em}
.pageProofCard blockquote{margin:0 0 54px;font-size:clamp(25px,2.25vw,36px);line-height:1.13;letter-spacing:-.045em}
.pageProofCard footer{display:flex;flex-direction:column;gap:6px;margin-top:auto;padding:20px 0 0;border-top:1px solid rgba(242,240,234,.18);background:transparent}
.pageProofCard footer strong{font-size:13px}.pageProofCard footer span{font-size:10px;line-height:1.4;letter-spacing:.1em;text-transform:uppercase;color:rgba(242,240,234,.62)}
.pageProofReveal .pageProofTrack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.pageProofReveal .pageProofCard:only-child{grid-column:1/-1}
.pageProofReveal .pageProofCard{min-height:410px;animation:proofRise .8s both;animation-timeline:view();animation-range:entry 5% cover 32%}
.pageProofReveal .pageProofCard:nth-child(2){animation-delay:.12s}
.pageProofRail .pageProofViewport{overflow:hidden}
.pageProofRail .pageProofTrack{width:max-content;animation:proofRail 24s linear infinite}
.pageProofRail .pageProofCard{width:min(620px,78vw);min-height:390px;display:flex;flex-direction:column}
.pageProofRail:hover .pageProofTrack{animation-play-state:paused}
.pageProofSpotlight{background:#11110f;color:#f2f0ea}
.pageProofSpotlight .pageProofViewport{min-height:390px}
.pageProofSpotlight .pageProofTrack{position:relative;display:block}
.pageProofSpotlight .pageProofCard{position:absolute;inset:0;min-height:380px;padding:42px;background:#24231f;color:#f2f0ea;opacity:0;transform:translateY(24px);pointer-events:none;transition:opacity .65s ease,transform .65s ease}
.pageProofSpotlight .pageProofCard.isActive{position:relative;opacity:1;transform:none;pointer-events:auto}
.pageProofSpotlight .pageProofCard blockquote{max-width:1050px;font-size:clamp(34px,4.25vw,65px);line-height:1.02}
.pageProofSpotlight .pageProofCard footer{border-color:rgba(242,240,234,.18)}
.pageProofSpotlight .pageProofCard footer span{color:rgba(242,240,234,.62)}
.pageProofDots{display:flex;gap:9px;margin-top:25px}
.pageProofDots button{width:38px;height:3px;padding:0;border:0;background:rgba(242,240,234,.25);cursor:pointer}
.pageProofDots button.isActive{background:#ef4a2b}
@keyframes proofRail{to{transform:translateX(calc(-50% - 10px))}}
@keyframes proofRise{from{opacity:0;transform:translateY(35px)}to{opacity:1;transform:none}}
@media(max-width:800px){
  .pageProof{padding:80px 5vw}
  .pageProofHead{grid-template-columns:1fr;margin-bottom:38px}
  .pageProofReveal .pageProofTrack{grid-template-columns:1fr}
  .pageProofReveal .pageProofCard{min-height:350px}
  .pageProofSpotlight .pageProofViewport{min-height:430px}
  .pageProofSpotlight .pageProofCard{min-height:420px;padding:26px}
  .pageProofSpotlight .pageProofCard blockquote{font-size:34px}
  .pageProofNumber{margin-bottom:48px}
}
@media(prefers-reduced-motion:reduce){
  .pageProofRail .pageProofTrack{animation:none}
  .pageProofReveal .pageProofCard{animation:none}
  .pageProofSpotlight .pageProofCard{transition:none}
}