/* Kundenszenen (2026-07-23, Iman GO): six mascot-scene cards riding above the
   Branchen chips — one section, story first, activation chips kept below.
   Landing grammar only: Fustat via inherited font vars, triad in the artwork,
   light cards on light ground, hairline borders. No status dots anywhere. */

.kd-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:20px; max-width:1140px; margin:34px auto 0}
.kd-card{margin:0; background:#fff; border:1px solid rgba(10,18,34,.07); border-radius:20px; overflow:hidden;
  box-shadow:0 12px 34px rgba(20,40,80,.07)}
.kd-card img{display:block; width:100%; height:auto; aspect-ratio:1/1; object-fit:cover; background:#F2F6FC}
.kd-card figcaption{padding:16px 18px 18px; text-align:left}
.kd-card h3{margin:0 0 5px; font-size:16.5px; font-weight:700; letter-spacing:-.01em; color:var(--ink)}
.kd-card figcaption p{margin:0; font-size:14px; line-height:1.55; color:var(--ink-2)}
.kd-more{margin:46px 0 0; color:var(--ink-2); font-size:15px}
@media (max-width:1020px){ .kd-grid{grid-template-columns:repeat(2,1fr)} }
@media (max-width:640px){ .kd-grid{grid-template-columns:1fr; gap:16px} }