.sable-video-record{position:relative;display:grid;grid-template-columns:132px minmax(0,1fr) 42px;align-items:center;gap:13px;width:100%;padding:0;border:1px solid color-mix(in srgb,var(--active-glow) 42%,transparent);overflow:hidden;color:#fff;text-align:left;background:linear-gradient(100deg,rgba(14,38,29,.88),rgba(3,7,13,.96));box-shadow:0 16px 35px rgba(0,0,0,.32);cursor:pointer}
.sable-video-record:before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(75,209,154,.1),transparent 72%);transform:translateX(-100%);transition:transform .7s}.sable-video-record:hover:before{transform:translateX(100%)}
.sable-video-record img{display:block;width:132px;height:76px;object-fit:cover;filter:saturate(.78) brightness(.72);transition:filter .25s,transform .5s}.sable-video-record:hover img{filter:saturate(1.08) brightness(.95);transform:scale(1.04)}
.sable-video-record small{display:block;color:#62d6a2;font:700 7px var(--mono,monospace);letter-spacing:.15em}.sable-video-record strong{display:block;margin-top:5px;font:500 15px Georgia,serif}.sable-video-record em{display:block;margin-top:4px;color:#8b9590;font:italic 10px Georgia,serif}.sable-video-record b{display:grid;place-items:center;width:31px;height:31px;border:1px solid #62d6a2;border-radius:50%;color:#62d6a2;font:700 12px var(--mono,monospace)}
.sable-mv{position:fixed;z-index:10050;inset:0;display:none;background:#000}.sable-mv.active{display:block}.sable-mv-film{position:absolute;inset:0;overflow:hidden;background:#000;isolation:isolate}.sable-mv-images,.sable-mv-images img,.sable-mv-blackout,.sable-mv-grain,.sable-mv-vignette{position:absolute;inset:0}.sable-mv-images img{width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.055);filter:brightness(.67) saturate(.82);transition:opacity 1.05s ease,filter 1.1s ease;will-change:transform,opacity}.sable-mv-images img.active{opacity:1;animation:sableMvPush 5.8s cubic-bezier(.18,.7,.2,1) both;filter:brightness(.9) saturate(.98)}
.sable-mv-images img:nth-child(3n).active{animation-name:sableMvDriftRight}.sable-mv-images img:nth-child(3n + 2).active{animation-name:sableMvDriftLeft}.sable-mv-film.chorus .sable-mv-images img.active{animation-duration:4.4s;filter:brightness(1) saturate(1.14) contrast(1.04)}
.sable-mv-blackout{z-index:5;background:#000;opacity:0;pointer-events:none;transition:opacity .2s}.sable-mv-film.blackout .sable-mv-blackout{opacity:1}.sable-mv-grain{z-index:6;pointer-events:none;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.75'/%3E%3C/svg%3E");animation:sableGrain .18s steps(2) infinite}.sable-mv-vignette{z-index:7;pointer-events:none;background:radial-gradient(ellipse at center,transparent 40%,rgba(0,0,0,.67) 100%),linear-gradient(180deg,rgba(0,0,0,.23),transparent 18%,transparent 76%,rgba(0,0,0,.62))}
.sable-mv-topline{position:absolute;z-index:9;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:18px 22px;background:linear-gradient(#000b,transparent);opacity:.75;transition:opacity .25s}.sable-mv-topline:hover,.sable-mv-controls:hover{opacity:1}.sable-mv-topline span{color:#8adbb0;font:700 8px var(--mono,monospace);letter-spacing:.22em}.sable-mv-topline button{width:38px;height:38px;border:1px solid rgba(138,219,176,.55);border-radius:50%;color:#fff;background:rgba(0,0,0,.5);font-size:24px}
.sable-mv-controls{position:absolute;z-index:9;left:50%;bottom:18px;display:grid;grid-template-columns:38px 42px minmax(120px,520px) 42px auto;align-items:center;gap:11px;width:min(92vw,760px);padding:11px 14px;transform:translateX(-50%);border:1px solid rgba(138,219,176,.22);background:rgba(0,5,4,.72);backdrop-filter:blur(12px);opacity:.72;transition:opacity .25s}.sable-mv-controls button{height:32px;border:1px solid rgba(138,219,176,.45);color:#b7f2d2;background:rgba(23,77,56,.35);font:700 9px var(--mono,monospace);letter-spacing:.09em}.sable-mv-controls span{color:#b8c4bd;font:700 8px var(--mono,monospace)}.sable-mv-controls input{width:100%;accent-color:#62d6a2}.sable-mv-controls #sable-mv-replay{width:66px}
body.sable-mv-active{overflow:hidden}.sable-mv-film.finished .sable-mv-images:after{content:"DON’T MISTAKE IT FOR QUIET";position:absolute;z-index:4;inset:0;display:grid;place-items:center;color:#e9fff4;background:rgba(0,0,0,.6);font:italic clamp(24px,4vw,62px) Georgia,serif;letter-spacing:.04em;text-shadow:0 0 28px #4bd19a;animation:sableTitleIn 1.4s ease both}
@keyframes sableMvPush{from{transform:scale(1.075) translateY(1.2%)}to{transform:scale(1.015) translateY(-.4%)}}@keyframes sableMvDriftLeft{from{transform:scale(1.07) translateX(1.5%)}to{transform:scale(1.02) translateX(-1%)}}@keyframes sableMvDriftRight{from{transform:scale(1.07) translateX(-1.5%)}to{transform:scale(1.02) translateX(1%)}}@keyframes sableGrain{0%{transform:translate(-1%,1%)}50%{transform:translate(1%,-1%)}100%{transform:translate(-.5%,.5%)}}@keyframes sableTitleIn{from{opacity:0;filter:blur(12px)}to{opacity:1;filter:blur(0)}}
@media(max-width:620px){.sable-video-record{grid-template-columns:105px minmax(0,1fr) 34px;min-width:290px}.sable-video-record img{width:105px;height:70px}.sable-mv-controls{grid-template-columns:34px 36px minmax(70px,1fr) 36px;bottom:8px}.sable-mv-controls #sable-mv-replay{position:absolute;right:11px;bottom:52px}.sable-mv-topline{padding:10px 12px}.sable-mv-images img{object-fit:contain}}
@media(prefers-reduced-motion:reduce){.sable-mv-images img.active,.sable-mv-grain{animation:none}}
.cinema-film-grid:has(.cinema-film-sable-mv){grid-template-columns:repeat(3,minmax(0,1fr))}.cinema-film-sable-mv{border-color:rgba(75,209,154,.48);background:#06120d}.cinema-film-sable-mv img{filter:brightness(.68) saturate(.76);object-position:center}.cinema-film-sable-mv:hover img{filter:brightness(.9) saturate(1.04)}.cinema-film-sable-mv .cinema-film-shade{background:linear-gradient(180deg,rgba(1,7,5,.02) 18%,rgba(1,8,5,.3) 50%,rgba(0,5,3,.96) 100%)}.cinema-film-sable-mv .cinema-film-copy small,.cinema-film-sable-mv .cinema-film-copy>span{color:#72e0ac}.cinema-film-sable-mv .cinema-film-copy strong em{color:#72e0ac}
@media(max-width:1050px){.cinema-film-grid:has(.cinema-film-sable-mv){grid-template-columns:1fr 1fr}.cinema-film-sable-mv{grid-column:1/-1;min-height:420px}}@media(max-width:680px){.cinema-film-grid:has(.cinema-film-sable-mv){grid-template-columns:1fr}.cinema-film-sable-mv{grid-column:auto;min-height:360px}}