/* V62 · Scherp op dubbele maat, en een staande versie voor de telefoon. */
.pin-baan{height:280vh}
.venster{width:min(100%,calc((100svh - var(--balk,64px) - var(--kop,132px) - 64px)*2))}
.laag .ui{image-rendering:auto}
.laag video{object-fit:cover}
.tijd{font-size:.9cqw}
@media (max-width:860px){.balk .wrap{gap:10px}.balk b{white-space:nowrap}.balk .rechts>a:not(.knop){display:none!important}}
@media (max-width:860px) and (orientation:portrait){
  html{scroll-snap-type:none}
  .pin-snap{display:none}
  .pin-baan{height:240lvh}
  .pin-vast{align-items:flex-start;padding-top:10px}
  .pin-kop{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;margin-bottom:10px;text-align:left}
  .pin-tekst{display:contents}
  .pin-kop .kop{font-size:clamp(24px,7.2vw,30px);flex:0 0 auto;order:1}
  .pin-kop>.hosts{order:2;justify-content:flex-end;gap:6px;flex:0 0 auto}
  .pin-kop>.hosts button{flex-direction:column;padding:6px 8px 5px;gap:4px;min-width:60px;min-height:44px;font-size:9px;border-radius:12px}
  .pin-kop>.hosts button img{width:30px;height:30px}
  .pin-kop>.hosts button span{white-space:nowrap}
  .pin-tekst .lede{order:3;flex:1 0 100%;margin:0;font-size:14px;line-height:1.3;min-height:2.6em;text-align:left}
  .venster.staand{aspect-ratio:1000/1560;width:min(100%,calc((100svh - var(--balk,64px) - var(--kop,150px) - 30px)*1000/1560));border-radius:12px}
  .venster.staand .tijd{font-size:2.6cqw}
  .venster.staand .kopt{width:1.5px}
  .kopl b{width:6px;height:6px;left:-2.5px;margin-top:-3px}
}
@media (max-width:860px) and (orientation:portrait) and (max-height:720px){.pin-tekst .lede{display:none}}