/* Watch pages inherit the approved display type, ink marks and paper grain. */
.video-hero-link{margin-left:1.8rem}
.video-thumbnail{position:relative;display:block;width:100%;background:#132333;overflow:hidden;color:#fff}
.video-thumbnail img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.video-thumbnail:focus-visible{outline:4px solid #d17661;outline-offset:5px}
.video-item h3 a{color:inherit;text-decoration:none}
.video-item h3 a:hover{text-decoration:underline;text-underline-offset:.18em}
.short-library{grid-template-columns:repeat(3,minmax(0,1fr));gap:45px 32px}
.short-library .video-item h3,.related-library .video-item h3{font-size:clamp(1.15rem,1.6vw,1.6rem);line-height:1.3}
.short-library .video-thumbnail{aspect-ratio:4/5;border:2px solid #17232d;box-shadow:5px 6px 0 #17232d}
.short-library .video-thumbnail img{height:100%;object-fit:cover}
.video-duration{color:#fff;font-weight:700}
.film-screenings{border-top:2px solid #17232d}
.page-videos-watch .screenings{background-color:var(--paper);color:var(--ink)}
.watch-page{padding:145px 6% 65px}
.watch-inner{max-width:1160px;margin:auto}
.watch-breadcrumb{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:30px;font-size:.85rem}
.watch-breadcrumb a{color:inherit;text-underline-offset:4px}
.watch-heading .handwritten{margin:0 0 12px;color:#814336}
body.v2 .watch-heading h1{font-family:var(--display);font-size:clamp(1.7rem,3.2vw,2.8rem);line-height:1.2;letter-spacing:-.025em;max-width:32ch;margin:0 0 28px;overflow-wrap:anywhere}
.watch-player{width:100%;aspect-ratio:16/9;background:#0d1526;box-shadow:8px 9px 0 #17232d33;border:2px solid #17232d}
.watch-player iframe{display:block;width:100%;height:100%;border:0}
.watch-meta{display:flex;flex-wrap:wrap;gap:10px 24px;font-size:.9rem;margin:28px 0 14px}
.watch-description{max-width:70ch;font-size:1.1rem;line-height:1.65}
.watch-actions{display:flex;flex-wrap:wrap;gap:18px 30px;margin-top:24px}
.watch-related{padding-top:55px;border-top:2px solid #17232d}
.related-library{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.watch-short .watch-stage{display:grid;grid-template-columns:minmax(240px,360px) minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:7%;align-items:start}
.watch-short .watch-player{grid-column:1;grid-row:1/3;aspect-ratio:9/16;max-height:660px}
.watch-short .watch-heading{grid-column:2;grid-row:1;padding-top:16px}
.watch-short .watch-details{grid-column:2;grid-row:2}
.watch-short .watch-meta{margin-top:0}
@media(max-width:760px){
  .video-hero-link{display:block;margin:20px 0 0}
  .short-library{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 20px}
  body.v2 .short-library .video-item h3{font-size:1rem;line-height:1.35}
  .short-library .video-item .handwritten{font-size:.8rem}
  .short-library .video-item>div{padding:20px 0 0}
  .short-library .play-orbit{width:48px;height:48px;font-size:28px}
  .watch-page{padding:115px 7% 45px}
  .watch-breadcrumb{font-size:.75rem;margin-bottom:25px}
  .watch-short .watch-stage{display:flex;flex-direction:column;gap:0}
  .watch-short .watch-player{max-width:300px;width:100%;height:auto;max-height:none;align-self:center}
  .watch-short .watch-heading{padding-top:0}
  .watch-short .watch-meta{margin-top:28px}
  .watch-description{font-size:1rem}
  .related-library{grid-template-columns:1fr;gap:28px}
  .watch-related .chapter-heading{padding:0}
}
