/* Big product film: title on top, one wide player under it */
.film { padding: clamp(56px, 8vw, 112px) 0 clamp(40px, 6vw, 80px); }
.film-wrap { width: min(1296px, calc((100% - 32px) * 0.9)); margin-inline: auto; }
.film h2 { text-align: center; font-size: clamp(26px, 3.4vw, 44px); letter-spacing: -0.04em; margin-bottom: clamp(24px, 4vw, 52px); }
.film-player { position: relative; aspect-ratio: 16 / 9; overflow: hidden; background: #000 url("../film-poster.jpg") center / cover no-repeat; }
.film-player iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.film-sound {
  position: absolute; left: clamp(14px, 2.4vw, 32px); bottom: clamp(14px, 2.4vw, 32px); z-index: 2;
  display: inline-flex; gap: 10px; align-items: center; height: 44px; padding: 0 18px 0 14px;
  border: 1px solid var(--line-2); border-radius: 999px; background: rgba(10, 10, 10, 0.62);
  backdrop-filter: blur(12px); color: var(--text); font-size: 15px; font-weight: 500; cursor: pointer;
  transition: background 0.2s;
}
.film-sound:hover { background: rgba(10, 10, 10, 0.82); }
.film-sound svg { width: 18px; height: 18px; flex: none; }
.film-sound .on { display: none; }
.film-sound[aria-pressed="true"] .on { display: block; }
.film-sound[aria-pressed="true"] .off { display: none; }