.film-samples{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;margin-top:30px;align-items:start}
.film-sample{min-width:0}
.film-sample h3{margin:0 0 18px;min-height:2.5em;font:400 clamp(23px,2.3vw,32px)/1.25 Georgia,serif;color:var(--paper)}
.sample-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:14px}
.sample-actions .video-link{margin:0;font-size:12px;letter-spacing:.4px}
.sample-expand{border:1px solid #c89d5e70;padding:7px 13px;background:transparent;color:var(--paper);font-size:12px;letter-spacing:.4px}
.sample-expand:hover{background:var(--gold);color:var(--ink)}
.sample-runtime{display:block;margin-top:12px;color:#b4ad9e;font-size:12px;letter-spacing:.8px}
.sample-runtime[hidden]{display:none}
.film-sample.is-expanded{grid-column:1/-1;width:min(100%,1100px);justify-self:center;scroll-margin-top:30px}
.film-sample.is-expanded h3{min-height:0}
@media(max-width:800px){.film-samples{grid-template-columns:1fr;gap:38px}.film-sample h3{min-height:0}.sample-expand{display:none}.film-sample.is-expanded{width:100%}}