/* Etalage voor Auditorium op audirium.net (stap 6b, 29-08-2026).
   Alles onder .au: zelfde reden als .nc in nis2-check.css, een eigen
   namespace houdt generieke klassenamen (hero, card, cta, btn) uit de weg
   van style.css. Kleuren komen uit de sitetokens, geen eigen palet. */

.au{
  --navy:var(--au-navy); --navy2:var(--au-navy-mid); --orange:var(--au-orange);
  --orange-ink:var(--au-orange-ink,#C04200); --ink:#16233d; --muted:#5a6a85;
  --line:#e2e7f0; --card:#ffffff; --bg:#f6f8fc;
  --radius:14px; --shadow:0 1px 3px rgba(7,25,64,.06),0 8px 30px rgba(7,25,64,.06);
}
.au *{box-sizing:border-box}
.au{font-family:'Lato',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  background:var(--bg);color:var(--ink);line-height:1.6;-webkit-font-smoothing:antialiased}
.au .wrap{max-width:1000px;margin:0 auto;padding:0 20px}

.au .au-hero{background:linear-gradient(180deg,var(--navy) 0%,var(--navy2) 100%);
  color:#fff;padding:56px 0 64px}
.au .au-kicker{color:var(--orange);font-weight:800;text-transform:uppercase;
  letter-spacing:.09em;font-size:13px;margin-bottom:16px}
.au .au-hero h1{font-size:clamp(28px,5vw,42px);line-height:1.12;font-weight:900;
  letter-spacing:-.02em;max-width:17em;margin:0}
.au .au-hero p.lede{color:#c6d2e8;font-size:clamp(16px,2.2vw,19px);margin:18px 0 28px;max-width:36em}
.au .au-ctas{display:flex;flex-wrap:wrap;gap:12px}
.au .au-btn{font-weight:800;font-size:15px;padding:13px 22px;border-radius:10px;
  text-decoration:none;display:inline-block}
.au .au-btn-primary{background:var(--orange);color:#fff}
.au .au-btn-primary:hover{background:#b84000}
.au .au-btn-secondary{background:rgba(255,255,255,.1);color:#fff;
  border:1.5px solid rgba(255,255,255,.35)}
.au .au-btn-secondary:hover{background:rgba(255,255,255,.18)}

.au .au-stats{margin-top:-38px;position:relative;z-index:2;
  display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.au .au-stats .tr-card{background:var(--card);border-radius:var(--radius);
  box-shadow:var(--shadow);border:1px solid var(--line);padding:22px 20px}
.au .au-stats h3{margin:0}

.au section{padding:56px 0}
.au h2{font-size:clamp(24px,3.4vw,32px);font-weight:800;letter-spacing:-.02em;
  color:var(--navy);margin:0 0 12px}
.au .au-sub{color:var(--muted);font-size:16px;margin-bottom:32px;max-width:44em}

.au .usp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}
.au .usp-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);
  padding:24px}
.au .usp-card h3{font-size:16px;font-weight:800;color:var(--navy);margin:0 0 8px}
.au .usp-card p{font-size:14.5px;color:var(--ink);margin:0}

.au .au-cred{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);
  padding:24px 28px}
.au .au-cred h3{font-size:16px;font-weight:800;color:var(--navy);margin:0 0 10px}
.au .au-cred p{font-size:14.5px;color:var(--muted);margin:0}

.au .au-cta{background:var(--navy);border-radius:var(--radius);padding:40px 32px;text-align:center;color:#fff}
.au .au-cta h2{color:#fff}
.au .au-cta p{color:#c6d2e8;max-width:40em;margin:0 auto 22px}
.au .au-cta .au-btn-primary{font-size:16px;padding:14px 28px}
.au .au-fine{color:var(--muted);font-size:13px;margin-top:14px}

.au .au-figure{margin:24px 0 0;border-radius:var(--radius);overflow:hidden;
  box-shadow:var(--shadow);border:1px solid var(--line)}
.au .au-figure img{display:block;width:100%;height:auto}

@media (max-width:640px){
  .au .au-hero{padding:44px 0 48px}
  .au section{padding:40px 0}
  .au .au-cta{padding:32px 20px}
}