.videos-main{max-width:800px;margin:0 auto;padding:64px 32px 96px;overflow-wrap:anywhere}
.videos-heading{padding-bottom:46px;border-bottom:1px solid #454139}
.videos-main h1{font:400 clamp(2.5rem,5vw,4.2rem)/1.08 var(--serif);letter-spacing:-.035em;margin:20px 0 24px}
.videos-heading h1{margin-top:0;font-size:clamp(3.8rem,7vw,6rem)}
.videos-heading>p:last-child{font:400 1.15rem/1.6 var(--serif);color:#c9c1b5;max-width:36ch}
.videos-main a{color:#dfc591;text-underline-offset:.22em;text-decoration-thickness:1px}
.videos-main a:hover{color:#fff2d6}
.videos-main :focus-visible{outline:2px solid #f0d29c;outline-offset:5px}
.video-list{margin:0;padding:0;list-style:none}
.video-entry{display:grid;grid-template-columns:135px minmax(0,1fr);gap:28px;align-items:start;padding:40px 0;border-bottom:1px solid #454139}
.video-entry-poster{display:block;width:135px;height:240px;object-fit:cover;border:1px solid #454139;background:#20201c}
.video-entry-copy{min-width:0}
.video-entry h2{font:400 clamp(1.6rem,3vw,2.2rem)/1.18 var(--serif);letter-spacing:-.02em;color:#f0eadf;margin:0 0 14px}
.video-entry-dossier{margin:0;color:#d1c8ba;font:400 1.1rem/1.55 var(--serif)}
.video-entry-date{margin:10px 0 0;color:#bcb3a5;font:400 .875rem/1.6 var(--sans)}
.video-entry-links{display:flex;flex-wrap:wrap;column-gap:20px;margin:6px 0 0;padding:0;list-style:none}
.video-entry-links a,.videos-more a,.videos-main>a{display:inline-flex;align-items:center;gap:4px;min-height:44px;font:600 1rem/1.4 var(--sans);text-decoration:none}
.video-entry-credit{margin:4px 0 0;color:#a39a8c;font:400 .8rem/1.5 var(--sans)}
.videos-more{padding-top:26px;margin:0}
.videos-empty{padding:40px 0;font:400 1.3rem/1.6 var(--serif)}
@media(max-width:600px){.videos-main{padding:36px 22px 64px}.videos-heading{padding-bottom:26px}.video-entry{grid-template-columns:90px minmax(0,1fr);gap:18px;padding:28px 0}.video-entry-poster{width:90px;height:160px}}
/* Entries that play here: the player is the entry's first column, wide enough to watch. Its whole 9:16
   frame fits below the 72px sticky header with 48px to spare, like the Dossier player. */
.video-entry.has-player{grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:36px}
.video-entry-player{margin:0;min-width:0}
.video-entry-player video{display:block;width:100%;width:min(100%,calc((100vh - 72px - 48px) * 9 / 16));width:min(100%,calc((100svh - 72px - 48px) * 9 / 16));height:auto;aspect-ratio:9/16;object-fit:contain;margin-inline:auto;background:#000 linear-gradient(160deg,#22211c,#0d0d0b);border:1px solid #454139}
.video-entry-player video:focus-visible{outline:2px solid #f0d29c;outline-offset:4px}
.video-entry-caption{margin:8px 0 0;text-align:center;color:#bcb3a5;font:400 .875rem/1.5 var(--sans)}
.video-entry-unavailable{margin:8px 0 0;color:#f0eadf;font:400 .95rem/1.5 var(--sans);text-align:center}
.video-entry-player.is-unavailable video{opacity:.45}
.video-entry-dossier-title{font-style:italic}
.video-entry-action{margin:14px 0 0}
.video-entry-action a{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 18px;border:1px solid #dfc591;border-radius:2px;color:#fff2d6;font:600 1rem/1.4 var(--sans);text-decoration:none}
.video-entry-action a:hover{background:#dfc591;color:#14130f}
@media(max-width:700px){.video-entry.has-player{grid-template-columns:minmax(0,1fr);gap:20px}.video-entry-player video{max-width:420px}}
@media (orientation: landscape) and (max-height: 500px){.video-entry-player video{width:min(100%,calc((100vh - 32px) * 9 / 16));width:min(100%,calc((100svh - 32px) * 9 / 16))}}
@media (prefers-reduced-motion: reduce){.video-entry-action a{transition:none}}