
:root{
  --sv-font:'Montserrat',system-ui,sans-serif;
  --sv-font-kop:'Montserrat',system-ui,sans-serif;
  --sv-bg:#f6f5f0;
  --sv-bg-zacht:#faf9f4;
  --sv-papier:#ffffff;
  --sv-inkt:#1a1f1e;
  --sv-inkt-sterk:#0d1110;
  --sv-inkt-zacht:#44494a;
  --sv-inkt-licht:#6b7270;
  --sv-lijn:#e6e8e7;
  --sv-lijn-sterk:#d9dbda;
  --sv-merk:#1ea29c;
  --sv-merk-donker:#1a928b;
  --sv-merk-licht:#f3fbfa;
  --sv-merk-rand:#c7e8e6;
  --sv-op-merk:#ffffff;
  --sv-accent:#f9d047;
  --sv-accent-licht:#fef5d3;
  --sv-op-accent:#0d1110;
  --sv-voet-bg:#0e4a47;
  --sv-voet-tekst:rgba(255,255,255,.75);
  --sv-held-bg:radial-gradient(900px 520px at 85% 10%,rgba(33,173,168,.20),transparent 60%),radial-gradient(700px 420px at 0% 100%,rgba(249,208,71,.16),transparent 60%),linear-gradient(180deg,#fbfaf6,#f3fbfa);
  --sv-schaduw:0 24px 48px -30px rgba(14,74,71,.35);
}

.sv-held::before{display:none}
@media (min-width:1101px){
  .sv-held{min-height:min(760px,92vh)}
  .sv-held-beeld{inset:var(--sv-s6) var(--sv-s6) var(--sv-s6) 54%;border-radius:var(--sv-radius);-webkit-mask:none;mask:none;box-shadow:var(--sv-schaduw)}
  .sv-held-in{max-width:min(880px,calc(50vw - 120px))}
}
@media (max-width:1100px){
  .sv-held{display:flex;flex-direction:column}
  .sv-held-beeld{position:relative;inset:auto;order:-1;height:clamp(220px,52vw,460px);margin:calc(var(--sv-kop) + var(--sv-s2)) var(--sv-s3) 0;border-radius:var(--sv-radius);opacity:1}
  .sv-held-in{padding-top:var(--sv-s4)}
}

.sv-cta-beeld{-webkit-mask:none;mask:none;inset:var(--sv-s2) var(--sv-s2) var(--sv-s2) 56%;border-radius:calc(var(--sv-radius) - 6px)}
.sv-cta-in{max-width:min(560px,52%)}
@media (max-width:700px){.sv-cta-beeld{inset:var(--sv-s2) var(--sv-s2) auto var(--sv-s2);height:240px;-webkit-mask:none;mask:none}.sv-cta.met-beeld{padding-top:calc(240px + var(--sv-s5))}.sv-cta-in{max-width:none}}
