/* An open review library, using the site's editorial palette. */
.vb-references-redesign .references-container{max-width:1440px;margin-inline:auto;padding-inline:40px}
.vb-references-redesign .references-hero{background:var(--dark);color:var(--light);padding:28px 0 76px}
.vb-references-redesign .references-breadcrumb{display:flex;flex-wrap:wrap;gap:12px;color:#b8bcb5;font-size:12px;font-weight:400;margin-bottom:66px}
.vb-references-redesign .references-breadcrumb a:hover{color:var(--yellow)}
.vb-references-redesign .references-intro{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:64px;align-items:end}
.vb-references-redesign .references-intro .eyebrow{color:var(--yellow);margin-bottom:24px}
.vb-references-redesign .references-intro h1{font-size:clamp(42px,5.25vw,76px);line-height:1.06;letter-spacing:-.055em}
.vb-references-redesign .references-intro h1 span{color:#a3b5a8}
.vb-references-redesign .references-summary{max-width:400px}
.vb-references-redesign .references-summary p{color:#c2c7bf;font-size:16px;line-height:1.7;margin-bottom:28px}
.vb-references-redesign .references-case-link{display:block;width:fit-content;font-size:13px;color:#c2c7bf;margin-top:22px;text-decoration:underline;text-underline-offset:4px}
.vb-references-redesign .references-hero a:focus-visible{outline-color:var(--yellow)}
.vb-references-redesign .references-reviews{padding-top:64px;padding-bottom:80px;scroll-margin-top:24px}
.vb-references-redesign .reviews{padding:0;overflow:visible}
.vb-references-redesign .reviews .section-head{grid-template-columns:140px minmax(0,1fr) auto;gap:28px;margin-bottom:40px}
.vb-references-redesign .reviews h2{font-size:clamp(32px,3.3vw,48px);line-height:1.1}
.vb-references-redesign .review-controls button{display:none}
.vb-references-redesign .review-controls>.google{display:block}
.vb-references-redesign .reviews .review-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;overflow:visible;scroll-snap-type:none;margin:0;padding:0;align-items:stretch}
.vb-references-redesign .reviews .review{min-height:0;padding:26px;border:1px solid var(--line)}
.vb-references-redesign .review-author strong{font-size:13px}
.vb-references-redesign .references-source{margin-top:32px;font-size:14px;color:var(--green);text-decoration:underline;text-underline-offset:4px}
@media(max-width:1100px){.vb-references-redesign .references-container{padding-inline:28px}.vb-references-redesign .references-intro{gap:32px}.vb-references-redesign .reviews .section-head{grid-template-columns:minmax(0,1fr) auto;gap:20px}.vb-references-redesign .reviews .section-head>.eyebrow{grid-column:1/-1;padding:0}.vb-references-redesign .reviews .review-track{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.vb-references-redesign .references-container{padding-inline:20px}.vb-references-redesign .references-hero{padding:22px 0 44px}.vb-references-redesign .references-breadcrumb{margin-bottom:40px}.vb-references-redesign .references-intro{grid-template-columns:1fr;gap:28px}.vb-references-redesign .references-intro h1{font-size:clamp(36px,8.9vw,54px)}.vb-references-redesign .references-summary p{font-size:15px}.vb-references-redesign .references-reviews{padding-top:40px;padding-bottom:48px}.vb-references-redesign .reviews .section-head{grid-template-columns:1fr;gap:20px;margin-bottom:28px}.vb-references-redesign .reviews .section-intro{grid-column:1;padding:0}.vb-references-redesign .reviews .review-track{grid-template-columns:1fr;gap:16px}.vb-references-redesign .reviews .review{padding:22px}}

.vb-references-redesign .references-brands{margin-top:44px;max-width:760px}
.vb-references-redesign .references-brands p{margin-bottom:12px;color:#c2c7bf;font-size:14px}
.vb-references-redesign .references-client-logos{display:flex;align-items:center;flex-wrap:wrap;gap:16px 24px}
.vb-references-redesign .references-client-logos svg{display:block;flex:none;max-width:100%}
@media(max-width:760px){.vb-references-redesign .references-brands{margin-top:32px}.vb-references-redesign .references-client-logos{gap:14px 20px}}

/* Public projects complement the client reviews in a native horizontal strip. */
.vb-references-redesign .references-projects{padding-top:24px;padding-bottom:88px}
.vb-references-redesign .references-projects-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;border-top:1px solid var(--line);padding-top:40px;margin-bottom:32px}
.vb-references-redesign .references-projects-heading .eyebrow{color:var(--green);margin-bottom:20px}
.vb-references-redesign .references-projects-heading h2{font-size:clamp(32px,3.3vw,48px);line-height:1.12}
.vb-references-redesign .references-projects-all{font-size:14px;color:var(--green);text-decoration:underline;text-underline-offset:4px;white-space:nowrap}
.vb-references-redesign .references-project-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 48px)/3);gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:auto;scrollbar-color:var(--green) var(--line);padding:6px 6px 24px;margin:-6px;scroll-padding-inline:6px}
.vb-references-redesign .references-project-track:focus-visible{outline:3px solid var(--green);outline-offset:5px}
.vb-references-redesign .references-project{min-width:0;scroll-snap-align:start}
.vb-references-redesign .references-project>a{display:flex;flex-direction:column;height:100%;border-bottom:1px solid var(--line);padding-bottom:24px}
.vb-references-redesign .references-project-image{position:relative;aspect-ratio:16/10;overflow:hidden;background:#e2e4dc;border-radius:12px;margin-bottom:24px}
.vb-references-redesign .references-project-image>img{width:100%;height:100%;object-fit:cover;object-position:top}
.vb-references-redesign .references-project-placeholder{display:flex;align-items:center;justify-content:center;height:100%;padding:28px;color:var(--green);font-size:28px;line-height:1.2;text-align:center}
.vb-references-redesign .references-project-arrow{position:absolute;right:16px;bottom:16px;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--yellow);color:var(--dark);font-size:24px}
.vb-references-redesign .references-project h3{font-size:28px;line-height:1.15;overflow-wrap:anywhere}
.vb-references-redesign .references-project p{color:#5c655e;font-size:14px;line-height:1.65;margin-top:14px;margin-bottom:20px}
.vb-references-redesign .references-project-read{font-size:13px;font-weight:600;color:var(--green);padding-top:22px;margin-top:auto}
@media(max-width:1100px){.vb-references-redesign .references-project-track{grid-auto-columns:calc((100% - 24px)/2)}}
@media(max-width:760px){.vb-references-redesign .references-projects{padding-top:8px;padding-bottom:52px}.vb-references-redesign .references-projects-heading{display:block;padding-top:28px;margin-bottom:24px}.vb-references-redesign .references-projects-all{display:inline-block;margin-top:22px}.vb-references-redesign .references-project-track{grid-auto-columns:88%;gap:16px}.vb-references-redesign .references-project h3{font-size:25px}}