/* v35: restrained vintage film-strip frames, original video proportions */
.film-thumb,.film-strip{--film:#292722;display:inline-block;position:relative;padding:12px 21px;background:var(--film);border:1px solid #605a4e;box-shadow:3px 5px 0 rgba(40,34,27,.15);vertical-align:middle;max-width:100%;box-sizing:border-box}
.film-thumb:before,.film-thumb:after,.film-strip:before,.film-strip:after{content:"";position:absolute;top:6px;bottom:6px;width:8px;background:repeating-linear-gradient(to bottom,#eee3ce 0 11px,transparent 11px 19px);border-radius:1px}
.film-thumb:before,.film-strip:before{left:6px}.film-thumb:after,.film-strip:after{right:6px}
.film-thumb__window{display:block;position:relative;overflow:hidden;background:#272521;line-height:0}
.film-thumb video,.film-strip video{display:block;width:auto;height:auto;max-width:100%;max-height:65vh;background:transparent}
.film-thumb__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font:1.5rem/1 sans-serif;color:#fff;text-shadow:0 2px 8px #000}
.film-thumb--map{padding:7px 13px;max-width:120px}.film-thumb--map:before,.film-thumb--map:after{top:4px;bottom:4px;width:5px;background:repeating-linear-gradient(to bottom,#eee3ce 0 7px,transparent 7px 12px)}.film-thumb--map:before{left:4px}.film-thumb--map:after{right:4px}.film-thumb--map video{max-height:145px;max-width:90px}
.film-thumb--gallery{cursor:pointer;border-radius:0;transform:rotate(-2deg)}.film-thumb--gallery:hover{transform:rotate(0deg) scale(1.025)}
.film-thumb--gallery video{max-height:320px;max-width:min(72vw,260px)}
.film-viewer{max-width:95vw;max-height:95dvh;border:0;padding:2.3rem 1rem 1rem;background:#eee5d6;box-shadow:0 12px 40px #0006}.film-viewer::backdrop{background:#191816d9}.film-viewer__close{position:absolute;top:0;right:.5rem;background:none;border:0;font-size:2rem;cursor:pointer}.film-strip--large video{max-height:calc(90dvh - 7rem);max-width:min(80vw,800px)}

/* v36: dark, edge-to-edge gallery video viewer */
.film-viewer{position:fixed;inset:0;margin:0;width:100vw;height:100dvh;max-width:none;max-height:none;box-sizing:border-box;padding:3.5rem 1rem 1rem;background:#141413f5;border:0;box-shadow:none;color:#fff;align-items:center;justify-content:center}
.film-viewer[open]{display:flex}
.film-viewer::backdrop{background:#0d0d0def}
.film-viewer__close{position:fixed;top:1rem;right:1.5rem;color:#fff;font-size:2.6rem;z-index:2}
.film-strip--large video{max-height:calc(100dvh - 7rem);max-width:calc(100vw - 6rem);object-fit:contain}
.film-thumb__window img.film-poster{display:block;width:auto;max-width:min(72vw,260px);max-height:320px;height:auto}