.work-viewer{--viewer-ink:#f5f5f7;--viewer-muted:#a4a4ad;--viewer-line:#ffffff23;color:var(--viewer-ink);background:#101013f5;border:1px solid #ffffff30;border-radius:28px;padding:0;width:min(1440px,96vw);max-width:96vw;height:min(940px,94svh);max-height:94svh;overflow:hidden;box-shadow:0 35px 150px #0009;backdrop-filter:blur(35px);-webkit-backdrop-filter:blur(35px)}
.work-viewer::backdrop{background:#050507da;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.work-viewer-layout{display:flex;flex-direction:column;height:100%;min-height:0}.work-viewer-header{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:20px 25px;border-bottom:1px solid var(--viewer-line);flex:none}.work-viewer-heading{min-width:0}.work-viewer-kind{font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--viewer-muted);margin:0 0 5px}.work-viewer-title{font:500 15px/1.4 Manrope,Arial,sans-serif;letter-spacing:-.2px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.work-viewer-count{font-size:11px;color:var(--viewer-muted);margin:0;white-space:nowrap}.work-viewer-header-actions{display:flex;align-items:center;gap:16px;flex:none}
.work-viewer-button{font:500 12px/1.4 'DM Sans',Arial,sans-serif;color:var(--viewer-ink);border:1px solid var(--viewer-line);border-radius:10px;padding:10px 14px;min-width:44px;min-height:44px;background:#ffffff09;cursor:pointer;transition:background .25s,border-color .25s;white-space:nowrap}.work-viewer-button:hover:not(:disabled){background:#ffffff18;border-color:#ffffff48}.work-viewer-button:disabled{opacity:.3;cursor:default}.work-viewer-button:focus-visible,.work-viewer-thumb:focus-visible{outline:2px solid var(--accent,#ee6470);outline-offset:3px}.work-viewer-button[hidden]{display:none}.work-viewer-close{background:#ffffff13}
.work-viewer-stage{position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;margin:12px 14px 0;background:#08080a;border:1px solid #ffffff0c;border-radius:18px;overflow:hidden;overscroll-behavior:contain}.work-viewer-stage.is-zoomed{display:block;overflow:auto;cursor:grab;touch-action:pan-x pan-y}.work-viewer-canvas{position:relative;display:grid;place-items:center;flex:none;min-width:100%;min-height:100%}.work-viewer-image{display:block;flex:none;max-width:none!important;max-height:none;object-fit:contain;user-select:none;-webkit-user-drag:none}.work-viewer-media{position:relative;flex:none;max-width:100%;max-height:100%;overflow:hidden}.work-viewer-media iframe,.work-viewer-media video{display:block;width:100%;height:100%;border:0;object-fit:contain;background:#08080a}.work-viewer-stage.is-loading:after{content:'Beeld laden';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:10px;letter-spacing:.08em;color:var(--viewer-muted);pointer-events:none}.work-viewer-stage.is-error{padding:30px}.work-viewer-error{font-size:13px;text-align:center;line-height:1.8;color:var(--viewer-muted)}.work-viewer-error a{display:block;margin-top:12px;color:white;text-decoration:underline;text-underline-offset:4px}
.work-viewer-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:12px 24px;flex:none}.work-viewer-navigation,.work-viewer-tools{display:flex;gap:7px;align-items:center}.work-viewer-zoom-level{font-size:11px;min-width:30px;text-align:center;color:var(--viewer-muted)}.work-viewer-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.work-viewer-strip{display:flex;gap:9px;align-items:center;overflow:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#ffffff30 transparent;padding:13px 24px 18px;border-top:1px solid var(--viewer-line);flex:none;min-height:96px}.work-viewer-thumb{position:relative;flex:0 0 76px;height:60px;border:1px solid #ffffff16;background:#202024;border-radius:10px;padding:3px;overflow:hidden;opacity:.53;cursor:pointer;transition:opacity .25s,border-color .25s}.work-viewer-thumb img{width:100%;height:100%;object-fit:cover;border-radius:7px}.work-viewer-thumb.is-active{opacity:1;border-color:var(--accent,#ee6470)}.work-viewer-thumb:hover{opacity:1}.work-viewer-thumb-type{position:absolute;bottom:4px;left:4px;right:4px;font-size:7px;font-weight:500;line-height:1.4;padding:2px 3px;color:#fff;background:#0008;backdrop-filter:blur(10px);border-radius:0 0 6px 6px;text-align:center}.work-viewer-thumb-fallback{display:grid;place-items:center;width:100%;height:100%;color:#fff;font-size:9px}
.work-viewer:fullscreen{width:100vw;max-width:100vw;height:100svh;max-height:100svh;border:0;border-radius:0}.work-viewer:fullscreen .work-viewer-stage{margin-inline:18px}.work-viewer[open]{animation:work-viewer-in .24s ease-out}@keyframes work-viewer-in{from{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:none}}
.work-viewer-stage.is-panning{cursor:grabbing;user-select:none}
.work-viewer.is-single-item .work-viewer-navigation,.work-viewer.is-single-item .work-viewer-strip,.work-viewer.is-single-item .work-viewer-count{display:none}
.work-viewer.is-single-item .work-viewer-toolbar{justify-content:center}
.work-viewer-stage.is-swipeable{touch-action:pan-y}
.work-viewer-canvas.is-swipe-next{animation:work-viewer-photo-next .24s cubic-bezier(.2,.65,.25,1) both}
.work-viewer-canvas.is-swipe-previous{animation:work-viewer-photo-previous .24s cubic-bezier(.2,.65,.25,1) both}
@keyframes work-viewer-photo-next{from{opacity:.2;transform:translateX(28px)}to{opacity:1;transform:translateX(0)}}
@keyframes work-viewer-photo-previous{from{opacity:.2;transform:translateX(-28px)}to{opacity:1;transform:translateX(0)}}
@media(max-width:650px){.work-viewer{width:96vw;max-width:96vw;height:92svh;max-height:92svh;border-radius:22px}.work-viewer-header{padding:16px;gap:12px}.work-viewer-header-actions{gap:10px}.work-viewer-kind{font-size:9px}.work-viewer-title{font-size:12px;max-width:49vw}.work-viewer-count{font-size:11px}.work-viewer-button{font-size:12px;padding:10px 13px;min-height:44px;border-radius:9px}.work-viewer-stage{margin:8px 8px 0;border-radius:14px}.work-viewer-toolbar{padding:10px 12px;gap:8px;flex-wrap:wrap}.work-viewer-navigation{width:100%;justify-content:space-between}.work-viewer-navigation .work-viewer-button{flex:1}.work-viewer-tools{width:100%;justify-content:center}.work-viewer-tools{gap:5px;flex-wrap:wrap}.work-viewer-navigation{gap:5px}.work-viewer-zoom-level{font-size:11px;min-width:32px}.work-viewer-strip{padding:11px 12px 13px;min-height:82px;gap:7px}.work-viewer-thumb{flex-basis:63px;height:53px}.work-viewer-error{font-size:11px}.work-viewer-stage.is-error{padding:20px}}
@media(max-height:600px) and (min-width:650px){.work-viewer-header{padding:10px 18px}.work-viewer-strip{min-height:68px;padding:8px 18px}.work-viewer-thumb{height:45px;flex-basis:60px}.work-viewer-toolbar{padding:8px 18px}}
@media(prefers-reduced-motion:reduce){.work-viewer[open],.work-viewer-canvas.is-swipe-next,.work-viewer-canvas.is-swipe-previous{animation:none}.work-viewer-button,.work-viewer-thumb{transition:none}}
/* Films need just navigation and full screen, leaving more room for the image. */
@media(max-width:650px){.work-viewer[data-media-type="film"] .work-viewer-toolbar{flex-wrap:nowrap;gap:8px}.work-viewer[data-media-type="film"] .work-viewer-navigation{width:auto;flex:1}.work-viewer[data-media-type="film"] .work-viewer-tools{width:auto;flex:none}.work-viewer[data-media-type="film"] .work-viewer-toolbar .work-viewer-button{font-size:11px;padding-inline:11px}}