.testimonials-intro {
  display: grid;
  grid-template-columns: 1.15fr .85fr;
  align-items: end;
  gap: clamp(32px, 6vw, 88px);
  padding-block: clamp(56px, 7vw, 96px) 72px;
}
.testimonials-intro > *, .customer-story > * { min-width: 0; }
.testimonials-intro__eyebrow { margin-bottom: 20px; color: var(--muted); font-size: 13px; font-weight: 600; }
.testimonials-intro h1 { max-width: 720px; font-size: clamp(42px, 4.7vw, 66px); }
.testimonials-intro__lead { max-width: 460px; padding-bottom: 4px; font-size: 17px; }
.testimonials-stories { padding-block: 64px 80px; background: var(--surface); }
.customer-stories { display: grid; gap: 24px; }
.customer-story {
  display: grid;
  grid-template-columns: minmax(220px, .7fr) minmax(0, 1.7fr);
  align-items: start;
  gap: clamp(28px, 5vw, 72px);
  padding: clamp(28px, 3vw, 44px);
  border: 1px solid var(--line);
  border-radius: 16px;
  background: #fff;
  scroll-margin-top: 112px;
}
.customer-story:target { border-color: var(--orange); }
.customer-story__identity { display: flex; flex-direction: column; align-items: center; gap: 18px; text-align: center; }
.customer-story__identity > div { min-width: 0; }
.customer-story__image { width: 112px; height: 112px; flex: 0 0 auto; object-fit: contain; border-radius: 12px; }
.customer-story__identity h2 { font-size: 23px; line-height: 1.2; letter-spacing: -.04em; }
.customer-story__identity p { margin-top: 7px; font-size: 13px; line-height: 1.5; }
.customer-story__quote { position: relative; margin: 0; padding-top: 23px; }
.customer-story__quote::before { content: ""; position: absolute; top: 0; left: 0; width: 32px; height: 3px; background: var(--orange); }
.customer-story__quote p { font-size: 16px; line-height: 1.85; overflow-wrap: break-word; }
.testimonials-invitation { padding-block: 80px; background: var(--navy); color: #fff; text-align: center; }
.testimonials-invitation__inner { max-width: 780px; }
.testimonials-invitation h2 { color: #fff; }
.testimonials-invitation p { max-width: 650px; margin: 24px auto 0; color: #c7d2e0; font-size: 16px; }
.testimonials-invitation .feature-button { margin-top: 28px; }
.testimonials-invitation .feature-button:focus-visible { outline-color: #fff; }
@media (max-width: 900px) {
  .testimonials-intro { grid-template-columns: 1fr; gap: 24px; padding-block: 52px; }
  .testimonials-intro__lead { max-width: 620px; font-size: 16px; padding-bottom: 0; }
  .testimonials-stories { padding-block: 48px 56px; }
  .customer-story { grid-template-columns: 1fr; gap: 24px; padding: 28px; }
  .customer-story__quote p { font-size: 15px; }
}
@media (max-width: 600px) {
  .testimonials-intro { padding-block: 40px 44px; }
  .testimonials-intro__eyebrow { margin-bottom: 16px; }
  .testimonials-intro h1 { font-size: clamp(36px, 9vw, 48px); }
  .testimonials-intro__lead { font-size: 15px; }
  .testimonials-stories { padding-block: 32px 44px; }
  .customer-stories { gap: 18px; }
  .customer-story { gap: 22px; padding: 24px 20px; border-radius: 12px; scroll-margin-top: 94px; }
  .customer-story__identity { gap: 16px; }
  .customer-story__identity h2 { font-size: 21px; }
  .testimonials-invitation { padding-block: 52px; }
  .testimonials-invitation p { font-size: 15px; }
}
@media print {
  .testimonials-intro { padding-block: 24px; }
  .testimonials-stories { background: #fff; padding-block: 0; }
  .customer-story { display: block; padding: 24px 0; border: 0; border-top: 1px solid var(--line); border-radius: 0; }
  .customer-story__identity { break-after: avoid; }
  .customer-story__quote { margin-top: 20px; }
  .testimonials-invitation { display: none; }
}