/* V60 · Sem: duidelijker, echte editsoftware, video erachter; bij scrollen vast in het midden en door naar Premiere. */
html{scroll-snap-type:y proximity;scroll-padding-top:var(--balk,64px)}
.host-pin{padding:0}
.pin-baan{position:relative;height:280vh}
.pin-snap{position:absolute;left:0;width:1px;height:1px;scroll-snap-align:start}
.pin-vast{position:sticky;top:var(--balk,64px);height:calc(100vh - var(--balk,64px));height:calc(100svh - var(--balk,64px));display:flex;align-items:center;overflow:hidden}
.pin-vast>.wrap{width:100%}
.pin-kop{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:clamp(16px,2.2vw,28px)}
.pin-kop .kop{font-size:clamp(30px,3.4vw,50px);flex:none}
.pin-keuze{display:flex;flex-direction:column;align-items:flex-end;gap:8px;text-align:right}
.pin-keuze .lede{margin:0;font-size:clamp(14px,1.15vw,16px);max-width:none}
.pin-keuze .lede[hidden]{display:none}
.pin-keuze .hosts{margin:0;justify-content:flex-end;gap:8px}
.pin-keuze .hosts button{flex-direction:row;min-width:0;gap:10px;padding:7px 14px 7px 8px;min-height:44px;border-radius:12px}
.pin-keuze .hosts button img{width:30px;height:30px}
.pin-keuze .hosts button[aria-pressed=false] img{opacity:.72;filter:saturate(.75)}
.venster{--in:1;position:relative;width:min(100%,calc((100vh - var(--balk,64px) - 190px)*2));margin-inline:auto;aspect-ratio:2/1;border-radius:14px;overflow:hidden;background:#141517;border:1px solid var(--lijn);transform:translateY(calc((1 - var(--in))*48px)) scale(calc(.95 + var(--in)*.05));opacity:calc(.25 + var(--in)*.75);will-change:transform}
.laag{position:absolute;inset:0;margin:0;opacity:0;transform:translateX(2.5%);transition:opacity .45s ease,transform .45s ease;pointer-events:none}
.laag:first-child{transform:translateX(-2.5%)}
.laag.op{opacity:1;transform:none}
.laag video{position:absolute;object-fit:cover;display:block;background:#000}
.laag>img{position:absolute;inset:0;width:100%;height:100%;display:block}
.kopl{position:absolute;width:1px;background:#96969C;display:block}
.kopl b{position:absolute;left:-3px;width:7px;height:7px;margin-top:-3.5px;border-radius:50%;background:#E8E8EC;display:block}
@media (max-width:860px){.pin-baan{height:240vh}.pin-kop{flex-direction:column;align-items:center;text-align:center;gap:12px}.pin-keuze{align-items:center;text-align:center}.pin-keuze .hosts{justify-content:center}.venster{width:100%}.pin-keuze .lede{min-height:2.8em}}
@media (prefers-reduced-motion:reduce){html{scroll-snap-type:none}.pin-baan{height:auto}.pin-vast{position:static;height:auto;padding:clamp(56px,6.5vw,96px) 0}.venster{transform:none;opacity:1;will-change:auto}.laag{transition:none;transform:none}}