/* Shared PhotoSwipe + native video viewer. CSS insets are read by PhotoSwipe's
   paddingFn, keeping actual zoom geometry and visual spacing in agreement. */
:root { --fs-viewer-inset:var(--fs-space-4);--fs-viewer-blur:16px;--fs-viewer-tint:rgb(21 23 26 / .65); }
@media(min-width:768px){ :root { --fs-viewer-inset:var(--fs-space-8); } }
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){ :root { --fs-viewer-tint:rgb(0 0 0 / .20); } }
.pswp { z-index:2147483647!important;box-sizing:border-box;
 padding:calc(var(--fs-viewer-inset) + var(--fs-control-size) + var(--fs-space-1) + env(safe-area-inset-top,0px)) calc(var(--fs-viewer-inset) + env(safe-area-inset-right,0px)) calc(var(--fs-viewer-inset) + var(--fs-control-size) + var(--fs-space-1) + env(safe-area-inset-bottom,0px)) calc(var(--fs-viewer-inset) + env(safe-area-inset-left,0px));
}
.pswp { backdrop-filter:blur(var(--fs-viewer-blur));-webkit-backdrop-filter:blur(var(--fs-viewer-blur)); }
.pswp .pswp__bg { background:var(--fs-viewer-tint)!important; }
.work-case-player::backdrop { background:var(--fs-viewer-tint);backdrop-filter:blur(var(--fs-viewer-blur));-webkit-backdrop-filter:blur(var(--fs-viewer-blur)); }
.pswp :is(.pswp__scroll-wrap,.pswp__container,.pswp__item,.pswp__top-bar) { background:transparent!important; }
.pswp::before,.pswp::after,.pswp .pswp__bg::before,.pswp .pswp__bg::after,.work-case-player::before,.work-case-player::after { content:none!important;display:none!important; }
.pswp img.pswp__img { border-radius:var(--fs-radius-lg);object-fit:contain; }
.pswp :is(.pswp__button--close,.pswp__button--zoom) { margin-top:calc(var(--fs-viewer-inset) + env(safe-area-inset-top,0px)); }
.pswp .pswp__counter { border-radius:var(--fs-radius-pill);height:auto;line-height:1.4;padding:.7rem 1rem;margin-top:.75rem;bottom:max(var(--fs-viewer-inset),env(safe-area-inset-bottom,0px)); }
.work-case-player {
 position:fixed;inset:0;margin:auto;width:fit-content;max-width:calc(100vw - 2 * var(--fs-viewer-inset));
 max-height:calc(100vh - 2 * var(--fs-viewer-inset));max-height:calc(100svh - 2 * var(--fs-viewer-inset));
 background:transparent;border:0;color:white;padding:0;overflow:visible;
}
.work-case-player[open] { display:flex;flex-direction:column;align-items:stretch; }
.work-case-player__media {
 width:min(1200px,calc(100vw - 2 * var(--fs-viewer-inset) - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px)),calc((100svh - 2 * var(--fs-viewer-inset) - 2 * var(--fs-control-size) - 2 * var(--fs-space-3) - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px)) * var(--viewer-ratio)));
 aspect-ratio:var(--viewer-ratio);border-radius:var(--fs-radius-lg);
}
.work-case-player__media :is(video,iframe) { display:block;width:100%;height:100%;max-height:none;border:0;border-radius:inherit;object-fit:contain;background:transparent; }
.work-case-player__close { margin:0 0 var(--fs-space-3) auto; }

/* YouTube's minimum player viewport; the video itself remains letterboxed at 16:9. */
.work-case-player__media[data-provider="youtube"] { min-height:200px; }