/* Customer reference gallery, with original logos and a consistent quiet frame. */
.references-page .references-intro { padding-block: clamp(38px, 4.7vw, 68px) clamp(35px, 4.1vw, 58px); }
.references-page .references-intro h1 { font-size: clamp(2.6rem, 4.55vw, 4.4rem); max-width: 24ch; line-height: 1.09; }
.references-page .references-intro .voice-lead { max-width: 660px; }
.references-customers { padding-bottom: clamp(48px, 5.7vw, 80px); }
.references-label { display: flex; align-items: center; gap: 22px; margin-bottom: 24px; }
.references-page .references-label h2 { flex: 0 0 auto; font-size: .8rem; font-weight: 650; letter-spacing: .035em; line-height: 1.5; color: #41647e; }
.references-label > span { flex: 1; height: 1px; background: #c4dbe9; }
.references-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; list-style: none; padding: 0; margin: 0; }
.reference-item { min-width: 0; display: flex; flex-direction: column; background: #fff; border: 1px solid #d4e4ef; border-radius: 20px; overflow: hidden; box-shadow: 0 8px 24px #173f5905; }
.reference-logo { min-width: 0; height: 160px; display: flex; align-items: center; justify-content: center; padding: 28px 34px; }
.reference-logo img { display: block; width: 100%; height: 94px; max-width: 250px; object-fit: contain; }
.reference-logo[data-reference-logo="vest-vvs"] { background: #10394f; }
.reference-name { color: #173f59; text-align: center; font-size: clamp(1.25rem, 2vw, 1.8rem); font-weight: 650; line-height: 1.2; letter-spacing: -.03em; overflow-wrap: anywhere; }
.reference-caption { border-top: 1px solid #edf2f6; padding: 17px 22px 18px; margin-top: auto; }
.reference-caption h3 { color: #173f59; font-size: 1rem; line-height: 1.35; font-weight: 600; margin: 0; letter-spacing: -.01em; overflow-wrap: anywhere; }
.reference-caption p { color: #637b8d; font-size: .8rem; line-height: 1.45; margin: 5px 0 0; }
.references-contact { background: #e5f2fb88; border-top: 1px solid #cddfeab3; padding-block: clamp(40px, 5vw, 70px); }
.references-contact > .voice-wrap { display: flex; align-items: center; justify-content: space-between; gap: 35px; }
.references-contact > .voice-wrap > div:first-child { max-width: 640px; }
.references-page .references-contact h2 { font-size: clamp(2rem, 3.3vw, 3rem); margin-bottom: 18px; }
.references-contact p:not(.voice-kicker) { max-width: 490px; margin: 0; color: var(--vp-muted); line-height: 1.7; }
.references-contact .voice-actions { margin-top: 0; }
@media (max-width: 900px) {
  .reference-logo { padding-inline: 24px; height: 145px; }
  .reference-caption { padding: 16px 18px; }
  .references-contact > .voice-wrap { display: block; }
  .references-contact .voice-actions { margin-top: 24px; }
}
@media (max-width: 700px) {
  .references-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
  .references-page .references-intro h1 { font-size: clamp(2.35rem, 6.5vw, 3.3rem); }
  .reference-logo { height: 140px; }
}
@media (max-width: 440px) {
  .references-page .references-intro h1 { font-size: clamp(2.1rem, 8vw, 2.6rem); letter-spacing: -.05em; }
  .references-intro { padding-bottom: 32px; }
  .references-label { gap: 12px; margin-bottom: 18px; }
  .references-page .references-label h2 { font-size: .73rem; }
  .references-grid { gap: 12px; }
  .reference-item { border-radius: 15px; }
  .reference-logo { height: 116px; padding: 19px 16px; }
  .reference-logo img { max-height: 78px; }
  .reference-name { font-size: 1.13rem; }
  .reference-caption { padding: 14px 14px 16px; }
  .reference-caption h3 { font-size: .88rem; }
  .reference-caption p { font-size: .73rem; }
}