/* ---- v3: merk, menubalk, kop ---- */
  :root { --gold:#bb9a3b; --gold-2:#cdb05a; --logo-ink:#111; --logo-gold:#bb9a3b; }
  body { padding-top:0; }

  .hero3 { position:relative; overflow:hidden; padding:168px 0 88px; transition:background .5s ease, color .5s ease; }
  .h3grid { position:relative; z-index:1; display:grid; grid-template-columns:1.05fr 1fr; gap:56px; align-items:center; }
  .hero3 h1 { font-family:-apple-system, BlinkMacSystemFont, "SF Pro Display", "Inter", "Helvetica Neue", Arial, sans-serif; font-weight:600; font-size:clamp(44px, 6.4vw, 84px); line-height:1.0; letter-spacing:-.02em; margin:0 0 24px; }
  .hero3 h1 em { font-style:normal; color:var(--gold); display:block; }
  .hero3 .sub { font-size:20px; line-height:1.6; color:#3b3b3b; max-width:560px; margin:0 0 30px; }
  .hero3 .row { display:flex; gap:26px; align-items:center; flex-wrap:wrap; }
  .h3vis figure { margin:0; }
  .vf { border-radius:18px; overflow:hidden; aspect-ratio:4/3.4; background:#111; box-shadow:0 24px 60px rgba(0,0,0,.14); }
  .vf.light { background:#fff; border:1px solid var(--line); box-shadow:0 18px 44px rgba(0,0,0,.08); aspect-ratio:auto; }
  .vf img { width:100%; height:100%; object-fit:cover; display:block; }
  .vf.light img { height:auto; object-fit:contain; }
  .anim-slot .stage { margin:0; }
  .watermark { position:absolute; left:50%; bottom:-6vw; transform:translateX(-50%); width:118vw; max-width:none; opacity:.045; pointer-events:none; z-index:0; }
  .watermark svg { width:100%; height:auto; display:block; }
  body.nowm .watermark { display:none; }
  @media (max-width:900px) { .h3grid { grid-template-columns:1fr; gap:34px; } .hero3 { padding-top:128px; } }
  @media (max-width:480px) { .hero3 h1 { font-size:37px; } }
  footer .flogo svg { height:20px; width:auto; display:block; }
  .animsec { padding:0 0 72px; }
  .animsec:empty, .animsec.leeg { display:none; }

  /* stijl: donker premium */
  body.st-donker .hero3 { background:radial-gradient(ellipse 60% 70% at 72% 40%, rgba(205,176,90,.20), rgba(205,176,90,0) 60%), #0c0b09; color:#f4f1ea; }
  body.st-donker .hero3 .sub { color:#cfc8b8; }
  body.st-donker .hero3 .btn:not(.ghost) { background:var(--gold-2); color:#111; }
  body.st-donker .hero3 .btn.ghost { color:#f4f1ea; }
  body.st-donker .watermark { opacity:.07; --logo-ink:#cdb05a; --logo-gold:#cdb05a; }

  /* stijl: warm materiaal */
  body.st-warm { background:#f4efe5; }
  body.st-warm .hero3 { background:#f4efe5; }
  body.st-warm .method, body.st-warm .about { background:#fbf8f2; }
  body.st-warm .stage, body.st-warm .form input, body.st-warm .form textarea { background:#fffdf9; }