.films [hidden]{display:none!important}.films{--films-gap:clamp(14px, 1.6vw, 22px);max-width:1328px;padding:clamp(12px, 3vw, 40px) var(--gutter) clamp(64px, 10vh, 120px);margin:0 auto}.films-head{gap:16px;max-width:46rem;margin-bottom:clamp(28px,4vw,44px);display:grid}.films-head h1{font-size:clamp(40px,5.6vw,72px)}.films-head .lede{color:var(--para);text-wrap:pretty;max-width:40rem;font-size:clamp(17px,1.6vw,19px);line-height:1.55}.films-body{gap:var(--films-gap);grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;display:grid}.films-results{grid-area:1/1/auto/4;min-width:0}.filters{scrollbar-width:thin;grid-area:1/4;gap:12px;min-width:0;max-height:calc(100svh - 112px);display:grid;position:sticky;top:96px;overflow-y:auto}.filters input[type=search]{width:100%;min-width:0;font:500 16px/1.2 var(--f-sans);color:var(--white);border-radius:var(--r-pill);border:1px solid var(--line);background:#ffffff0a;outline:none;padding:11px 16px}.filters input[type=search]::placeholder{color:var(--dim)}.filters input[type=search]:focus-visible{border-color:var(--orange)}.filter-group{border-radius:var(--r-small);background:var(--surface);border:1px solid #ffffff14;gap:12px;min-width:0;padding:16px;display:grid}.filter-label{letter-spacing:.18em;text-transform:uppercase;color:var(--dim);font-size:12px;font-weight:600}.chips{flex-wrap:wrap;gap:8px;min-width:0;display:flex}.chip{font:500 13px/1 var(--f-sans);color:var(--text-2);border-radius:var(--r-pill);border:1px solid var(--line);cursor:pointer;white-space:nowrap;background:#ffffff0a;padding:8px 13px;transition:border-color .2s,background .2s,color .2s}.chip:hover{color:var(--white);border-color:#ffffff4d}.chip[aria-pressed=true]{color:var(--white);border-color:var(--orange);background:#ff6b2c24}.filter-foot{justify-content:space-between;align-items:center;gap:12px;padding:2px 6px 8px 4px;display:flex}.filters .count{color:var(--dim);font-variant-numeric:tabular-nums;font-size:13px;font-weight:500}.clear{font:600 14px/1 var(--f-sans);color:var(--para);cursor:pointer;text-underline-offset:4px;background:0 0;border:0;flex:none;padding:6px 2px;-webkit-text-decoration:underline #ffffff40;text-decoration:underline #ffffff40}.clear:hover{color:var(--white);-webkit-text-decoration-color:var(--orange);text-decoration-color:var(--orange)}.films .none{color:var(--para);padding:clamp(28px,6vh,64px) 0;font-size:17px}.film-grid{gap:var(--films-gap);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.film{border-radius:var(--r-small);background:var(--surface);border:1px solid #ffffff14;grid-template-rows:auto 1fr;min-width:0;transition:border-color .2s;display:grid;overflow:hidden}.film:hover,.film:focus-within{border-color:#ff6b2c80}.film-media{aspect-ratio:4/5;background:var(--thumb);position:relative;overflow:hidden}.film-media video{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.film.sound .film-media video{object-fit:contain;background:var(--video)}.film-play,.film-length{z-index:1;font:600 12px/1 var(--f-sans);letter-spacing:.04em;color:var(--white);border-radius:var(--r-pill);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0b07088c;border:1px solid #ffffff29;align-items:center;gap:7px;padding:7px 11px;display:inline-flex;position:absolute}.film-play{cursor:pointer;transition:border-color .2s;bottom:12px;left:12px}.film:not(.sound) .film-media video{cursor:pointer}.film-media:hover .film-play,.film-play:hover{border-color:var(--orange)}.film-length{font-variant-numeric:tabular-nums;top:12px;right:12px}.film.sound .film-play,.film.sound .film-length{display:none}.film-body{align-content:start;gap:8px;padding:16px 18px 20px;display:grid}.film-kicker{flex-wrap:wrap;align-items:baseline;gap:4px 10px;display:flex}.film-kicker .eyebrow{letter-spacing:.18em;font-size:11px}.film-kicker .cat{color:var(--dim);font-size:12px;font-weight:500}.film-title{letter-spacing:-.02em;font-size:clamp(18px,1.5vw,21px)}.film-spec{color:var(--dim);font-size:12px;line-height:1.45}.film-made{color:var(--text-2);font-size:13px;line-height:1.45}.film-more{color:var(--white);justify-self:start;align-items:center;gap:8px;margin-top:4px;font-size:14px;font-weight:600;display:inline-flex}.film-more:hover{color:var(--accent)}.film-more svg{transition:transform .2s}.film-more:hover svg{transform:translate(3px)}@media (width<=1100px){.films-body{grid-template-columns:repeat(3,minmax(0,1fr))}.films-results{grid-column:1/3}.filters{grid-column:3}.film-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=820px){.films-body{grid-template-columns:minmax(0,1fr);gap:clamp(20px,4vw,28px)}.films-results,.filters{grid-area:auto/1}.filters{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px 14px;max-height:none;position:static;overflow:visible}.filter-group{background:0 0;border:0;border-radius:0;grid-area:2/1/auto/-1;align-items:center;gap:10px;padding:0;display:flex}.filter-group+.filter-group{grid-row:3}.filter-group+.filter-group+.filter-group{grid-row:4}.filter-label{letter-spacing:.14em;flex:none;min-width:5.4rem;font-size:11px}.chips{scrollbar-width:none;margin:-6px calc(var(--gutter) * -1) -6px -6px;padding:6px var(--gutter) 6px 6px;flex-wrap:nowrap;flex:auto;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.filter-foot{grid-area:1/2;padding:0}}@media (width<=560px){.film-body{gap:6px;padding:12px 12px 16px}.film-kicker .eyebrow{letter-spacing:.14em;font-size:10px}.film-title{font-size:16px}.film-made,.film-more{font-size:13px}.film-play,.film-length{padding:6px 9px;font-size:11px}.film-play{bottom:8px;left:8px}.film-length{top:8px;right:8px}}@media (prefers-reduced-motion:reduce){.chip,.film,.film-play,.film-more svg{transition:none}}