.films-section{padding:80px 4%;background:#f4ebde}
.films-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:35px}
.films-heading h2{max-width:760px}
.films-heading p{max-width:580px;font-size:17px}
.films-heading .social-link{white-space:nowrap;margin-bottom:22px;font-size:16px}
.films-track{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#a58366 transparent;padding:0 0 12px;overscroll-behavior-x:contain}
.film-card{flex:0 0 calc((100% - 48px)/3);min-width:0;scroll-snap-align:start}
.film-cover{display:block;position:relative;width:100%;aspect-ratio:9/16;border:0;border-radius:18px;overflow:hidden;padding:0;text-align:left;background:#4a3023;color:#fffaf1;isolation:isolate;text-decoration:none}
.film-poster:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#20130950,transparent 35%,#21140915 48%,#211409e8 100%);z-index:1;pointer-events:none}
.film-cover img,.film-cover video{display:block;width:100%;height:100%;object-fit:cover}
.film-cover img{transition:transform .6s}
.film-poster:hover img{transform:scale(1.035)}
.film-top{position:absolute;inset:22px 22px auto;z-index:2;display:flex;justify-content:space-between;gap:8px;font-family:Toroka;font-size:17px;letter-spacing:.5px}
.film-top span:last-child{font-size:13px;border:1px solid #fff8;padding:4px 8px;border-radius:20px}
.film-caption{position:absolute;z-index:2;bottom:25px;left:25px;right:25px;display:grid;gap:14px}
.film-kicker{font-family:Toroka;font-size:10px;letter-spacing:1.1px}
.film-caption strong{font-family:Bunch;font-size:clamp(22px,2.4vw,34px);line-height:1.12;letter-spacing:-.5px}
.film-watch{border-top:1px solid #fff5;padding-top:14px;font-family:Toroka;font-size:15px;line-height:1.4}
.film-card>.film-description{font-size:14px;line-height:1.6;margin:13px 0 0;color:#715442}
.film-native video{object-fit:contain;background:#21180f}
.film-native-caption{padding-top:16px}
.film-native-caption h3{font-size:24px;line-height:1.15;margin:0 0 8px}
.film-original{font-size:13px;text-underline-offset:4px}
.films-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:20px;font-size:14px}
.film-track-controls{display:flex;gap:10px}
.film-track-controls button{width:44px;height:44px;flex:none;border:1px solid #7c5c43;background:transparent;color:#4a3023;border-radius:50%;font-size:22px}
.film-track-controls button:disabled{opacity:.3;cursor:default}
.film-poster:focus-visible{outline:3px solid #fff6d7;outline-offset:-7px}
.film-native video:focus-visible{outline:3px solid #fff6d7;outline-offset:-4px}
.film-original:focus-visible,.film-track-controls button:focus-visible{outline:3px solid #9f542e;outline-offset:4px}
@media(min-width:1600px){.films-track{max-width:1320px;margin:auto}}
@media(max-width:700px){
  .films-section{padding:50px 20px;overflow:hidden}
  .films-heading{display:block;margin-bottom:25px}
  .films-heading h2{font-size:40px}
  .films-heading p{font-size:15px}
  .films-heading .social-link{margin:5px 0 0;font-size:14px}
  .films-track{gap:12px;padding-bottom:12px;scroll-padding-inline:0}
  .film-card{flex-basis:calc((100% - 12px)/2)}
  .film-cover{border-radius:11px}
  .film-top{inset:12px 10px auto;font-size:11px;letter-spacing:0}
  .film-top span:last-child{font-size:10px;padding:2px 4px}
  .film-caption{bottom:13px;left:11px;right:11px;gap:9px}
  .film-kicker{font-size:7px;letter-spacing:.5px}
  .film-caption strong{font-size:clamp(16px,4.7vw,27px);letter-spacing:-.3px}
  .film-watch{font-size:10px;line-height:1.4;padding-top:9px}
  .film-card>.film-description{font-size:12px;line-height:1.5;margin-top:10px}
  .film-native-caption{padding-top:12px}
  .film-native-caption h3{font-size:18px}
  .film-original{font-size:11px}
  .films-bottom{font-size:12px;align-items:center}
  .film-track-controls{gap:7px}
}
@media(prefers-reduced-motion:reduce){.film-cover img{transition:none}.film-poster:hover img{transform:none}}