/* ===== Кино / Movies ===== */
.films{max-width:var(--maxw);margin:0 auto;
  padding:clamp(118px,18vh,190px) clamp(20px,4vw,52px) clamp(80px,12vw,150px)}
.films-head{margin-bottom:clamp(20px,3vw,40px)}
.films-head h1{font-family:var(--fd);font-weight:800;font-size:clamp(40px,8vw,110px);
  line-height:.9;letter-spacing:-.02em;margin-top:8px}

.film{display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(24px,4vw,64px);
  align-items:center;padding:clamp(34px,5vw,68px) 0;border-top:1px solid var(--line)}
.film:last-child{border-bottom:1px solid var(--line)}
.film:nth-child(even) .film-media{order:2}

.film-media{position:relative;aspect-ratio:16/9;border-radius:7px;overflow:hidden;
  background:#16161a;cursor:pointer}
.film-media img{width:100%;height:100%;object-fit:cover;filter:grayscale(.12) contrast(1.03);
  transition:transform .8s var(--ease),filter .6s var(--ease)}
.film-media:hover img{transform:scale(1.04);filter:grayscale(0)}
.film-media iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* play button */
.film-play{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}
.film-play::before{content:"";width:74px;height:74px;border-radius:50%;
  background:rgba(176,42,71,.92);backdrop-filter:blur(2px);
  box-shadow:0 10px 40px -8px rgba(0,0,0,.6);transition:transform .35s var(--ease)}
.film-play::after{content:"";position:absolute;width:0;height:0;
  border-style:solid;border-width:11px 0 11px 19px;border-color:transparent transparent transparent #fff;
  margin-left:5px}
.film-media:hover .film-play::before{transform:scale(1.12)}

/* external poster (ZDF / Okko) */
.film-ext a{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;
  padding:clamp(20px,2.5vw,34px);text-decoration:none;
  background:linear-gradient(135deg,#1c1822,#241019 60%,#0e1a1a)}
.film-ext-label{font-family:var(--fd);font-weight:800;font-size:clamp(22px,3vw,38px);
  line-height:1;color:var(--ink);letter-spacing:-.01em}
.film-ext-go{align-self:flex-end;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);position:relative;z-index:1}
.film-ext-label{position:relative;z-index:1}
.film-ext-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;
  filter:grayscale(.18) brightness(.62);transition:transform .8s var(--ease),filter .6s var(--ease)}
.film-ext a:hover .film-ext-img{transform:scale(1.04);filter:grayscale(0) brightness(.72)}
.film-ext a:hover .film-ext-go{color:var(--ink)}

.film-title{font-family:var(--fd);font-weight:700;font-size:clamp(26px,3.4vw,46px);
  line-height:1;letter-spacing:-.01em}
.film-meta{margin-top:12px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}
.film-desc{margin-top:clamp(16px,2vw,24px)}
.film-desc p{font-size:clamp(15px,1.5vw,17px);line-height:1.65;color:#d9d4ca}
.film-watch{display:inline-block;margin-top:22px;font-family:var(--fd);font-weight:600;
  font-size:16px;border-bottom:1px solid var(--line);padding-bottom:4px;transition:color .3s,border-color .3s}
.film-watch:hover{color:var(--accent);border-color:var(--accent)}

@media(max-width:820px){
  .film{grid-template-columns:1fr;gap:18px}
  .film:nth-child(even) .film-media{order:0}
}