.voice-performance { display: block; color: var(--ink-soft); margin: -.5rem 0 1rem; }
.voice-download { display: inline-block; margin-block: .85rem 1.2rem; }
.release-film { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr); gap: clamp(2rem, 5vw, 5rem); align-items: center; padding-block: clamp(3rem, 6vw, 6rem); background: url('../art/workshop-grain.svg'), var(--paper-shade); border-top: 1px solid var(--line); }
.release-film h2 { font-size: clamp(2rem, 3vw, 3.2rem); line-height: 1.08; }
.release-film small { display: block; margin-top: 1rem; color: var(--ink-soft); }
.release-film-player { aspect-ratio: 16 / 9; background: var(--ink-deep); border: 1px solid var(--sun); box-shadow: 5px 6px 0 color-mix(in srgb, var(--sun) 45%, var(--paper)); }
.release-film-player iframe { width: 100%; height: 100%; border: 0; }
.release-film-play { position: relative; width: 100%; height: 100%; border: 0; padding: 0; cursor: pointer; color: var(--paper); background: var(--ink-deep); }
.release-film-play img { width: 100%; height: 100%; object-fit: cover; opacity: .67; }
.release-film-play > span { position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start; padding: clamp(1rem, 3vw, 2.5rem); background: linear-gradient(transparent 20%, var(--ink-deep)); font-size: 1.25rem; text-align: left; }
.release-film-play strong { font-family: var(--display); font-size: clamp(1.3rem, 2vw, 2rem); }
.release-film-play small { color: var(--paper); font-size: .8rem; margin-top: .3rem; }
@media (max-width: 760px) { .release-film { grid-template-columns: 1fr; } }