/* Film pages (credits and sources). The About page's night, one calm reading column, dotted rules between entries. */
.filmpage .nav{position:absolute}
.film{max-width:760px;margin:0 auto;padding:clamp(150px,20vh,210px) 24px 72px}
.film > .cap{color:var(--acc);letter-spacing:.2em}
.film h1{font-weight:560;font-size:clamp(46px,7.4vw,84px);line-height:1;letter-spacing:-.035em;margin:18px 0 22px;text-wrap:balance}
.film .flede{font-size:clamp(19px,2.1vw,23px);line-height:1.45;color:var(--soft);max-width:34ch;text-wrap:pretty}
.film .fmeta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;margin-top:30px;font-family:var(--m);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.film .fwatch{display:inline-flex;align-items:center;gap:8px;color:var(--ink);padding:9px 16px;border-radius:999px;border:2px dotted rgba(159,208,196,.62)}
.film .fwatch svg{width:13px;height:13px}
.film .fwatch:hover{color:var(--acc)}
.film section{margin-top:clamp(64px,9vh,96px)}
.film h2.cap{color:var(--mute);margin-bottom:14px}
.film .fnote{font-size:15px;color:var(--soft);margin:-4px 0 12px;max-width:52ch}
.fcr{list-style:none}
.fcr li{display:flex;justify-content:space-between;align-items:baseline;gap:8px 28px;padding:15px 0;
  background:radial-gradient(circle,rgba(179,220,210,.34) .8px,transparent 1.05px) 0 100%/7px 2px repeat-x}
.fcr li > a,.fcr li > .ft{font-size:16.5px;line-height:1.4;color:var(--ink);max-width:62%}
.fcr li > a{text-decoration:underline;text-decoration-color:rgba(159,208,196,.2);text-underline-offset:5px;text-decoration-thickness:1px}
.fcr li > a:hover{color:var(--acc);text-decoration-color:var(--acc)}
.fcr li > span:last-child{font-family:var(--m);font-size:11.5px;letter-spacing:.06em;color:var(--soft);text-align:right;flex:0 1 auto}
.fcr li > span:last-child a{color:var(--acc)}
.film .fend{max-width:58ch}
.film .fend p{font-size:15.5px;color:var(--soft);margin-bottom:12px}
.film .fend a{color:var(--acc);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.film .fend .flove{color:var(--ink);margin-top:22px}
.filmpage .legal{position:static;max-width:760px;margin:0 auto;padding:28px 24px calc(34px + env(safe-area-inset-bottom,0px))}
.filmpage .legal .fsoc{display:flex;gap:22px}
@media (max-width:640px){
  .film{padding-top:128px}
  .fcr li{flex-direction:column;gap:4px}
  .fcr li > a,.fcr li > .ft{max-width:100%}
  .fcr li > span:last-child{text-align:left}
}