/* Films — coming soon (copy from the Films section of Main.dc.html) */

.films-soon {
  position: relative; display: flex; align-items: center; justify-content: center;
  height: 100vh; height: 100svh; min-height: 560px; overflow: hidden;
  background: var(--navy); text-align: center;
}
.films-soon__video {
  position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover;
}
.films-soon__shade {
  position: absolute; inset: 0;
  background:
    radial-gradient(ellipse 60% 55% at 50% 52%, rgba(6, 20, 58, 0.72) 0%, rgba(6, 20, 58, 0.25) 100%),
    linear-gradient(180deg, rgba(6, 20, 58, 0.6) 0%, rgba(6, 20, 58, 0.3) 40%, rgba(6, 20, 58, 0.85) 100%);
}
.films-soon__body {
  position: relative; z-index: 2; max-width: 760px;
  display: flex; flex-direction: column; align-items: center; gap: 20px;
  padding: 110px var(--gutter) 72px;
}
.films-soon__title { font-size: clamp(44px, min(6.4vw, 10vh), 96px); text-shadow: 0 0 40px rgba(143, 211, 224, 0.25); }
.films-soon__lede { margin: 0; max-width: 540px; font-size: clamp(16px, 1.35vw, 19px); color: rgba(255, 255, 255, 0.92); }
.films-soon__tag {
  margin: 4px 0 0; font-family: var(--serif); font-style: italic; font-weight: 300;
  font-size: clamp(30px, 3vw, 40px); line-height: 1.1;
}
.films-soon__ctas { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px 24px; margin-top: 8px; }
.films-soon__toggle {
  position: absolute; z-index: 3; right: var(--gutter); bottom: 28px;
  display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px;
  border-radius: 22px; border: 1px solid rgba(255, 255, 255, 0.5); background: rgba(6, 20, 58, 0.32);
  color: #FFFFFF; cursor: pointer; transition: border-color .25s ease-out, background-color .25s ease-out;
}
.films-soon__toggle:hover { border-color: var(--gold); background: rgba(227, 192, 137, 0.14); }

@media (max-width: 700px) {
  .films-soon__ctas .btn { flex: 1 1 100%; }
  .films-soon__toggle { bottom: 16px; }
}