.klus{padding-block:clamp(4.5rem,9vw,8rem)}.klus__kop{gap:1.25rem 3rem;margin-bottom:clamp(2rem,4vw,3.5rem);display:grid}@media (min-width:1024px){.klus__kop{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:end}.klus__kop .oog{grid-column:1/-1}}.klus__titel{color:var(--ink);margin-top:.25rem}.klus__titel>span{display:block}.klus__breed{letter-spacing:-.045em;font-size:clamp(2.2rem,6vw,5.5rem);font-weight:780;font-stretch:125%;line-height:.94}.klus__smal{letter-spacing:-.02em;color:var(--accent);margin-top:.08em;font-size:clamp(2.35rem,6.4vw,5.9rem);font-weight:280;font-stretch:66%;line-height:.95}.klus__tekst{max-width:30rem;font-size:clamp(1.0625rem,1.3vw,1.1875rem);line-height:1.6}@media (min-width:1024px){.klus__tekst{margin-bottom:.5rem}}.klus__figuur{margin:0}.klus__noot{max-width:52rem;font:500 .8125rem/1.5 var(--mono-font);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-top:.75rem}.klus__stage{gap:1rem;display:grid}@media (min-width:720px){.klus__stage{grid-template-columns:repeat(2,minmax(0,1fr))}}.klus__vak{aspect-ratio:var(--ar);border:1px solid var(--line-strong);background:var(--avond-diep);position:relative;overflow:hidden}.klus__vak img{object-fit:cover;object-position:var(--pos,64% 50%);width:100%;height:100%;display:block;position:absolute;inset:0}.klus__label,.klus__lg{color:var(--ink);font:600 .75rem/1.2 var(--mono-font);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;padding:.35rem .6rem}.klus__label{z-index:2;border:1px solid var(--line-strong);background:var(--bg);position:absolute;top:.75rem;left:.75rem}.klus__scan,.klus__legenda,.klus__ai{display:none}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){:root:not([data-beweging=uit]) .klus__stage{width:100%;aspect-ratio:var(--ar);border:1px solid var(--line-strong);background:var(--avond-diep);view-timeline:--klus block;min-height:20rem;max-height:78svh;display:block;position:relative;overflow:clip}:root:not([data-beweging=uit]) .klus__vak{aspect-ratio:auto;border:0;position:absolute;inset:0}:root:not([data-beweging=uit]) .klus__vak--foto{z-index:1}:root:not([data-beweging=uit]) .klus__label{clip-path:inset(50%);border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}:root:not([data-beweging=uit]) .klus__vak>small{display:none}:root:not([data-beweging=uit]) .klus__ai{z-index:3;pointer-events:none;display:block;position:absolute;inset:0}:root:not([data-beweging=uit]) .klus__binnen{position:absolute;inset:0}:root:not([data-beweging=uit]) .klus__scan{z-index:2;pointer-events:none;display:block;position:absolute;inset:0}:root:not([data-beweging=uit]) .klus__scan:before{content:"";background:var(--accent);width:2px;position:absolute;top:0;bottom:0;right:0}:root:not([data-beweging=uit]) .klus__legenda{top:calc(var(--kop-hoogte,4.25rem) + .75rem);z-index:4;border:1px solid var(--line-strong);background:var(--bg);pointer-events:none;flex-direction:column;align-items:flex-start;width:max-content;max-width:calc(100% - 1.5rem);margin:.75rem 0 0 .75rem;display:flex;position:sticky}:root:not([data-beweging=uit]) .klus__lg--warm{border-top:1px solid var(--line-strong);box-shadow:inset 3px 0 0 var(--accent);align-self:stretch;padding-left:.85rem}:root:not([data-beweging=uit]) .klus__pijl{display:none}@media (min-width:560px){:root:not([data-beweging=uit]) .klus__legenda{flex-direction:row;align-items:center}:root:not([data-beweging=uit]) .klus__lg--warm{border-top:0;border-left:1px solid var(--line-strong);box-shadow:none;align-self:auto;padding-left:.6rem}:root:not([data-beweging=uit]) .klus__pijl{width:1rem;height:1rem;color:var(--accent);fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;margin-inline:.15rem;display:block}}:root:not([data-beweging=uit]) :is(.klus__vak--foto,.klus__binnen,.klus__scan){will-change:transform;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:--klus;animation-range:cover 20% cover 80%}:root:not([data-beweging=uit]) .klus__vak--foto{animation-name:klus-foto}:root:not([data-beweging=uit]) .klus__binnen{animation-name:klus-binnen}:root:not([data-beweging=uit]) .klus__scan{animation-name:klus-scan}@media (max-width:639px){:root:not([data-beweging=uit]) .klus__stage{aspect-ratio:4/5;min-height:0;max-height:none}}}}@keyframes klus-foto{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes klus-binnen{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes klus-scan{0%{opacity:0;transform:translate(0)}4%{opacity:1}96%{opacity:1}to{opacity:0;transform:translate(-100%)}}