.ahw{--hz-lucht:clamp(15rem, 12rem + 12vw, 25rem);--hz-water:clamp(5rem, 2.5rem + 7vw, 9rem);isolation:isolate;position:relative}.ahw[data-tijd=schemer]{--water:#0d191e;background:linear-gradient(#11222a, var(--water) 22rem)}.ahw[data-tijd=dageraad]{--water:#e8edeb;background:linear-gradient(#dfe6e5, var(--water) 24rem, #eef1ee)}.ahw[data-tijd=ochtend]{--water:#f2f1ea;background:linear-gradient(#ebece5, var(--water) 18rem)}.ahw[data-nevel]{--water:var(--bg);background:var(--bg)}.ahw[data-nevel=vlak]{--water:var(--surface);background:var(--surface)}.hz{--hz-dekking:.42;isolation:isolate;position:relative}.hz__boven{min-height:var(--hz-lucht);align-items:flex-end;padding-top:clamp(2rem,5vw,4rem);display:flex;position:relative}.hz__lucht,.hz__water{z-index:-1;position:absolute;inset:0;overflow:hidden}.hz__lucht{background:var(--water);container-type:size}.hz__img{left:var(--hz-x,60%);width:max(100cqw, 100cqh * var(--hz-r) / var(--hz-hz));max-width:none;height:auto;aspect-ratio:var(--hz-r);transform:translate(calc(-1 * var(--hz-x,60%)), calc((1 - var(--hz-hz)) * 100%));position:absolute;bottom:0}.hz__kop{justify-items:start;gap:.9rem;display:grid;position:relative}.hz__label{color:var(--ink)}.hz__titel{max-width:16ch;margin-bottom:-.2em;position:relative}.hz[data-tijd=schemer] .hz__titel:not(.hz__echo){text-shadow:0 1px 22px #08101499}.hz[data-tijd=schemer] .hz__boven:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(70% 90% at 14% 100%,#08101480,#0000 72%);position:absolute;inset:0}.hz__onder{height:var(--hz-water);position:relative;overflow:hidden}.hz__spiegel{height:var(--hz-lucht);transform-origin:50% 0;transform:scaleY(-1);translate:0 var(--hz-lucht);position:absolute;top:0;left:0;right:0;container-type:size}.hz__water:after{content:"";background:linear-gradient(to bottom, color-mix(in srgb, var(--water) calc(var(--hz-dekking) * 100%), transparent), var(--water) 92%);position:absolute;inset:0}.hz__water:before{content:"";z-index:1;background:linear-gradient(90deg, transparent, #f2cba299 var(--hz-x,60%), transparent);height:1px;position:absolute;top:0;left:0;right:0}.hz[data-tijd=dageraad],.hz[data-tijd=ochtend]{--hz-dekking:.5}.hz__echo{pointer-events:none;-webkit-user-select:none;user-select:none;margin:0}.hz__echo:before{content:attr(data-tekst);opacity:.14;margin-top:-.19em;display:block;transform:scaleY(-1);-webkit-mask-image:linear-gradient(#0000 20%,#000 90%);mask-image:linear-gradient(#0000 20%,#000 90%)}.hz>small{top:1rem;bottom:auto!important}.hz__echo--rimpel{opacity:.14;position:relative;-webkit-mask-image:linear-gradient(#0000 20%,#000 90%);mask-image:linear-gradient(#0000 20%,#000 90%)}.hz__echo--rimpel:before{opacity:1;visibility:hidden;-webkit-mask-image:none;mask-image:none}.hz__golf{--teken:1;clip-path:inset(calc(var(--g) * 16.6667% - .5px) 0 calc((5 - var(--g)) * 16.6667% - .5px) 0);position:absolute;inset:0}.hz__golf:nth-child(2n){--teken:-1}.hz__golf:before{content:attr(data-tekst);margin-top:-.19em;display:block;transform:scaleY(-1)}@media (prefers-reduced-motion:no-preference){:root:not([data-beweging=uit]) .hz[data-rimpel=nu] .hz__golf{animation:hz-golf 2.8s cubic-bezier(.25, .6, .3, 1) calc(.1s + var(--g) * .11s) both;--sterkte:calc(var(--teken) * (1.1rem - var(--g) * .14rem))}}@keyframes hz-golf{0%{transform:translate(0)}14%{transform:translateX(var(--sterkte))}32%{transform:translateX(calc(var(--sterkte) * -.85))}50%{transform:translateX(calc(var(--sterkte) * .55))}68%{transform:translateX(calc(var(--sterkte) * -.3))}84%{transform:translateX(calc(var(--sterkte) * .12))}to{transform:translate(0)}}.hz__lucht:after{content:"";background:linear-gradient(var(--hz-vooraf,transparent), transparent 42%);position:absolute;inset:0}.hz[data-tijd=schemer]{--hz-vooraf:#0a1418}.hz[data-tijd=dageraad]{--hz-vooraf:var(--uur-diep)}.hz[data-tijd=ochtend]{--hz-vooraf:#eef1ee}.hz[data-foto][data-tijd=schemer] .hz__lucht:after{background:linear-gradient(var(--hz-vooraf), transparent 42%), linear-gradient(#0810149e, #0810146b)}.hz[data-foto][data-tijd=dageraad] .hz__lucht:after{background:linear-gradient(var(--hz-vooraf), transparent 42%), linear-gradient(#ecf0ef99, #f4dec680)}.hz[data-foto][data-tijd=ochtend] .hz__lucht:after{background:linear-gradient(var(--hz-vooraf), transparent 42%), linear-gradient(#f0f3f1a8, #f7e8d285)}@media (min-width:1024px){.hz[data-kop-smal] .hz__kop{padding-right:calc(41.6667% + 2rem)}.hz[data-kop-smal=links] .hz__kop{padding-left:calc(41.6667% + 2rem);padding-right:0}}.oever{width:100%;height:clamp(2.5rem,5vw,4.5rem);color:var(--uur-diep);display:block}.ah-slot{padding-bottom:0}.ah-slot.ahw{--hz-lucht:clamp(10rem, 5rem + 8vw, 15rem);--hz-water:clamp(6rem, 3rem + 9vw, 11rem)}.ah-slot .hz__boven{padding-top:.5rem}.ah-slot__onder{gap:1.5rem;padding-bottom:clamp(3.5rem,8vw,6rem);display:grid}.ah-slot__oever{color:var(--uur-bg);margin-bottom:-1px}.ah-slot__tekst{max-width:32rem;color:var(--ink);margin:0;font-size:1.125rem}@media (min-width:1024px){.ah-slot__onder{margin-top:calc(-1 * var(--hz-water) + 1.5rem);grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:start;column-gap:3rem}.ah-slot__acties{grid-column:2;gap:1.25rem;display:grid}}.ahw .hz~*{z-index:1;position:relative}
