/* Long-form film notes: quiet navigation and a comfortable reading measure. */
.film-story{display:grid;grid-template-columns:188px minmax(0,720px);justify-content:space-between;gap:64px;padding:76px 0 16px;margin-top:24px;border-top:1px solid #e7e7eb}
.film-chapters{position:sticky;top:36px;align-self:start}
.film-chapters .eyebrow{margin-bottom:24px}
.film-chapters ol{list-style:none;padding:0;margin:0}
.film-chapters li+li{margin-top:4px}
.film-chapters ol a{display:flex;gap:16px;padding:11px 0;text-decoration:none;color:#72737c;font-size:13px;line-height:1.5;transition:color .15s}
.film-chapters ol a span{color:#aaaab2;font:11px/1.8 Inter,sans-serif;font-variant-numeric:tabular-nums}
.film-chapters ol a:hover,.film-chapters ol a:focus-visible{color:var(--blue)}
.film-back-to-player{display:inline-block;margin-top:28px;padding-top:22px;border-top:1px solid #e7e7eb;text-decoration:none;font-size:12px;color:var(--blue)}
.film-story-body{min-width:0}
.film-chapter{scroll-margin-top:40px}
.film-chapter+.film-chapter{margin-top:62px;padding-top:52px;border-top:1px solid #ececf0}
.film-chapter-number{display:block;margin-bottom:16px;color:var(--blue);font:500 12px/1.4 Inter,sans-serif;letter-spacing:.08em}
.film-chapter h2{margin:0 0 24px;font-size:clamp(23px,2.1vw,29px);line-height:1.5;letter-spacing:-.035em;font-weight:600;text-wrap:pretty;color:var(--ink)}
.film-chapter p{margin:0;color:#585a63;font-size:16px;line-height:2;letter-spacing:.01em;overflow-wrap:break-word}
.film-chapter p+p{margin-top:18px}
#film-player{scroll-margin-top:24px}
@media(max-width:900px){.film-story{grid-template-columns:145px minmax(0,1fr);gap:36px}.film-chapter p{font-size:15px}}
@media(max-width:600px){
  .film-story{display:block;padding-top:32px;margin-top:28px}
  .film-chapters{position:static;padding-bottom:30px;margin-bottom:38px;border-bottom:1px solid #e7e7eb}
  .film-chapters .eyebrow{margin-bottom:16px}
  .film-chapters ol{display:grid;grid-template-columns:1fr 1fr;column-gap:22px}
  .film-chapters li+li{margin-top:0}
  .film-chapters ol a{padding:9px 0;font-size:12px;gap:12px}
  .film-back-to-player{display:none}
  .film-chapter h2{font-size:23px;line-height:1.5;margin-bottom:20px}
  .film-chapter p{font-size:15px;line-height:1.95}
  .film-chapter+.film-chapter{margin-top:38px;padding-top:34px}
  .film-chapter-number{margin-bottom:12px}
}
@media(prefers-reduced-motion:reduce){.film-chapters ol a{transition:none}}