.film-overlay{position:fixed;inset:0;z-index:80;background:rgba(10,10,11,.92);backdrop-filter:blur(10px);animation:film-fade .24s var(--ease-spring) both}.film-content{position:fixed;left:50%;top:50%;z-index:81;width:min(92vw,calc((100svh - 6rem) * 16 / 9),1280px);transform:translate(-50%,-50%);outline:none;animation:film-in .36s var(--ease-spring) both}.film-video{display:block;width:100%;aspect-ratio:16/9;background:#000;border-radius:14px;border:1px solid var(--gray-dim);box-shadow:0 40px 120px -30px rgba(0,0,0,.9),0 0 0 1px rgba(212,255,63,.06)}.film-inline{border-color:var(--gray-dim);box-shadow:0 40px 120px -40px rgba(0,0,0,.8)}.film-close{position:absolute;right:0;top:-3rem;display:inline-flex;align-items:center;gap:.5rem;color:var(--gray);background:transparent;border:0;padding:.4rem .2rem;font-family:var(--font-display);font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;transition:color .16s}.film-close:hover{color:var(--paper)}.film-close kbd{font-family:var(--font-mono);font-size:.68rem;letter-spacing:0;text-transform:none;border:1px solid var(--gray-dim);border-radius:5px;padding:.15rem .4rem}@keyframes film-fade{0%{opacity:0}to{opacity:1}}@keyframes film-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.965) translateY(10px)}to{opacity:1;transform:translate(-50%,-50%) scale(1) translateY(0)}}.film-poster{position:relative;display:block;width:100%;overflow:hidden;border-radius:14px;border:1px solid var(--gray-dim);background:var(--ink);cursor:pointer;padding:0;text-align:left;color:inherit}.film-poster img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;transition:transform .9s var(--ease-spring),opacity .3s}.film-poster:hover img{transform:scale(1.015)}.film-poster:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,10,11,0) 55%,rgba(10,10,11,.55));pointer-events:none}.film-play{position:absolute;left:50%;top:50%;z-index:1;width:5.5rem;height:5.5rem;transform:translate(-50%,-50%);border-radius:999px;background:var(--lime);color:var(--void);display:grid;place-items:center;box-shadow:0 10px 50px rgba(212,255,63,.3);transition:transform .22s var(--ease-spring),box-shadow .22s}.film-poster:hover .film-play{transform:translate(-50%,-50%) scale(1.06);box-shadow:0 14px 70px rgba(212,255,63,.4)}.film-poster:focus-visible{outline:2px solid var(--lime);outline-offset:4px}.film-meta{position:absolute;left:1.25rem;right:1.25rem;bottom:1.1rem;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:1rem;font-family:var(--font-display);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--paper)}.film-meta span:last-child{color:var(--gray)}@media (prefers-reduced-motion:reduce){.film-content,.film-overlay{animation:none}.film-play,.film-poster img{transition:none}}