/* Keep portrait footage complete and the editorial text outside the picture. */
.event-film-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,340px);align-items:center;gap:clamp(38px,6vw,88px);padding:48px 30px 44px;border-bottom:1px solid var(--line)}
.event-film-hero .article-head{max-width:none;margin:0;padding:0;min-width:0}
.event-film-hero h1{font-size:clamp(36px,4vw,54px);line-height:1.22;max-width:680px;margin-bottom:24px}
.event-film-hero .deck{font-size:18px;line-height:1.85;max-width:580px;margin-bottom:28px}
.event-guests{display:flex;flex-wrap:wrap;gap:18px 30px;margin:0 0 25px;padding:24px 0;border-block:1px solid var(--line)}
.event-guests dt{font-size:12px;color:var(--muted);line-height:1.6;margin-bottom:7px}
.event-guests dd{margin:0;font-size:17px;font-weight:600;line-height:1.6}
.event-guests dd span{font-size:12px;font-weight:400;color:var(--muted);display:block;letter-spacing:.01em}
.event-read-link{display:inline-flex;align-items:center;gap:13px;color:var(--accent);font-size:15px;padding-block:10px;margin-top:20px}
.event-read-link:hover{text-decoration:underline;text-underline-offset:5px}
.event-film{width:min(100%,340px,calc(65svh * 17 / 30));margin:0;justify-self:end;min-width:0}
.event-film video{width:100%;height:auto;aspect-ratio:17/30;object-fit:contain;border:1px solid var(--line);border-radius:20px;background:#101214;box-shadow:0 16px 44px rgb(0 0 0 / .12)}
.event-film video:focus-visible{outline:3px solid var(--accent);outline-offset:5px}
.event-film figcaption{display:flex;justify-content:space-between;gap:10px;font-size:12px;line-height:1.6;color:var(--muted);margin-top:15px}
.event-film figcaption span:first-child{color:var(--ink);font-weight:600}
.article-body>.recap-opening{margin-top:0;margin-bottom:34px}
@media(max-width:900px){
 .event-film-hero{grid-template-columns:minmax(0,1fr) minmax(220px,280px);gap:30px;padding-top:36px}
 .event-film-hero h1{font-size:36px}.event-film-hero .deck{font-size:17px}
 .event-guests{gap:14px 22px}.event-guests dd{font-size:16px}
}
@media(max-width:700px){
 .event-film-hero{grid-template-columns:minmax(0,1fr);gap:25px;padding:35px 24px 32px}
 .event-film-hero h1{font-size:32px;line-height:1.3;margin-bottom:20px}
 .event-film-hero .deck{font-size:17px;margin-bottom:22px}
 .event-guests{padding-block:20px;gap:18px 25px;margin-bottom:20px}
 .event-film{width:min(100%,340px);justify-self:center}
 .event-film video{border-radius:16px;box-shadow:0 10px 28px rgb(0 0 0 / .1)}
 .event-read-link{margin-top:13px}
}