.hz{--hz-kop:110px;--hz-ar:1.7778;--hz-bronb:1672;--hz-dpr:1;position:relative;overflow:hidden;background:#000;color:#fff}
@media (min-resolution:1.5dppx){.hz{--hz-dpr:2}}
@media (min-resolution:2.5dppx){.hz{--hz-dpr:3}}
.hz-beeld{display:block;margin:0}
.hz-beeld img{display:block}
.hz-tekst{position:relative;z-index:2}
.hz-oog{margin:0;font-size:.78em;font-weight:700;letter-spacing:.26em;text-transform:uppercase;color:rgba(255,255,255,.7)}
.hz h1{margin:calc(.7em * var(--r)) 0 0;max-width:12.5em;font-size:4.5em;line-height:.98;letter-spacing:-.04em;color:#fff;text-wrap:balance;text-shadow:0 4px 40px rgba(0,0,0,.6)}
.hz h1 em{font-style:normal;color:var(--rood-licht)}
.hz-sub{margin:calc(1.1em * var(--r)) 0 0;font-size:1.6em;line-height:1.45;color:rgba(255,255,255,.86)}
.hz-lijn{display:block;width:18em;height:1px;margin-top:calc(2.2em * var(--r));background:rgba(255,255,255,.26)}
.hz-doen{display:flex;flex-wrap:wrap;align-items:center;gap:.75em;margin-top:calc(2.2em * var(--r))}
.hz-kn{display:inline-flex;align-items:center;justify-content:center;gap:.65em;min-height:3.4em;padding:.9em 1.4em;border-radius:.7em;font-size:1.0625em;font-weight:700;text-decoration:none;transition:transform .2s ease,border-color .2s ease,background .2s ease}
.hz-kn svg{width:1.05em;height:auto;flex:none}
.hz-kn-vol{background:var(--rood);color:#fff;box-shadow:0 16px 34px -12px var(--rood-gloed),inset 0 1px 0 rgba(255,255,255,.25)}
.hz-kn-vol:hover{background:var(--rood-diep)}
.hz-kn-rand{border:1.5px solid rgba(255,255,255,.42);color:#fff;font-weight:600;background:rgba(0,0,0,.35)}
.hz-kn:hover{transform:translateY(-2px)}
.hz-kn-rand:hover{border-color:#fff}
.hz-lijst{list-style:none;margin:calc(2.1em * var(--r)) 0 0;padding:0;display:flex;flex-direction:column;gap:.85em}
.hz-lijst li{display:flex;align-items:center;gap:.8em;font-size:1.0625em;color:rgba(255,255,255,.88)}
.hz-lijst svg{width:1.15em;height:auto;flex:none;color:var(--rood-licht)}
@media (min-width:1180px){
  .hz{height:calc(100svh - var(--hz-kop));min-height:480px}
  .hz-beeld{position:absolute;right:0;bottom:0;--hz-w:min(100vw,calc((100svh - var(--hz-kop)) * var(--hz-ar) * 1.24),calc(var(--hz-bronb) / .86 / var(--hz-dpr) * 1px));width:var(--hz-w);height:min(100%,calc(100vw / var(--hz-ar) * 1.12),calc(var(--hz-w) / var(--hz-ar) * 1.12))}
  .hz-beeld img{width:100%;height:100%;object-fit:cover;object-position:100% var(--hz-y,75%);transform-origin:62% 62%;animation:hz-drift 26s ease-in-out infinite alternate;
    -webkit-mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.03) 5%,rgba(0,0,0,.1) 10%,rgba(0,0,0,.25) 16%,rgba(0,0,0,.5) 24%,rgba(0,0,0,.75) 32%,rgba(0,0,0,.9) 37%,rgba(0,0,0,.97) 41%,#000 44%);
    mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.03) 5%,rgba(0,0,0,.1) 10%,rgba(0,0,0,.25) 16%,rgba(0,0,0,.5) 24%,rgba(0,0,0,.75) 32%,rgba(0,0,0,.9) 37%,rgba(0,0,0,.97) 41%,#000 44%)}
  @keyframes hz-drift{from{transform:scale(1)}to{transform:scale(1.035)}}
  .hz-tekst{width:58%;height:100%;display:flex;flex-direction:column;justify-content:center;padding-left:5vw;font-size:min(16px,1.1111vw,calc((100svh - var(--hz-kop)) / 33))}
  .hz-tekst > *{max-width:40em}
}
@media (prefers-reduced-motion:reduce){.hz-beeld img{animation:none}}
@media (min-width:1180px) and (max-width:1500px){.hz h1{font-size:4.1em}}
@media (min-width:1180px) and (max-height:880px){.hz{--r:.8}}
@media (min-width:1180px) and (max-height:780px){.hz{--r:.62}}
@media (min-width:1180px) and (max-height:700px){.hz{--r:.48}.hz-lijn{display:none}.hz h1{font-size:4em}.hz-sub{font-size:1.4em}}
@media (min-width:1180px) and (max-height:640px){.hz{--r:.4}}
@media (min-width:1180px) and (max-height:630px){.hz{--r:.3}}
@media (max-width:1179px){
  .hz{display:grid;padding-top:clamp(2rem,6vw,3.2rem)}
  .hz-tekst{display:contents}
  .hz-tekst > *{width:var(--kader);margin-inline:auto}
  .hz-oog{order:1;font-size:12px}
  .hz h1{order:2;margin:.55em auto 0;font-size:clamp(34px,9.2vw,66px);max-width:none}
  .hz-sub{order:3;font-size:clamp(18px,4.8vw,24px);margin:.8em auto 0}
  .hz-lijn{display:none}
  .hz-oog,.hz h1,.hz-sub{text-align:center}
  .hz-doen{order:4;justify-content:center;margin:1.5rem auto 0;font-size:16px;position:relative;z-index:3}
  .hz-beeld{order:5;position:relative;margin-top:.4rem;width:100%}
  .hz-beeld img{width:100%;height:auto}
  .hz-beeld::after{content:"";position:absolute;inset:0 0 auto 0;height:34%;pointer-events:none;background:linear-gradient(180deg,#000 0%,rgba(0,0,0,0) 100%)}
  .hz-lijst{order:6;margin:0 auto;padding-block:1.3rem 1.8rem;font-size:15.5px}
}
@media (max-width:699px){
  .hz{padding-top:0;grid-template-columns:100%;grid-template-rows:auto auto auto auto minmax(max(88vw,calc(100vw / var(--hz-tel-ar,1.78) * (1 - var(--hz-tel-dak,.99)) + 16px)),1fr) auto}
  .hz-tekst > *,.hz-beeld{grid-column:1}
  .hz-oog{grid-row:1;margin-top:clamp(1.6rem,7vw,2.4rem)}
  .hz h1{grid-row:2}
  .hz-sub{grid-row:3}
  .hz-doen{grid-row:4}
  .hz-tekst > *{position:relative;z-index:2}
  .hz-beeld{grid-row:1 / 6;align-self:end;margin-top:0;z-index:0}
  .hz-beeld::after{height:12%}
  .hz-lijst{grid-row:6;padding-top:.6rem}
}
@media (max-width:560px){
  .hz h1{font-size:clamp(32px,9.2vw,52px)}
  .hz-doen{flex-direction:column;align-items:stretch;gap:.6rem}
  .hz-kn{width:100%;min-height:48px;padding:.7em 1.2em;font-size:15px;border-radius:10px}
  .hz-sub br{display:none}
}
/* 05-11 klantwens: Google-score laten opvallen (gele sterren, link naar de reviews) */
.hz-lijst .hz-google a{display:flex;align-items:center;gap:.7em;color:#fff;text-decoration:none}
.hz-lijst .hz-google .sterren{gap:.14em}
.hz-lijst .hz-google .sterren svg{width:1.2em;height:1.2em;color:#FFB321}
.hz-lijst .hz-google span{font-size:1.06em}
.hz-lijst .hz-google strong{font-weight:800}
.hz-lijst .hz-google a:hover span{text-decoration:underline;text-underline-offset:.2em}