.oo-hero { padding-bottom:72px; }
  .oo-hero h1 { font-size:clamp(44px, 6vw, 80px); line-height:1.02; letter-spacing:-.02em; margin:0 0 22px; }
  .oo-hero h1 em { font-style:normal; color:var(--gold); }
  .oo-hero .sub { font-size:20px; color:#3b3b3b; max-width:680px; margin:0; }
  .oo-why, .oo-values, .oo-people { padding:84px 0; }
  .oo-grid { display:grid; grid-template-columns:5fr 7fr; gap:56px; align-items:start; }
  .oo-grid h2 { margin:0; }
  .oo-values .rows { margin-top:30px; }
  .oo-values .r { display:grid; grid-template-columns:5fr 7fr; gap:56px; padding:24px 0; border-top:1px solid var(--line); }
  .oo-values .r:last-child { border-bottom:1px solid var(--line); }
  .oo-values .r h3 { margin:0; font-size:24px; }
  .oo-values .r p { margin:0; font-size:18px; color:#3a3a3a; max-width:560px; }
  @media (max-width:860px) { .oo-hero { padding-top:124px; } .oo-grid, .oo-values .r { grid-template-columns:1fr; gap:14px; } }
  /* foto's kleiner en vierkant, zodat ze de pagina niet overheersen (Jonathan 26 sep) */
  .oo-people .people { grid-template-columns:repeat(2, minmax(0, 340px)); gap:56px; max-width:none; }
  .oo-people .photo { aspect-ratio:1/1; max-width:260px; border-radius:14px; }
  @media (max-width:640px) { .oo-people .people { grid-template-columns:1fr; gap:44px; } .oo-people .photo { max-width:220px; } }