/* Hero-systeem, regel-voor-regel overgenomen van marcneerhof.nl (mn-vhero + mn-dv-hero). */

/* Globale kop-typografie zoals de Elementor-kit die op h1 zet (wint van .mn-vh-title / .mn-dv-title). */
body.mn-kit h1{font-family:"PT Serif",serif;font-size:clamp(2.875rem,.825rem + 3.2vw,3.625rem);font-weight:400;line-height:1.1em;}
@media(max-width:767px){body.mn-kit h1{font-size:28px;}}

.mn-vhero{position:relative;height:100vh;min-height:600px;background:#06090f;overflow:hidden;}
.mn-vhero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;}
.mn-vhero-photo-el{z-index:1;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;}
.mn-vhero-photo-el img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center center;}
.mn-vhero-overlay{position:absolute;inset:0;z-index:2;background:linear-gradient(rgba(6,9,15,.32) 0%,rgba(6,9,15,0) 16%),linear-gradient(90deg,rgba(6,9,15,.93) 6%,rgba(6,9,15,.55) 50%,rgba(6,9,15,0) 82%);}
body:not(.mn-home-style) .mn-vhero-overlay{background:linear-gradient(180deg,rgba(6,9,15,.32) 0%,rgba(6,9,15,0) 16%),linear-gradient(90deg,rgba(6,9,15,.92) 0%,rgba(6,9,15,.65) 22%,rgba(6,9,15,0) 50%)!important;}
.mn-vhero-inner{position:absolute;inset:0;z-index:3;max-width:1301px;margin:0 auto;padding:0 24px;display:flex;align-items:center;}
.mn-vhero-content{max-width:600px;}
.mn-vh-eyebrow{color:#b88c48;font:600 14px/1.4 Inter,sans-serif;letter-spacing:2.5px;text-transform:uppercase;margin:0 0 18px;}
.mn-vh-title{color:#fff;font-family:"Playfair Display",serif;font-weight:600;font-size:64px;line-height:1.05;margin:0 0 20px;}
.mn-vh-sub{color:#d9dde4;font:400 17px/1.7 Inter,sans-serif;margin:0 0 26px;max-width:540px;}
.mn-vh-btns{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:28px;}
.mn-vh-btn{display:inline-block;padding:16px 30px;font:600 13px/1 Inter,sans-serif;letter-spacing:1.5px;text-transform:uppercase;border-radius:2px;text-decoration:none;transition:.2s;white-space:nowrap;}
.mn-vh-primary{background:#b88c48;color:#06090f;}
.mn-vh-primary:hover{background:#caa05a;}
.mn-vh-ghost{border:1px solid rgba(255,255,255,.55);color:#fff;}
.mn-vh-ghost:hover{background:#fff;color:#06090f;}
@media(max-width:1024px){.mn-vh-title{font-size:52px;}}
.mn-mob-intro,.mn-mobile-hero-intro{display:none;}
body.mn-home-style .mn-vhero-content{max-width:780px;}
body.mn-home-style .mn-vh-title{font-size:50px;}
@media(max-width:1024px){body.mn-home-style .mn-vh-title{font-size:42px;}}

/* Dagvoorzitter-variant */
.mn-dv-hero{position:relative;height:100vh;min-height:600px;background:#06090f;overflow:hidden;}
.mn-dv-overlay{position:absolute;inset:0;z-index:2;background:linear-gradient(rgba(6,9,15,.32) 0%,rgba(6,9,15,0) 16%),linear-gradient(90deg,rgba(6,9,15,.92) 0%,rgba(6,9,15,.65) 22%,rgba(6,9,15,0) 50%);}
.mn-dv-inner{position:absolute;inset:0;z-index:3;max-width:1301px;margin:0 auto;padding:0 24px;display:flex;align-items:center;}
.mn-dv-content{max-width:640px;}
.mn-dv-eyebrow{color:#b88c48;font:600 14px/1.4 Inter,sans-serif;letter-spacing:2.5px;text-transform:uppercase;margin:0 0 18px;}
.mn-dv-title{color:#fff;font-family:"Playfair Display",serif;font-weight:600;font-size:48px;line-height:1.06;letter-spacing:-.2px;margin:0 0 14px;}
@media(max-width:1024px){.mn-dv-title{font-size:40px;}}
.mn-dv-sub{color:#d9dde4;font:400 17px/1.7 Inter,sans-serif;margin:0 0 26px;max-width:540px;}
.mn-dv-btns{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:28px;}
.mn-dv-btn{display:inline-block;padding:16px 30px;font:600 13px/1 Inter,sans-serif;letter-spacing:1.5px;text-transform:uppercase;border-radius:2px;text-decoration:none;transition:.2s;white-space:nowrap;}
.mn-dv-primary{background:#b88c48;color:#06090f;}
.mn-dv-primary:hover{background:#caa05a;}
.mn-dv-ghost{border:1px solid rgba(255,255,255,.55);color:#fff;}
.mn-dv-ghost:hover{background:#fff;color:#06090f;}

@media(max-width:767px){
  .mn-vhero,.mn-dv-hero{height:500px!important;min-height:0!important;}
  .mn-vhero-video{object-position:55% center;right:-50px!important;left:auto!important;width:calc(100% + 50px)!important;max-width:none!important;transform:translateX(-50px)!important;}
  .mn-vhero-photo-el img{object-position:100% center!important;}
  body.page-dagvoorzitter .mn-vhero-photo-el img,body.page-trouwambtenaar .mn-vhero-photo-el img,body.page-contact .mn-vhero-photo-el img{left:-100px!important;right:auto!important;width:calc(100% + 100px)!important;max-width:none!important;transform:translateX(100px)!important;}
  body.page-over-mij .mn-vhero-photo-el img,body.blog .mn-vhero-photo-el img{left:-150px!important;right:auto!important;width:calc(100% + 150px)!important;max-width:none!important;transform:translateX(150px)!important;}
  .mn-vhero-overlay,body:not(.mn-home-style) .mn-vhero-overlay,.mn-dv-overlay{background:linear-gradient(rgba(6,9,15,.74) 0%,rgba(6,9,15,.12) 24%,rgba(6,9,15,0) 44%,rgba(6,9,15,.6) 76%,rgba(6,9,15,.96) 100%)!important;}
  .mn-vhero-inner{align-items:flex-end!important;padding-bottom:56px;}
  .mn-vhero-content{display:block!important;max-width:84%;}
  .mn-vh-eyebrow{font-size:9.5px;letter-spacing:1.2px;margin:0 0 11px;}
  .mn-vh-sub{display:none!important;}
  .mn-vh-title{font-size:28px;line-height:1.08;margin:0 0 10px;}
  .mn-mob-intro{background:#fff;padding:30px 24px 34px;display:block!important;}
  .mn-mob-intro-inner{max-width:100%;margin:0 auto;}
  .mn-mob-intro .mn-vh-sub,.mn-mob-intro .mn-dv-sub{color:#4c4c4c;font:400 15px/1.7 Inter,sans-serif;margin:0 0 15px;max-width:100%;display:block!important;}
  .mn-mob-intro .mn-vh-sub:last-child,.mn-mob-intro .mn-dv-sub:last-child{margin-bottom:0;}
  body.mn-home-style .mn-vh-title{font-size:26px;}
  body.mn-home-style .mn-vhero-content{max-width:100%;}
  body.mn-home-style .mn-vh-btn{padding:12px 9px;font-size:9.5px;letter-spacing:.4px;}
  .mn-vh-btns{flex-flow:row;gap:9px;margin:0;}
  .mn-vh-btn{padding:12px 14px;font-size:10px;letter-spacing:.8px;white-space:nowrap;}
  .mn-dv-inner{align-items:flex-end;padding-bottom:56px;}
  .mn-dv-content{max-width:84%;}
  .mn-dv-title{font-size:28px;line-height:1.08;margin:0 0 10px;}
  .mn-dv-sub{display:none;}
  .mn-dv-btns{flex-wrap:nowrap;gap:9px;margin:0;}
  .mn-dv-btn{padding:12px 14px;font-size:10px;letter-spacing:.8px;}
  .mn-br-mob{display:none;}
  .mn-mobile-hero-intro{display:flex!important;background:#fff;padding:32px 24px;}
  .mn-mobile-hero-intro p{font-family:Inter,sans-serif;font-size:16px;line-height:1.75;color:#4c4c4c;margin:0 0 18px;}
  .mn-mobile-hero-intro p:last-child{margin:0;}
}