.extended-film { border-top: 1px solid var(--line); background: radial-gradient(ellipse at 100% 0,#38204d40,transparent 65%),#09060f; }
.extended-film .section-heading { align-items: end; }
.extended-film .section-heading > p { max-width: 440px; color: #bcb2c7; line-height: 1.75; }
.extended-film > video { display: block; width: 100%; max-height: 75svh; aspect-ratio: 16/9; margin-top: 36px; background: #000; object-fit: contain; }
.extended-film__files { display: flex; flex-wrap: wrap; gap: 12px 32px; margin-top: 18px; }
.extended-film .line-link { min-height: 44px; }
.extended-film__timeline { margin-top: 36px; border-block: 1px solid var(--line); }
.extended-film__timeline > summary { min-height: 44px; padding-block: 18px; color: #e3c9f8; cursor: pointer; }
.extended-film__timeline ol { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px 32px; padding: 0 0 20px; list-style: none; }
.extended-film__timeline li a { display: flex; align-items: center; gap: 14px; min-height: 48px; padding: 10px 0; border-bottom: 1px solid #a583be25; text-decoration: none; font-size: 13px; }
.extended-film__timeline li a > span:last-child { margin-left: auto; color: #d0a5f0; }
.extended-film__time { flex: 0 0 46px; color: #d0a5f0; font-variant-numeric: tabular-nums; }
.extended-film__timeline > .line-link { margin-bottom: 18px; }
.extended-film__provenance { max-width: 760px; margin-top: 28px; color: #bcb2c7; font-size: 12px; line-height: 1.8; }
.extended-film__music { margin-top: 12px; color: #d0a5f0; font-size: 12px; }
.extended-film :is(a,summary,video):focus-visible { outline: 2px solid #ba86ff; outline-offset: 4px; }
@media(max-width:650px) { .extended-film__timeline ol { grid-template-columns: 1fr; } }
@media(forced-colors:active) { .extended-film { background: Canvas; } .extended-film :is(p,span,summary) { color: CanvasText; } }