body.oo-pagina{ background:#1e2122; }
body.oo-pagina main.cb{
  --oo-antraciet:#1e2122;
  --oo-antraciet-foto:#3b3d3f;
  --oo-groen-diep:rgba(30,66,45,.55);
  --oo-tekst:#cfd5d1;
  --oo-kop:#f5f6f4;
  --oo-label:#b9c7bd;
  --cb-lijn:rgba(255,255,255,.12);
  color:var(--oo-tekst);
}

body.oo-pagina main.cb .cb-donker,
body.oo-pagina main.cb .cb-paneel{ color:var(--oo-tekst); }
body.oo-pagina main.cb > section.cb-donker,
body.oo-pagina main.cb > section.cb-paneel{ border-radius:0; }
body.oo-pagina main.cb .cb-donker{
  background:
    radial-gradient(70% 55% at 10% 62%, var(--oo-groen-diep), transparent 70%),
    linear-gradient(180deg, var(--oo-antraciet) 0%, #1b2622 52%, var(--oo-antraciet) 100%);
}
body.oo-pagina main.cb .cb-paneel{
  background:
    radial-gradient(70% 55% at 88% 40%, rgba(34,70,49,.42), transparent 70%),
    linear-gradient(180deg, var(--oo-antraciet) 0%, #1d2422 60%, var(--oo-antraciet) 100%);
}
body.oo-pagina main.cb .cb-intro .cb-licht{ opacity:.7; }

body.oo-pagina main.cb .cb-h2{ color:var(--oo-kop); }
body.oo-pagina main.cb .cb-tekst p,
body.oo-pagina main.cb .cb-sub-lead{ color:var(--oo-tekst); }
body.oo-pagina main.cb .cb-label{ color:var(--oo-label); }
body.oo-pagina main.cb .cb-label::before{ background:linear-gradient(90deg, var(--cb-oranje) 0 50%, #7cc153 50% 100%); }
body.oo-pagina main.cb .cb-onderschrift{ color:#b3bcb6; }
body.oo-pagina main.cb .cb-patroon path{ stroke:rgba(244,128,31,.09); }
body.oo-pagina main.cb .cb-beeld{ background:#2a2d2e; box-shadow:inset 0 0 0 1px rgba(255,255,255,.05); }

body.oo-pagina main.cb .cb-ks__knop{ background:#2c6a3e; color:#fff; box-shadow:inset 0 0 0 1px rgba(255,255,255,.10); }
body.oo-pagina main.cb .cb-ks__knop:hover{ background:#347a48; }
body.oo-pagina main.cb .cb-ks__knop:focus-visible{ outline:3px solid #f5f6f4; outline-offset:3px; }

body.oo-pagina main.cb .oo-portret{
  background:
    radial-gradient(55% 75% at 26% 48%, rgba(59,61,63,.55), transparent 72%),
    radial-gradient(70% 55% at 90% 40%, rgba(34,70,49,.36), transparent 70%),
    linear-gradient(180deg, var(--oo-antraciet) 0%, #202424 60%, var(--oo-antraciet) 100%);
}
body.oo-pagina main.cb .oo-portret .cb-split{ grid-template-columns:minmax(0,1.08fr) minmax(0,1fr); align-items:center; }
body.oo-pagina main.cb .oo-portret__beeld{
  aspect-ratio:1 / 1; width:100%; max-width:600px; justify-self:center;
  background:var(--oo-antraciet-foto); border-radius:18px;
  box-shadow:0 0 0 1px rgba(255,255,255,.06), 0 28px 60px -32px rgba(0,0,0,.75);
}
body.oo-pagina main.cb .oo-portret__beeld picture{ display:block; width:100%; height:100%; }
body.oo-pagina main.cb .oo-portret__beeld img{ object-fit:contain; object-position:50% 50%; }
body.oo-pagina main.cb .oo-portret__beeld::after{
  content:""; position:absolute; left:24px; right:24px; bottom:0; height:2px; border-radius:2px; pointer-events:none;
  background:linear-gradient(90deg, rgba(244,128,31,.0) 0%, rgba(244,128,31,.55) 30%, rgba(124,193,83,.55) 70%, rgba(124,193,83,0) 100%);
}
body.oo-pagina main.cb .oo-portret .cb-tekst{ max-width:560px; }
body.oo-pagina main.cb .oo-portret .cb-tekst p + p{ margin-top:4px; }

@media (max-width:900px){
  body.oo-pagina main.cb .oo-portret .cb-split{ grid-template-columns:minmax(0,1fr); gap:clamp(28px,6vw,44px); }
  body.oo-pagina main.cb .oo-portret__beeld{ max-width:640px; }
  body.oo-pagina main.cb .oo-portret .cb-tekst{ max-width:none; }
}
@media (max-width:600px){
  body.oo-pagina main.cb .oo-portret__beeld{
    width:calc(100% + 2 * var(--cb-rand)); max-width:none; justify-self:stretch; margin-inline:calc(-1 * var(--cb-rand)); border-radius:0;
    box-shadow:none;
  }
  body.oo-pagina main.cb .oo-portret__beeld::after{ left:0; right:0; border-radius:0; }
}