/* ============================================================
   KUNDEREFERANSER. Seksjonen ligger skjult i markup og vises
   foerst naar kunder.js har data aa fylle den med.
   ============================================================ */
.kunder-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:26px;max-width:940px}

.kunde-kort{display:block;background:var(--card);border:1px solid var(--line);border-radius:20px;
  padding:30px 28px;box-shadow:var(--shadow-sm);
  transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .35s var(--ease)}
a.kunde-kort:hover{transform:translateY(-5px);box-shadow:0 26px 54px -22px rgba(31,93,67,.28);border-color:var(--accent)}

.kunde-topp{display:flex;align-items:center;gap:14px}
.kunde-logo{width:48px;height:48px;object-fit:contain;flex-shrink:0}
/* Reserve naar kunden ikke har logo: initialene i en rund brikke */
.kunde-merke{display:flex;align-items:center;justify-content:center;width:48px;height:48px;flex-shrink:0;
  border-radius:50%;background:var(--accent-soft);border:1px solid rgba(31,93,67,.12);
  color:var(--accent);font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:1rem}
.kunde-navn{font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:1.12rem;
  line-height:1.25;letter-spacing:-.01em;color:var(--ink)}

.kunde-sitat{margin-top:18px;color:var(--muted);font-size:1rem;line-height:1.7}
.kunde-sitat::before{content:"\201C"}
.kunde-sitat::after{content:"\201D"}

@media(max-width:820px){.kunder-grid{grid-template-columns:1fr}}