.showreel-section[hidden]{display:none}
.showreel-section{padding-block:clamp(40px,5vw,72px);scroll-margin-top:1rem}
.showreel-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:2rem}
.showreel-heading .eyebrow{margin-bottom:.8rem}
.showreel-heading h2{font-size:clamp(2.8rem,5vw,5rem)}
.showreel-duration{font-size:.875rem;font-variant-numeric:tabular-nums;color:var(--muted);white-space:nowrap}
.showreel-section .cinema-player{border:1px solid var(--line)}
.showreel-footer{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;margin-top:1.3rem}
.showreel-footer>span{font-size:.8125rem;letter-spacing:.1em;color:var(--muted)}
.showreel-section .player-quality{letter-spacing:.02em}
@media(max-width:760px){.showreel-heading{margin-bottom:1.25rem}.showreel-heading h2{font-size:clamp(2.6rem,10vw,4.4rem)}.showreel-heading .eyebrow{font-size:.75rem;letter-spacing:.04em}.showreel-footer{align-items:flex-start;gap:1rem}.showreel-footer>span{font-size:.75rem;letter-spacing:0}.showreel-footer .text-link{font-size:.8125rem;gap:.65rem}}