.hero-wc{--foto-pos:64% 50%;--nacht:var(--avond-bg);--ironbow:linear-gradient(to top, #04030f 0%, #140737 10%, #33096f 22%, #650c8c 34%, #9c1680 46%, #cb2f57 57%, #e6562b 67%, #f5850f 77%, #fbb623 87%, #fde06b 94%, #fffbe6 100%);flex-direction:column;display:flex;position:relative;overflow:hidden}@media (min-width:1024px){.hero-wc{--foto-pos:0% 46%}}.hero-wc__media{isolation:isolate;background:var(--surface);height:clamp(168px,39svh,420px);position:relative;overflow:hidden}.hero-wc__foto{object-fit:cover;object-position:var(--foto-pos)}.hero-wc__scrim{z-index:2;pointer-events:none;background:linear-gradient(to bottom, color-mix(in srgb, var(--nacht) 55%, transparent), transparent 34%);position:absolute;inset:0}.hero-wc__ai{z-index:3;pointer-events:none;position:absolute;inset:0}.hero-wc__hud{z-index:3;pointer-events:none;color:var(--ink);position:absolute;inset:0}.hero-wc__hoek{border:0 solid color-mix(in srgb, var(--ink) 75%, transparent);width:1.1rem;height:1.1rem;position:absolute}.hero-wc__hoek[data-hoek=lb]{border-width:1.5px 0 0 1.5px;top:.75rem;left:.75rem}.hero-wc__hoek[data-hoek=rb]{border-width:1.5px 1.5px 0 0;top:.75rem;right:.75rem}.hero-wc__hoek[data-hoek=lo]{border-width:0 0 1.5px 1.5px;bottom:.75rem;left:.75rem}.hero-wc__hoek[data-hoek=ro]{border-width:0 1.5px 1.5px 0;bottom:.75rem;right:.75rem}.hero-wc__tag{background:color-mix(in srgb, var(--nacht) 80%, transparent);border-radius:2px;gap:.15rem;padding:.3rem .5rem;font-size:.75rem;line-height:1.25;display:grid;position:absolute;top:1.15rem}.hero-wc__tag[data-kant=warm]{text-align:right;justify-items:end;max-width:calc(50% - 2rem);right:1.5rem}.hero-wc__tag[data-kant=foto]{font-family:var(--mono-font);letter-spacing:.14em;text-transform:uppercase;display:none;left:1.5rem}.hero-wc__tagkop{font-family:var(--mono-font);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:.45rem;font-weight:500;display:inline-flex}.hero-wc__punt{background:var(--accent);border-radius:50%;flex:none;width:.45rem;height:.45rem}.hero-wc__noot{color:var(--ink)}.hero-wc__schaal{font-family:var(--mono-font);letter-spacing:.08em;text-transform:uppercase;flex-direction:column;align-items:center;gap:.3rem;font-size:.75rem;display:flex;position:absolute;top:46%;bottom:2.6rem;right:1rem}.hero-wc__schaal>span:not(.hero-wc__balk){background:color-mix(in srgb, var(--nacht) 80%, transparent);border-radius:2px;padding:.05rem .25rem}.hero-wc__balk{background:var(--ironbow);width:6px;box-shadow:0 0 0 1px color-mix(in srgb, var(--ink) 35%, transparent);border-radius:1px;flex:1;display:block}.hero-wc__cam{touch-action:pan-y;position:absolute;inset:0}.hero-wc[data-vizier] .hero-wc__cam{cursor:none}.hero-wc__lenscanvas{z-index:0;pointer-events:none;will-change:transform;position:absolute;top:0;left:0}.hero-wc__lens{z-index:1;pointer-events:none;will-change:transform;display:none;position:absolute;top:0;left:0;transform:scale(0)}.hero-wc__cam[data-modus=lens] .hero-wc__lens{display:block}.hero-wc__ring{border:1px solid color-mix(in srgb, var(--ink) 55%, transparent);border-radius:50%;position:absolute;inset:-6px}.hero-wc__ring:before,.hero-wc__ring:after{content:"";--tik:color-mix(in srgb, var(--ink) 85%, transparent);position:absolute}.hero-wc__ring:before{background:linear-gradient(90deg, var(--tik) 0 10px, transparent 10px calc(100% - 10px), var(--tik) 0);height:1px;top:50%;left:-9px;right:-9px}.hero-wc__ring:after{background:linear-gradient(var(--tik) 0 10px, transparent 10px calc(100% - 10px), var(--tik) 0);width:1px;top:-9px;bottom:-9px;left:50%}.hero-wc__kruis{width:1.6rem;height:1.6rem;margin:-.8rem 0 0 -.8rem;position:absolute;top:50%;left:50%}.hero-wc__kruis:before,.hero-wc__kruis:after{content:"";background:var(--ink);box-shadow:0 0 0 1px color-mix(in srgb, var(--nacht) 40%, transparent);position:absolute}.hero-wc__kruis:before{clip-path:polygon(0 -2px,38% -2px,38% 4px,0 4px,0 0,62% -2px,100% -2px,100% 4px,62% 4px);height:1.5px;top:calc(50% - .75px);left:0;right:0}.hero-wc__kruis:after{clip-path:polygon(-2px 0,4px 0,4px 38%,-2px 38%,-2px 62%,4px 62%,4px 100%,-2px 100%);width:1.5px;top:0;bottom:0;left:calc(50% - .75px)}.hero-wc__lenslabel{background:color-mix(in srgb, var(--nacht) 90%, transparent);color:var(--ink);font-family:var(--mono-font);white-space:nowrap;border-radius:2px;padding:.35rem .55rem;font-size:.8125rem;font-weight:500;line-height:1;position:absolute;top:50%;left:50%;transform:translate(1rem,.9rem)}.hero-wc__lenslabel:empty{display:none}.hero-wc__lenslabel[data-links]{transform:translate(calc(-100% - 1rem + var(--dx,0px)), .9rem)}.hero-wc__warm{z-index:1;will-change:transform;display:none;position:absolute;inset:0;overflow:hidden}.hero-wc__warmbinnen{will-change:transform;position:absolute;inset:0}.hero-wc__warmcanvas{object-fit:cover;object-position:var(--foto-pos);width:100%;height:100%;display:block}.hero-wc__cam[data-modus=schuif] .hero-wc__warm{display:block}.hero-wc__greep{z-index:4;cursor:ew-resize;touch-action:none;will-change:transform;justify-content:center;align-items:center;width:2.75rem;display:flex;position:absolute;top:0;bottom:0;left:-1.375rem}.hero-wc__greep:focus-visible{outline:none}.hero-wc__greep:focus-visible .hero-wc__knop{outline:2px solid var(--accent);outline-offset:3px}.hero-wc__lijn{background:var(--ink);width:2px;box-shadow:0 0 0 1px color-mix(in srgb, var(--nacht) 25%, transparent);position:absolute;top:0;bottom:0;left:calc(50% - 1px)}.hero-wc__knop{background:var(--ink);width:2.75rem;height:2.75rem;color:var(--nacht);border-radius:50%;place-items:center;display:grid;position:relative;box-shadow:0 6px 18px #00000059}.hero-wc__knop svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:1.2rem;height:1.2rem}.hero-wc__lezing{background:color-mix(in srgb, var(--nacht) 90%, transparent);color:var(--ink);font-family:var(--mono-font);white-space:nowrap;border-radius:2px;padding:.3rem .5rem;font-size:.75rem;line-height:1;position:absolute;top:calc(50% + 1.85rem);left:50%;transform:translate(-50%)}.hero-wc__lezing:empty{display:none}.hero-wc[data-zoekt] :is(.hero-wc__lezing,.hero-wc__hint){visibility:hidden}.hero-wc__hint{z-index:3;background:color-mix(in srgb, var(--nacht) 80%, transparent);color:var(--ink);pointer-events:none;border-radius:2px;padding:.3rem .5rem;font-size:.75rem;line-height:1.3;transition:opacity .3s;display:none;position:absolute}.hero-wc__cam[data-modus=lens] .hero-wc__hint[data-voor=lens],.hero-wc__cam[data-modus=schuif] .hero-wc__hint[data-voor=schuif]{display:block}.hero-wc__hint[data-weg]{opacity:0}.hero-wc__hint[data-voor=schuif]{max-width:calc(50% - 2.25rem);bottom:1.15rem;left:1.5rem}.hero-wc__hint[data-voor=lens]{bottom:1.75rem;right:4.5rem}.hero-wc__inhoud{z-index:5;flex-direction:column;gap:1.1rem;padding-block:1.25rem 2.5rem;display:flex;position:relative}.hero-wc__boven{gap:.75rem;display:grid}.hero-wc__boven>.oog,.hero-wc__titel{color:var(--ink)}.hero-wc__titel>span{display:block}.hero-wc__breed{letter-spacing:-.045em;max-width:11ch;font-size:clamp(2.15rem,9.6vw,6.1rem);font-weight:780;font-stretch:125%;line-height:.93}.hero-wc__smal{letter-spacing:-.02em;color:var(--koud);margin-top:.12em;font-size:clamp(2.3rem,10.4vw,6.6rem);font-weight:280;font-stretch:66%;line-height:.95}.hero-wc__onder{flex-direction:column;gap:1.25rem;display:flex}.hero-wc__tekst{max-width:34rem;font-size:1.0625rem;line-height:1.6}.hero-wc__knoppen{flex-wrap:wrap;align-items:center;gap:.5rem 1.5rem;display:flex}.hero-wc__punten{gap:.4rem;font-size:.95rem}@media (max-width:639px){.hero-wc__schaal,.hero-wc__lezing{display:none!important}}@media (max-width:1023px){.hero-wc__knoppen{order:-1}.hero-wc__breed{min-height:1.86em}.hero-wc[data-modus=schuif] .hero-wc__tag[data-kant=foto]{display:block}.hero-wc__hoek[data-hoek=rb],.hero-wc__hoek[data-hoek=lb]{display:none}.hero-wc__tag{top:.75rem}.hero-wc__tag[data-kant=warm]{right:.75rem}.hero-wc__tag[data-kant=foto]{left:.75rem}.hero-wc__schaal{height:34%;top:auto;bottom:2.4rem;right:.75rem}.hero-wc__hint[data-voor=schuif]{max-width:calc(50% - 1.75rem);bottom:.75rem;left:.75rem}}@media (max-width:1023px) and (max-height:700px),(max-width:359px){.hero-wc__media{height:clamp(140px,25svh,300px)}.hero-wc__inhoud{gap:.85rem;padding-top:.9rem}.hero-wc__boven{gap:.45rem}.hero-wc__breed{font-size:clamp(1.95rem,9.4vw,3rem)}.hero-wc__smal{font-size:clamp(2.1rem,10.2vw,3.2rem)}.hero-wc__onder{gap:1rem}.hero-wc__knoppen{row-gap:.15rem}.hero-wc__schaal,.hero-wc__hint{display:none!important}}@media (min-width:640px) and (max-width:1023px){.hero-wc__media{height:clamp(240px,42svh,460px)}.hero-wc__breed{max-width:none}}@media (min-width:1024px){.hero-wc[data-foto]{min-height:clamp(640px, calc(100svh - var(--kop-hoogte) - 2.6rem), 1040px);display:block}.hero-wc__media{height:auto;position:absolute;inset:0}.hero-wc__scrim{background:linear-gradient(90deg, color-mix(in srgb, var(--nacht) 90%, transparent) 0, color-mix(in srgb, var(--nacht) 76%, transparent) calc(var(--goot) + 33rem), color-mix(in srgb, var(--nacht) 30%, transparent) calc(var(--goot) + 42rem), transparent calc(var(--goot) + 50rem)), linear-gradient(to top, color-mix(in srgb, var(--nacht) 80%, transparent) 0%, transparent 30%)}.hero-wc__hoek[data-hoek=lb],.hero-wc__hoek[data-hoek=lo]{display:none}.hero-wc__hoek{width:1.5rem;height:1.5rem}.hero-wc__hoek[data-hoek=rb]{top:1.5rem;right:1.5rem}.hero-wc__hoek[data-hoek=ro]{bottom:1.5rem;right:1.5rem}.hero-wc__tag{top:1.9rem}.hero-wc__tag[data-kant=warm]{align-items:center;gap:.75rem;max-width:none;display:flex;right:3.75rem}.hero-wc__noot:before{content:"· "}.hero-wc__schaal{height:38%;top:31%;bottom:auto;right:2.1rem}.hero-wc__inhoud{min-height:inherit;pointer-events:none;justify-content:space-between;gap:2rem;padding-block:clamp(2.5rem,7vh,5.5rem) clamp(2.5rem,10vh,6rem)}.hero-wc__inhoud>*{pointer-events:auto;max-width:41rem}.hero-wc__breed{max-width:11ch;font-size:clamp(3.4rem,5.9vw,6.1rem)}.hero-wc__smal{font-size:clamp(3.7rem,6.4vw,6.6rem)}.hero-wc__boven{gap:1.25rem}.hero-wc__tekst{max-width:31rem;font-size:1.125rem}.hero-wc__punten{border-top:1px solid var(--line);flex-wrap:wrap;gap:.5rem 1.75rem;padding-top:1.25rem;font-size:.9rem;display:flex}}
