.films-section{padding:100px 6%;border-top:1px solid #8884;scroll-margin-top:24px}.films-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:44px}.films-heading h2{font:clamp(42px,5.5vw,78px)/1.08 Georgia,serif;letter-spacing:-2px;margin:18px 0 0}.films-heading h2 em{font-weight:normal}.films-heading>div:last-child{max-width:370px}.films-heading p:not(.eyebrow){font-size:15px;line-height:1.85;opacity:.75}.films-heading a{display:inline-block;font-size:13px;padding:10px 0;border-bottom:1px solid currentColor}.films-grid{display:grid;grid-template-columns:1fr 1fr;gap:46px 28px}.film-card{margin:0;min-width:0}.film-featured{grid-column:1/-1}.film-card video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#090909;border:1px solid #8883}.film-card video:focus-visible{outline:2px solid currentColor;outline-offset:5px}.film-card figcaption{display:flex;justify-content:space-between;gap:20px;padding-top:18px}.film-category{text-transform:uppercase;font-size:10px;letter-spacing:2px;opacity:.65;margin:0 0 8px}.film-card h3{font:clamp(23px,2.5vw,32px)/1.2 Georgia,serif;margin:0}.film-duration{font-size:12px;opacity:.65;padding-top:3px;font-variant-numeric:tabular-nums}@media(max-width:760px){.films-section{padding:65px 5%}.films-heading{display:block}.films-heading>div:last-child{margin-top:22px;max-width:100%}.films-heading h2{letter-spacing:-1px}.films-grid{grid-template-columns:1fr;gap:32px}.film-featured{grid-column:auto}header nav{gap:16px}}@media(max-width:430px){header nav{gap:11px;font-size:11px}}

.film-controls{padding:14px 0 4px}.film-buttons{display:flex;align-items:center;gap:10px}.film-buttons button{min-height:42px;min-width:52px;border:1px solid #8886;border-radius:3px;background:transparent;color:inherit;padding:8px 12px;cursor:pointer}.film-buttons button:hover:not(:disabled){background:#8882}.film-buttons button:disabled{opacity:.4;cursor:default}.film-buttons .film-play{min-width:76px}.film-time{margin-left:auto;font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap}.film-seek{display:block;width:100%;height:30px;margin:8px 0 0;accent-color:#b99a72;cursor:pointer}.film-seek:disabled{cursor:default;opacity:.4}.film-seek:focus-visible{outline:2px solid currentColor;outline-offset:3px}.film-status{font-size:13px;line-height:1.5;opacity:.8;margin:6px 0 0}.film-status:empty{display:none}@media(max-width:380px){.film-buttons{gap:6px}.film-buttons button{padding:8px;min-width:46px}.film-buttons .film-play{min-width:60px}}