.film-band {
  margin: 0;
  padding: clamp(25px,3vw,44px) var(--photo-edge);
  background: #242d43;
  color: #fff;
  scroll-margin-top: 85px;
}
.film-band-inner {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(230px, min(35%,400px));
  align-items:center;
  gap:clamp(24px,6vw,88px);
  max-width:1080px;
  margin-inline:auto;
}
.film-info h2{font:400 clamp(26px,2.7vw,40px)/1.08 VambraceGeist,Satoshi,sans-serif;letter-spacing:-.045em;color:white;margin:0 0 10px}
.film-info p{margin:0 0 8px;color:#edf0f6;max-width:52ch;font:400 16px/1.45 Satoshi,sans-serif}
.film-info .film-category{font:400 12px/1.4 VambraceGeistMono,monospace;letter-spacing:.065em;color:#e7d9ed;margin-bottom:12px}
.film-info a,.film-info summary{color:#fff;font:500 14px/1.45 Satoshi,sans-serif;text-underline-offset:4px}
.film-info details{margin-top:13px}.film-info details>p{margin:11px 0}.film-info summary{cursor:pointer}
.film-cover{display:block;position:relative;isolation:isolate;aspect-ratio:16/9;overflow:hidden;border:1px solid #ffffff36;border-radius:4px;background:#161e2e;color:#fff;justify-self:stretch;text-decoration:none}
.film-cover img{display:block;width:100%;height:100%;object-fit:cover}
.film-cover::after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#0b0e16b8);pointer-events:none}
.film-cover .film-controls{position:absolute;z-index:1;left:14px;bottom:12px;display:flex;align-items:center;gap:9px;color:white;background:#1e283ae8;border-radius:2px;padding:5px 9px;font:500 14px/1.3 Satoshi,sans-serif}
.film-controls small{margin-left:6px;color:#fff;font:400 12px/1.4 VambraceGeistMono,monospace}
.film-play{font-size:12px;color:#fff}.film-cover:hover .film-controls,.film-cover:focus-visible .film-controls{background:#394963}
.film-dialog video{display:block;width:100%;max-height:75dvh;background:#162033}
.film-dialog header a{color:inherit;font-size:.9rem;text-underline-offset:4px;margin-left:auto}
@media(max-width:670px){.film-band-inner{grid-template-columns:1fr;gap:14px}.film-band{padding:23px var(--photo-edge)}.film-cover{width:min(100%,370px)}.film-info h2{margin-bottom:6px}}