/* The content grid is available before the deferred catalogue/runtime starts. */
html{overflow-y:scroll;--site-page-width:100vw;--site-gutter:64px;--site-content-width:min(1264px,calc(var(--site-page-width) - var(--site-gutter)));--site-content-left:calc((var(--site-page-width) - var(--site-content-width))/2)}
@media(max-width:767px){html{--site-gutter:36px}}
@media(max-width:359px){html{--site-gutter:28px}}
#inhoud .unified-banner[data-static-banner="r75"]:not(.unified-banner--showroom){height:auto;min-height:390px}
#inhoud .unified-banner[data-static-banner="r75"]>.unified-banner-kicker{
  position:absolute;top:var(--banner-kicker-top);left:var(--site-content-left);right:var(--site-content-left);
  margin:0;transform:none;color:var(--yellow);font:700 15px/1.4 VanCalster,Arial,sans-serif;text-transform:none;
}
/* Reserve the original kicker line in the centered copy without moving text later. */
#inhoud [data-static-banner="r75"][data-pinned-kicker]>.unified-banner-copy:before{content:"";display:block;flex:none;height:21px}
@media(min-width:768px){
  #inhoud .home-hero[data-static-banner="r75"] .hero-entrance{height:min(420px,max(300px,calc(100svh - 280px)))}
}
@media(max-width:767px){
  #inhoud .unified-banner[data-static-banner="r75"]:not(.unified-banner--showroom){min-height:640px}
  #inhoud .unified-banner[data-static-banner="r75"]>.unified-banner-kicker{font-size:14px;color:white}
  #inhoud [data-static-banner="r75"][data-pinned-kicker]>.unified-banner-copy:before{height:19.6px}
  #inhoud .unified-banner[data-static-banner="r75"]:not(.unified-banner--showroom):after{background:none}
  /* The fade follows the copy using CSS, including wrapped headings. */
  #inhoud [data-static-banner="r75"][data-pinned-kicker]>.unified-banner-copy:after{
    content:"";position:absolute;z-index:-1;pointer-events:none;
    left:calc(-1 * var(--site-content-left));width:var(--site-page-width);top:0;bottom:0;
    background:linear-gradient(180deg,transparent,#064156b8 64px,#064156ed 160px,#064156f5 100%);
  }
}