/* V11: brede headers — geen afsnijding van personen of projectfoto's.
   Alle tekst-overlay en horizontale hero-opbouw behouden; uitsluitend beeldkadrering.
   Deze stylesheet laadt als LAATSTE om oude cover/zoom-regels te overschrijven. */
.top-hero.v46-hero {height:clamp(520px,55vw,690px)!important; min-height:520px!important; background:#071017!important; isolation:isolate!important;}
.top-hero .hero-media {position:absolute!important;inset:0!important;overflow:hidden!important;background:#071017!important;}
.top-hero .hero-media .hero-photo {position:absolute!important;inset:0!important;margin:0!important;opacity:0!important;animation:none!important;transform:none!important;}
.top-hero .hero-media .hero-photo.photo-showcaller {opacity:1!important;z-index:1!important;}
.top-hero .hero-media .hero-photo img {position:absolute!important;right:0!important;left:auto!important;top:0!important;bottom:0!important;width:67%!important;height:100%!important;max-width:none!important;object-fit:contain!important;object-position:right center!important;transform:none!important;animation:none!important;filter:brightness(.88) saturate(.9)!important;}
.top-hero .hero-media:after {content:''!important;position:absolute!important;inset:0!important;z-index:2!important;pointer-events:none!important;background:linear-gradient(90deg,#071017 0%,rgba(7,16,23,.97) 20%,rgba(7,16,23,.85) 37%,rgba(7,16,23,.30) 59%,rgba(7,16,23,.05) 100%)!important;}
.top-hero .hero-shell {position:relative!important;z-index:4!important;}
/* Alle overige paginaheaders: breed blijven, tekst links, foto rechts — altijd volledig zichtbaar */
.subhero.has-image {position:relative!important;min-height:clamp(280px,29vw,420px)!important;overflow:hidden!important;background:#071017!important;isolation:isolate!important;}
.subhero.has-image > img.page-hero-photo {position:absolute!important;inset:auto 0 auto auto!important;top:0!important;right:0!important;left:auto!important;bottom:auto!important;width:57%!important;height:100%!important;max-width:none!important;object-fit:contain!important;object-position:right center!important;animation:none!important;transform:none!important;filter:brightness(.91) saturate(.93)!important;}
.subhero.has-image::after {content:''!important;position:absolute!important;inset:0!important;z-index:1!important;pointer-events:none!important;background:linear-gradient(90deg,#071017 0%,rgba(7,16,23,.98) 26%,rgba(7,16,23,.65) 48%,rgba(7,16,23,.05) 75%,rgba(7,16,23,0) 100%)!important;}
.subhero.has-image > .shell {position:relative!important;z-index:2!important;}
/* Op grote schermen hoeft de tekst niet door het fotogebied te lopen */
.subhero.has-image .display {max-width:14ch!important;font-size:clamp(32px,3.2vw,52px)!important;line-height:1.1!important;}
@media (max-width:800px){
  .top-hero.v46-hero {height:610px!important;min-height:610px!important;}
  .top-hero .hero-media .hero-photo img{width:100%!important;height:59%!important;top:0!important;right:0!important;object-fit:contain!important;object-position:center top!important;opacity:.8!important;}
  .top-hero .hero-media:after{background:linear-gradient(0deg,#071017 0%,#071017 19%,rgba(7,16,23,.9) 46%,rgba(7,16,23,.06) 88%)!important;}
  .top-hero .hero-shell{align-self:flex-end!important;padding-bottom:36px!important;}
  .subhero.has-image {min-height:430px!important;}
  .subhero.has-image > img.page-hero-photo{width:100%!important;height:54%!important;object-fit:contain!important;object-position:center top!important;}
  .subhero.has-image::after{background:linear-gradient(0deg,#071017 0%,#071017 22%,rgba(7,16,23,.93) 42%,rgba(7,16,23,.02) 90%)!important;}
  .subhero.has-image > .shell {padding-top:205px!important;padding-bottom:25px!important;}
  .subhero.has-image .display{font-size:clamp(29px,7vw,42px)!important;}
}