/* De Nachtwacht — sectie-stijl uit over-ons.html */
.banner-bg{ object-position:center 45%; }
  .story .wrap{ display:grid; grid-template-columns:1.05fr .95fr; gap:72px; align-items:center; }
  .story h2{ font-size:clamp(30px,4vw,48px); margin-bottom:22px; }
  .story p{ color:var(--muted); font-size:16.5px; margin-bottom:18px; }
  .story p strong{ color:var(--cream); font-weight:600; }
  .story .frame .art{ height:520px; }
  /* eigenaren */
  .owner{ background:var(--ink-2); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
  .owner .wrap{ display:grid; grid-template-columns:.95fr 1.05fr; gap:64px; align-items:center; }
  .owner .frame .art{ height:480px; }
  .owner h2{ font-size:clamp(28px,3.6vw,44px); margin-bottom:20px; }
  .owner p{ color:var(--muted); font-size:16.5px; margin-bottom:18px; }
  .owner .quote{ font-family:var(--serif); font-weight:700; font-size:clamp(20px,2.4vw,27px); color:var(--cream); line-height:1.3; border-left:3px solid var(--gold); padding-left:22px; margin:26px 0; }
  .owner .sign{ color:var(--gold); font-weight:600; font-size:15px; letter-spacing:.02em; }
  /* waarden */
  .values .vgrid{ display:grid; grid-template-columns:repeat(3,1fr); gap:26px; }
  .vcard{ background:var(--ink); border:1px solid var(--line); border-radius:4px; padding:40px 34px; transition:border-color .3s, transform .3s; }
  .vcard:hover{ border-color:var(--line-gold); transform:translateY(-4px); }
  .vcard .n{ font-family:var(--sans); font-weight:700; font-size:16px; color:var(--gold-deep); }
  .vcard h3{ font-size:26px; margin:12px 0 12px; }
  .vcard p{ color:var(--muted); font-size:15px; }
  /* beeldmerk */
  .merk{ text-align:center; }
  .merk-art{ width:min(300px,72%); margin:0 auto 30px; filter:drop-shadow(0 10px 30px rgba(0,0,0,.5)); }
  .merk h2{ font-size:clamp(28px,3.6vw,44px); margin-bottom:18px; }
  .merk .intro{ color:var(--muted); font-size:16.5px; max-width:620px; margin:0 auto 44px; }
  .merk .meanings{ display:grid; grid-template-columns:1fr 1fr; gap:48px; max-width:720px; margin:0 auto; text-align:left; }
  .merk .meanings h4{ font-family:var(--sans); font-size:13px; letter-spacing:.16em; text-transform:uppercase; color:var(--gold); margin-bottom:8px; }
  .merk .meanings p{ color:var(--muted); font-size:15px; }
  @media(max-width:900px){
    .story .wrap,.owner .wrap{ grid-template-columns:1fr; gap:42px; }
    .story .copy{ text-align:center; }
    .owner .wrap > div{ text-align:center; }
    .owner .quote{ border-left:none; padding-left:0; }
    .merk .meanings{ text-align:center; }
    .owner .wrap{ direction:ltr; }
    .values .vgrid{ grid-template-columns:1fr; }
    .merk .meanings{ grid-template-columns:1fr; gap:28px; }
    .story .frame .art,.owner .frame .art{ height:380px; }
  }