.film-strip{touch-action:pan-y;user-select:none;cursor:grab;clip-path:inset(0);height:clamp(300px,40vh,440px);transition:clip-path .7s cubic-bezier(.65,0,.35,1);position:relative;overflow:hidden}.film-strip.rewound{clip-path:inset(0 100% 0 0);transition-duration:.45s}.film-strip .ring{transform-style:preserve-3d;position:absolute;top:50%;left:50%}.film-strip .frame{cursor:pointer;background:#1b120c;padding:26px 6px;display:block}.film-strip .frame:before,.film-strip .frame:after{content:"";background:repeating-linear-gradient(90deg,#0000 0 7px,#f7f5f1 7px 17px,#0000 17px 24px);height:9px;position:absolute;left:4px;right:4px}.film-strip .frame:before{top:9px}.film-strip .frame:after{bottom:9px}.film-strip .win{width:100%;height:100%;display:block;position:relative;overflow:hidden;container-type:size}.film-strip .frame img{object-fit:cover;pointer-events:none;width:100%;height:100%}.film-strip .win.portrait img{width:100cqh;height:100cqw;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-90deg)}.film-strip .fno{color:#f39a1e;font-family:var(--mono,monospace);letter-spacing:.1em;opacity:.85;font-size:8px;position:absolute;bottom:-1px;right:12px}