.film-page{color:#293e32;height:100dvh;padding:28px max(20px,env(safe-area-inset-right)) calc(48px + env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));overscroll-behavior-y:contain;background:#f4f5ef;overflow:auto}.film-content{max-width:1200px;margin:auto}.film-header{justify-content:space-between;align-items:center;gap:24px;display:flex}.film-back,.film-brand{align-items:center;gap:8px;font-size:14px;display:flex}.film-back:hover{text-decoration:underline}.film-brand{white-space:nowrap;font-weight:600}.film-intro{max-width:660px;margin:48px 0 24px}.film-eyebrow{letter-spacing:2px;color:#65746c;font-size:11px}.film-intro h1{letter-spacing:-2px;margin:12px 0;font-size:clamp(36px,6vw,58px);font-weight:450;line-height:1.1}.film-intro p{color:#526657;margin:12px 0;font-size:16px;line-height:1.6}.film-details{color:#65746c;font-size:13px}.film-player{aspect-ratio:16/9;background:#172820;border-radius:14px;width:100%;display:block;box-shadow:0 14px 44px #17282016}.film-under-player{color:#65746c;justify-content:space-between;align-items:center;gap:20px;margin:16px 0 32px;font-size:13px;display:flex}.film-under-player a{white-space:nowrap;color:#315c48;align-items:center;gap:8px;min-height:44px;display:flex}.film-under-player a:hover{text-decoration:underline}.film-chapters h2{letter-spacing:-.5px;margin-bottom:16px;font-size:22px;font-weight:500}.film-chapter-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.film-chapter-grid button{text-align:left;background:#f9faf6;border:1px solid #d3dcd2;border-radius:10px;align-items:center;gap:10px;min-height:56px;padding:12px;font-size:13px;display:flex}.film-chapter-grid button span{flex:1}.film-chapter-grid svg{flex-shrink:0}.film-chapter-grid time{font-variant-numeric:tabular-nums;color:#65746c;font-size:12px}.film-chapter-grid button:hover,.film-chapter-grid button[aria-current=true]{background:#dce8d7;border-color:#a7bba4}@media (max-width:700px){.film-page{padding-top:20px}.film-brand{display:none}.film-intro{margin-top:32px}.film-chapter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.film-under-player{flex-direction:column;align-items:flex-start;gap:4px}.film-player{border-radius:8px}.film-chapter-grid button{min-height:64px}}@media (max-width:430px){.film-chapter-grid{grid-template-columns:1fr}}