.films-section{padding:96px 0;background:#141613;color:#f5f2ea;overflow:hidden}.films-section .shell{min-width:0}.films-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:32px}.films-heading h2{font:500 clamp(29px,3.3vw,46px)/1.15 Manrope,sans-serif;letter-spacing:-1.6px;max-width:650px;margin:0 0 16px}.films-heading h2 em{font-style:normal;color:#e4c563}.films-heading p{color:#bebfb6;max-width:560px;line-height:1.7;margin:0}.film-nav{display:flex;gap:10px;flex-shrink:0}.film-nav button,.film-dialog button{border:1px solid #ffffff38;background:transparent;color:#f5f2ea;border-radius:999px;padding:12px 20px;font:500 13px 'DM Sans',sans-serif;cursor:pointer;min-height:44px}.film-nav button:hover,.film-dialog button:hover{background:#e4c563;color:#111}.film-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}.film-filters button{border:1px solid #ffffff30;border-radius:999px;background:transparent;color:#d1d2c9;padding:10px 17px;min-height:44px;font:500 13px 'DM Sans',sans-serif;cursor:pointer}.film-filters button[aria-pressed=true]{background:#e4c563;color:#171812;border-color:#e4c563}.film-track{display:flex;gap:20px;overflow:auto;scroll-snap-type:x mandatory;padding:0 0 20px;scrollbar-width:thin;scrollbar-color:#b39443 #242620}.film-card{flex:0 0 calc((100% - 60px)/4);min-width:0;scroll-snap-align:start}.film-card[hidden]{display:none!important}.film-card a{display:block;text-decoration:none;color:inherit;border-radius:16px}.film-poster{position:relative;aspect-ratio:9/13;background:#22251e;overflow:hidden;border:1px solid #ffffff1c;border-radius:16px}.film-poster img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s}.film-poster:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#0009);pointer-events:none}.film-card a:hover img{transform:scale(1.035)}.film-play{position:absolute;left:16px;bottom:16px;z-index:1;display:flex;align-items:center;gap:8px;padding:10px 14px;background:#111b;border:1px solid #ffffff60;border-radius:999px;backdrop-filter:blur(8px);font-size:12px}.film-play svg{width:15px;height:15px;fill:#e4c563}.film-duration{position:absolute;top:13px;right:13px;background:#111c;color:#fff;border-radius:7px;padding:5px 8px;font-size:11px}.film-caption{padding:16px 3px 4px}.film-caption small{color:#e4c563;font-size:11px;letter-spacing:1.2px;text-transform:uppercase}.film-caption h3{font:500 16px/1.45 Manrope,sans-serif;margin:6px 0 0;letter-spacing:-.2px}.film-status{font-size:12px;color:#b6b9ab;margin-top:16px}.film-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 20px;overflow:visible}.film-dialog{box-sizing:border-box;border:1px solid #ffffff30;border-radius:20px;background:#151713;color:#fff;padding:18px;width:min(560px,calc(100% - 24px));max-height:94dvh;overflow:auto}.film-dialog::backdrop{background:#000d;backdrop-filter:blur(8px)}.film-dialog-top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.film-dialog h2{font:500 15px/1.4 Manrope,sans-serif;margin:0;max-width:310px}.film-dialog button{font-size:12px;padding:9px 15px}.film-dialog video{display:block;max-width:100%;width:100%;height:min(65dvh,640px);background:#080908;border-radius:10px;object-fit:contain}.film-dialog-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:14px;gap:10px}.film-dialog-bottom span{font-size:12px;color:#c5c8bc}.film-open{overflow:hidden}.films-section a:focus-visible,.films-section button:focus-visible,.film-dialog button:focus-visible{outline:3px solid #ffe18b;outline-offset:4px}
@media(max-width:1000px){.film-card{flex-basis:calc((100% - 40px)/3)}.film-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.films-section{padding:62px 0}.films-heading{display:block;margin-bottom:24px}.films-heading h2{font-size:31px;letter-spacing:-1px}.film-nav{margin-top:22px}.film-card{flex-basis:72%}.film-track{gap:14px}.film-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}.film-grid .film-poster{aspect-ratio:9/14}.film-caption h3{font-size:14px}.film-filters{gap:7px}.film-filters button{font-size:12px;padding:9px 13px}.film-dialog{padding:12px}.film-dialog-top{gap:8px}.film-dialog h2{font-size:13px}.film-dialog video{height:62dvh}}
@media(prefers-reduced-motion:reduce){.film-poster img{transition:none}.film-card a:hover img{transform:none}}