/* A quiet film page: the original picture ratio and sound take priority. */
.film-page{font-family:var(--site-font);line-height:1.65}
.film-page *{box-sizing:border-box}
.film-main{width:min(1120px,calc(100% - 96px));margin:56px auto 0}
.film-heading{margin:0 0 32px;max-width:920px}
.film-heading h1{font-size:clamp(28px,3.3vw,46px);font-weight:400;line-height:1.4;letter-spacing:-.025em;margin:0 0 20px;overflow-wrap:anywhere}
.film-meta{display:flex;align-items:baseline;flex-wrap:wrap;gap:12px 28px;font-size:12px;color:var(--site-muted)}
.film-meta time{font-variant-numeric:tabular-nums;letter-spacing:.055em}
.film-role{display:inline-flex;align-items:baseline;gap:12px;margin:0}
.film-role::before{content:"";width:18px;height:1px;background:var(--site-yellow);align-self:center;flex-shrink:0}
.film-role>span:last-child{color:var(--site-ink)}
.film-player{position:relative;margin:0;width:100%;background:#101010;isolation:isolate}
.film-player video{display:block;width:100%;height:auto;max-height:78vh;max-height:78svh;aspect-ratio:var(--film-ratio,16/9);object-fit:contain;background:#101010;color:#fff}
.film-play{position:absolute;inset:0;margin:auto;z-index:1;display:flex;align-items:center;justify-content:center;gap:12px;width:max-content;max-width:calc(100% - 36px);height:48px;padding:0 22px;border:1px solid #ffffff42;border-radius:0;background:#252525db;color:#f1f1f1;font:12px var(--site-font);letter-spacing:.025em;cursor:pointer;backdrop-filter:blur(8px)}
.film-play::before{content:"";width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid currentColor}
.film-play:hover{background:#303030ee;border-color:#ffffff70}
.film-page .film-play:focus-visible{outline:2px solid #f1f1f1;outline-offset:4px}
.film-play:disabled{cursor:wait}
.film-status{position:relative;color:var(--site-muted);background:var(--site-bg);font-size:12px;line-height:1.75;margin:0;padding:12px 0 0;min-height:0}
.film-status:empty{display:none}
.film-direct{display:block;background:var(--site-bg);color:var(--site-ink);font-size:12px;line-height:1.8;text-decoration:underline;text-underline-offset:4px;padding:7px 0 0}
.film-page [hidden]{display:none!important}
.film-content{max-width:760px;margin:56px auto 0;font-size:17px;line-height:1.95;color:var(--site-ink)}
.film-content h2{font-size:26px;line-height:1.55;font-weight:400;margin:48px 0 20px;letter-spacing:-.015em}
.film-content h3{font-size:19px;line-height:1.65;font-weight:500;margin:32px 0 14px}
.film-content p{margin:0 0 20px}
.film-content a{color:inherit;text-underline-offset:5px;text-decoration-thickness:1px}
.film-content a:hover{color:var(--site-yellow)}
.film-content :first-child{margin-top:0}
.film-chapters{list-style:none;margin:0;padding:0;border-top:1px solid var(--site-line)}
.film-chapters li{margin:0;border-bottom:1px solid var(--site-line)}
.film-chapters button{display:flex;align-items:baseline;gap:20px;width:100%;padding:15px 0;border:0;border-radius:0;background:transparent;text-align:left;color:var(--site-ink);font:14px/1.7 var(--site-font);cursor:pointer}
.film-chapters button:hover{color:var(--site-yellow)}
.film-chapters time,.film-chapters button>span:first-child{font-size:12px;color:var(--site-muted);font-variant-numeric:tabular-nums;min-width:42px}
.film-chapters button[aria-current=true]::after{content:"";width:6px;height:6px;background:var(--site-yellow);border-radius:50%;margin-left:auto;align-self:center;flex-shrink:0}
@media(max-width:760px){.film-main{width:calc(100% - 36px);margin-top:34px}.film-heading{margin-bottom:25px}.film-heading h1{font-size:28px;margin-bottom:16px}.film-meta{gap:9px 20px;font-size:11px}.film-role{gap:9px}.film-player video{max-height:70svh}.film-play{height:44px;padding:0 18px}.film-content{margin-top:40px;font-size:16px;line-height:1.95}.film-content h2{font-size:23px;margin-top:38px}.film-chapters button{font-size:13px;gap:16px}}
@media(prefers-reduced-motion:reduce){.film-page :is(a,button){transition:none}}