.pv{position:relative;width:100%;height:100%;overflow:hidden;background:color-mix(in srgb,var(--diep) 88%,var(--surface));color:var(--ink);font-family:var(--f-body, Inter, system-ui, sans-serif)}.pv-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:1;transition:opacity .5s ease;filter:saturate(.9)}.pv-poster.pv-weg{opacity:0}.pv-canvas{position:absolute;inset:0;opacity:0;transition:opacity .6s ease}.pv-canvas.pv-aan{opacity:1}.pv-ui{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:calc(24 * var(--k-u, 1px));pointer-events:none}.pv-ui>*{pointer-events:auto}.pv-kop{display:flex;align-items:flex-start;justify-content:space-between;gap:calc(24 * var(--k-u, 1px))}.pv-naam{margin:0;font-size:var(--k-h3, calc(44 * var(--k-u, 1px)));line-height:var(--k-lh-h3, 1.2);font-weight:650;letter-spacing:-.01em}.pv-sub{margin:calc(8 * var(--k-u, 1px)) 0 0;font-size:var(--k-label, calc(22 * var(--k-u, 1px)));line-height:var(--k-lh-label, 1.2);color:var(--muted)}.pv-voet{display:flex;align-items:center;justify-content:space-between;gap:calc(24 * var(--k-u, 1px))}.pv-hint{font-size:var(--k-label, calc(22 * var(--k-u, 1px)));color:var(--muted)}.pv-puls{animation:pv-puls 1.4s ease-in-out infinite}@keyframes pv-puls{0%,to{opacity:.45}50%{opacity:1}}.pv-knop{appearance:none;border:1px solid var(--border, rgba(255, 255, 255, .14));background:var(--surface);color:var(--ink);font:inherit;font-size:var(--k-label, calc(22 * var(--k-u, 1px)));font-weight:600;min-height:var(--k-touch-min, calc(72 * var(--k-u, 1px)));padding:0 calc(32 * var(--k-u, 1px));border-radius:999px;cursor:pointer;transition:background .15s ease,border-color .15s ease}.pv-knop:active{background:color-mix(in srgb,var(--brand) 12%,var(--surface));border-color:var(--brand)}.pv-sluit{padding:0;width:var(--k-touch-min, calc(72 * var(--k-u, 1px)));height:var(--k-touch-min, calc(72 * var(--k-u, 1px)));flex:0 0 auto;font-size:var(--k-label, calc(22 * var(--k-u, 1px)));line-height:1}.pv-melding{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-width:min(calc(760 * var(--k-u, 1px)),82%);display:flex;flex-direction:column;gap:calc(12 * var(--k-u, 1px));text-align:center;padding:calc(32 * var(--k-u, 1px)) calc(40 * var(--k-u, 1px));border-radius:var(--k-r-m, calc(28 * var(--k-u, 1px)));border:1px solid var(--border, rgba(255, 255, 255, .14));background:var(--surface)}.pv-melding strong{font-size:var(--k-h3, calc(44 * var(--k-u, 1px)));font-weight:600}.pv-melding span{font-size:var(--k-label, calc(22 * var(--k-u, 1px)));line-height:var(--k-lh-body, 1.4);color:var(--muted)}.pv-overlay{position:fixed;inset:0;z-index:var(--z-overlay);background:color-mix(in srgb,var(--diep) 94%,transparent);animation:pv-in .32s cubic-bezier(.16,1,.3,1)}@keyframes pv-in{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion: reduce){.pv-overlay{animation:none}.pv-puls{animation:none;opacity:.8}.pv-poster,.pv-canvas{transition:none}}