.customer-visits { background:#f5f8fb; padding:88px 0; }
.customer-visits-heading { display:grid; grid-template-columns:minmax(0,1fr) minmax(280px,.78fr); align-items:end; gap:42px; margin-bottom:32px; }
.customer-visits-heading h2 { margin:0; font-size:clamp(36px,4vw,54px); line-height:1.06; letter-spacing:-.04em; color:#112130; }
.customer-visits-heading>p { max-width:560px; margin:0; color:#657583; line-height:1.75; }
.customer-visits-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
.customer-visit-card { position:relative; display:block; aspect-ratio:4/5; overflow:hidden; border-radius:14px; background:#dce4ea; box-shadow:0 10px 24px rgba(15,32,44,.11); }
.customer-visit-card img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .35s ease; }
.customer-visit-card::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 58%,rgba(5,18,28,.74)); pointer-events:none; }
.customer-visit-card span { position:absolute; z-index:1; left:15px; bottom:13px; color:#fff; font-size:13px; font-weight:700; letter-spacing:.03em; opacity:0; transform:translateY(6px); transition:opacity .25s ease,transform .25s ease; }
.customer-visit-card:hover img,.customer-visit-card:focus-visible img { transform:scale(1.045); }
.customer-visit-card:hover span,.customer-visit-card:focus-visible span { opacity:1; transform:translateY(0); }
.customer-visit-card:focus-visible { outline:3px solid #ff6a23; outline-offset:3px; }
@media (max-width:900px) { .customer-visits-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (max-width:700px) { .customer-visits { padding:64px 0; } .customer-visits-heading { grid-template-columns:1fr; gap:15px; margin-bottom:24px; } .customer-visits-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; } .customer-visit-card { border-radius:10px; } .customer-visit-card span { opacity:1; transform:none; font-size:12px; left:11px; bottom:10px; } }

.customer-interview { background:#f5f8fb; padding:0 0 88px; }
.customer-interview-card { display:grid; grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr); align-items:stretch; overflow:hidden; border-radius:20px; background:#0d1b27; box-shadow:0 22px 48px rgba(15,32,44,.18); }
.customer-interview-copy { padding:clamp(34px,5vw,68px); color:#fff; }
.customer-interview-copy .eyebrow { color:#ff8a4a; }
.customer-interview-copy h2 { margin:0 0 20px; color:#fff; font-size:clamp(34px,4vw,50px); line-height:1.08; letter-spacing:-.04em; }
.customer-interview-copy>p:not(.eyebrow) { max-width:500px; margin:0 0 28px; color:#c6d2dc; font-size:16px; line-height:1.75; }
.customer-interview-media { position:relative; min-height:320px; background:#061018; }
.customer-interview-media video { display:block; width:100%; height:100%; min-height:320px; object-fit:cover; background:#061018; }
.customer-interview-media p { position:absolute; left:16px; bottom:16px; margin:0; padding:8px 11px; border-radius:999px; background:rgba(6,16,24,.72); color:#fff; font-size:12px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; pointer-events:none; }
@media (max-width:700px) { .customer-interview { padding-bottom:64px; } .customer-interview-card { grid-template-columns:1fr; border-radius:14px; } .customer-interview-copy { padding:36px 26px; } .customer-interview-media,.customer-interview-media video { min-height:0; aspect-ratio:16/9; } }