/* kg-blok-statement
   Gegenereerd door tools/genereer_css.py — niet met de hand bewerken.
   Gescopet onder .kg */

.kg .statement {
  position:relative;
  color:#fff;
  isolation:isolate;
  overflow:hidden;
  padding:clamp(120px,16vw,200px) 0;
}
.kg .statement-bg {
  position:absolute;
  inset:-12% 0;
  z-index:-2;
  background:url('/wp-content/uploads/2026/06/7poort-zevenpoort-zevenaar-800x600.webp') center/cover no-repeat;
  will-change:transform;
}
.kg .statement::after {
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(90deg,rgba(21,23,15,.84),rgba(21,23,15,.40));
}
.kg .statement .kader {
  position:absolute;
  inset:26px;
  border:1px solid rgba(216,179,119,.4);
  border-radius:var(--kg-radius);
  pointer-events:none;
}
.kg .statement .eyebrow.light {
  color:var(--kg-goud-licht);
}
.kg .statement .eyebrow.light::before {
  background:var(--kg-goud-licht);
}
.kg .statement .q {
  font-family:var(--kg-kop);
  font-weight:800;
  font-size:clamp(28px,4.4vw,52px);
  line-height:1.16;
  letter-spacing:-.01em;
  max-width:21ch;
  text-wrap:balance;
  margin-bottom:26px;
}
.kg .statement .q em {
  font-style:normal;
  color:var(--kg-goud-licht);
}
.kg .statement .bron {
  display:flex;
  align-items:center;
  gap:14px;
  font-family:var(--kg-kop);
  font-size:14px;
  font-weight:600;
  color:rgba(255,255,255,.78);
}
.kg .statement .bron::before {
  content:"";
  width:34px;
  height:1.5px;
  background:var(--kg-goud-licht);
}
.kg .statement-bg {
  position:absolute;
  inset:-12% 0;
  z-index:-2;
  background:url(/wp-content/uploads/v2/klaassen-bouwen-voor-generaties-werkplaats.webp) center/cover no-repeat;
  will-change:transform;
}
.kg .statement-bg {
  position:absolute;
  inset:-12% 0;
  z-index:-2;
  background:url(/wp-content/uploads/v2/klaassen-onderwijs-aula-voortgezet-onderwijs.webp) center/cover no-repeat;
  will-change:transform;
}
.kg .statement-bg {
  position:absolute;
  inset:-12% 0;
  z-index:-2;
  background:url(/wp-content/uploads/v2/klaassen-vakmanschap-handen-hout.webp) center/cover no-repeat;
  will-change:transform;
}