/* VVU 6.5.6 — hero blijft visueel in dezelfde verhouding bij browserzoom.
   Desktop >=1600 CSS px gebruikt uitsluitend viewport-proporties. Daardoor blijft
   de hero op 100%, 80%, 67%, 50% en 33% zoom fysiek vrijwel gelijk opgebouwd.
   De 2400x573 hero wordt volledig getoond: geen object-fit:cover crop meer.
*/
@media (min-width:1600px){
  .v650-hero{
    display:grid!important;
    grid-template-columns:38% 62%!important;
    width:100%!important;
    height:14.8025vw!important; /* 62vw / (2400/573) */
    min-height:0!important;
    max-height:none!important;
    align-items:stretch!important;
    overflow:hidden!important;
  }
  .v650-hero-copy{
    height:100%!important;
    min-height:0!important;
    padding:1.35vw 1.15vw!important;
    justify-content:center!important;
    overflow:hidden!important;
  }
  .v651-hero-title{
    display:flex!important;
    flex-direction:column!important;
    gap:.14vw!important;
    width:100%!important;
    max-width:32vw!important;
    margin:0!important;
    font-size:1.65vw!important;
    line-height:1.01!important;
    letter-spacing:-.045vw!important;
    font-weight:900!important;
  }
  .v650-hero p{
    width:100%!important;
    max-width:31.5vw!important;
    margin:.62vw 0 0!important;
    font-size:.67vw!important;
    line-height:1.45!important;
  }
  .v650-hero-actions{
    display:flex!important;
    flex-wrap:nowrap!important;
    gap:.55vw!important;
    margin-top:.72vw!important;
  }
  .v650-btn{
    min-height:2.05vw!important;
    padding:0 .82vw!important;
    border-radius:.34vw!important;
    font-size:.69vw!important;
    line-height:1!important;
    white-space:nowrap!important;
  }
  .v652-hero-photo{
    position:relative!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    align-self:stretch!important;
    overflow:hidden!important;
    background:#06131b!important;
  }
  .v652-hero-photo img{
    position:static!important;
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    object-position:center center!important;
    display:block!important;
    image-rendering:auto!important;
    filter:none!important;
  }
  .v652-hero-photo:after{
    background:linear-gradient(90deg,rgba(6,19,27,.20) 0%,rgba(6,19,27,.04) 11%,rgba(6,19,27,0) 24%)!important;
  }
}

/* Normale desktop/laptop: voorkom afsnijden zonder de rest van de site te schalen. */
@media (min-width:1181px) and (max-width:1599px){
  .v650-hero{height:auto!important;min-height:390px!important;align-items:stretch!important;overflow:hidden!important}
  .v650-hero-copy{min-height:390px!important;padding:38px clamp(28px,3vw,46px)!important;overflow:visible!important}
  .v651-hero-title{font-size:clamp(38px,3.7vw,50px)!important;max-width:620px!important;line-height:1.01!important}
  .v650-hero p{font-size:16px!important;line-height:1.45!important;margin-top:18px!important}
  .v650-hero-actions{margin-top:20px!important;gap:10px!important}
  .v650-btn{min-height:48px!important;padding:0 17px!important;font-size:14px!important}
  .v652-hero-photo{min-height:390px!important;height:auto!important;display:flex!important;align-items:center!important;background:#06131b!important}
  .v652-hero-photo img{position:static!important;width:100%!important;height:auto!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;filter:none!important}
}

/* Oplossingen: browser mag nooit een pixelated/filter-versie renderen. */
.v650-solution img,.vvu-solution-photo img,.v648-hero-photo img,.vvu-detail-photo img{
  image-rendering:auto!important;
  filter:none!important;
  opacity:1!important;
}