main{max-width:1320px}h1{font-size:clamp(32px,5vw,65px)}#filters{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}#filters button{font-size:12px;border-radius:0;background:transparent;border:0;color:#999;padding:8px 10px}#filters button[aria-pressed=true]{color:var(--orange);border-bottom:1px solid var(--orange)}.film-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.film-tile{position:relative;aspect-ratio:1/1;border:0;padding:0;overflow:hidden;background:#111;text-align:left;border-radius:0}.film-tile img{width:100%;height:100%;object-fit:cover;filter:grayscale(1);transition:filter .5s,transform .5s}.film-tile:hover img,.film-tile:focus-visible img{filter:grayscale(0);transform:scale(1.025)}.film-tile .film-info{position:absolute;inset:auto 0 0;padding:36px 12px 12px;background:linear-gradient(transparent,#000b);line-height:1.35}.film-info b{display:block;font-size:16px;font-weight:400}.film-info small{font-size:9px;color:#bbb;opacity:.6}.film-tile .play{position:absolute;top:12px;right:12px;font-size:17px;color:#fff9}.document-indicator{position:absolute;top:12px;left:12px;font-size:9px;color:#fff8}#film-viewer{width:min(1100px,96vw);max-height:94vh;padding:22px;overflow:auto}#close-film{position:absolute;right:10px;top:8px;background:transparent;border:0;font-size:25px}#film-title{font-size:24px;padding-right:35px;margin:6px 0}#film-player{width:100%;max-height:65vh;background:#000;display:block}#film-documents{display:flex;gap:16px;flex-wrap:wrap;margin-top:20px}.document-card{width:180px;text-decoration:none;color:inherit;font-size:12px}.document-card img{width:100%;height:140px;object-fit:contain;background:#fff;display:block;margin-bottom:8px}@media(max-width:1000px){.film-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:650px){.film-grid{grid-template-columns:repeat(2,minmax(0,1fr))}main{padding:28px 4vw}.film-info b{font-size:14px}}