.filmstrip{position:relative;margin:24px 0 44px;overflow:hidden;border-block:1px solid #ef6c2c66;padding:15px 0;background:linear-gradient(90deg,#f36b1810,transparent 40%,#f36b1810);isolation:isolate}.filmstrip:focus-visible{outline:2px solid #f05a16;outline-offset:5px}.filmstrip-track{display:flex;width:max-content;animation:filmTravel 42s linear infinite;will-change:transform}.filmstrip:hover .filmstrip-track,.filmstrip:focus-within .filmstrip-track{animation-play-state:paused}.filmstrip-group{display:flex;flex:none;background:#121416;position:relative;gap:10px;padding:24px 10px 24px 0}.filmstrip-group:before,.filmstrip-group:after{content:"";position:absolute;left:0;right:0;height:10px;background:repeating-linear-gradient(90deg,transparent 0 7px,#e5e5e5 7px 18px,transparent 18px 27px)}.filmstrip-group:before{top:7px}.filmstrip-group:after{bottom:7px}.film-frame{position:relative;flex:none;width:260px;aspect-ratio:16/9;margin:0;overflow:hidden;background:#222;border:1px solid #ffffff20}.film-frame img,.film-frame video{width:100%;height:100%;display:block;object-fit:cover;filter:saturate(.68);transition:filter .3s,transform .5s}.film-frame:hover img,.film-frame:hover video{filter:saturate(1);transform:scale(1.025)}.film-frame figcaption{position:absolute;inset:auto 0 0;background:linear-gradient(transparent,#000c);color:#fff;padding:26px 12px 9px;font:12px ui-monospace,monospace;letter-spacing:.08em}.film-frame figcaption span{color:#ff914f;margin-right:10px}.filmstrip:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 22px 0 22px -17px #f05a16,inset -22px 0 22px -17px #f05a16;border-block:1px solid #f05a1655}.filmstrip-pause{position:absolute;top:0;right:12px;z-index:2;border:1px solid #e77736;background:var(--bg,#fff);color:#c44d16;font:12px ui-monospace,monospace;padding:5px 9px;cursor:pointer}.filmstrip[data-paused="true"] .filmstrip-track{animation-play-state:paused}@keyframes filmTravel{to{transform:translateX(-50%)}}@media(max-width:600px){.film-frame{width:220px}.filmstrip{margin-bottom:28px}}@media(prefers-reduced-motion:reduce){.filmstrip-track{animation:none;transform:none}.filmstrip{overflow-x:auto}.filmstrip-group[aria-hidden="true"]{display:none}.filmstrip-pause{display:none}.film-frame img,.film-frame video{transition:none}}

.film-frame video{filter:none;object-fit:contain;background:#000}.film-frame:hover video{filter:none;transform:none}

.filmstrip-label{font:13px ui-monospace,monospace;color:#e96925;letter-spacing:.12em;margin:28px 0 0}.filmstrip-label+.filmstrip{margin-top:12px}.filmstrip-reverse .filmstrip-track{animation-direction:reverse;animation-duration:36s}