.hero-media.hero-film{max-width:1100px;background:#0c1425;border:1px solid #ffffff29;color:#edf2ff}
.hero-film .hero-media-heading{padding:20px 26px;background:#111d31;border-color:#ffffff14;color:#a8b8d5;gap:15px}
.film-heading-brand{display:flex;align-items:center;gap:20px}.hero-film .small-brand{color:#a6b5ff;font-size:22px}.film-heading-brand>span:last-child{border-left:1px solid #ffffff26;padding-left:20px;font-size:10px;letter-spacing:1.6px}.film-heading-theme{font-size:10px;letter-spacing:1.4px}
.hero-media.hero-film video{aspect-ratio:16/9;object-fit:contain;width:100%;background:#080e1c}
.film-chapters{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:0;border-top:1px solid #ffffff18;border-bottom:1px solid #ffffff18;background:#0e182b;padding:0 12px}
.film-chapters button{display:grid;grid-template-columns:auto 1fr;column-gap:8px;row-gap:5px;align-items:center;padding:18px 13px 16px;color:#a8b8d5;border:0;border-top:2px solid transparent;background:transparent;text-align:left;min-width:0;transition:background .2s,color .2s,border-color .2s}
.film-chapters button>b{font-size:9px;letter-spacing:.5px;color:#7185ac;font-weight:600}.film-chapters button>span{font-size:11px;font-weight:600;white-space:nowrap}.film-chapters button>small{grid-column:2;font-size:9px;letter-spacing:.7px;color:#7b8fb5;font-variant-numeric:tabular-nums}
.film-chapters button:hover{background:#ffffff08;color:white}.film-chapters button[aria-pressed=true]{border-top-color:#87dcd8;background:#94a6ff12;color:white}.film-chapters button[aria-pressed=true]>b,.film-chapters button[aria-pressed=true]>small{color:#87dcd8}
.film-now{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0;padding:15px 26px 17px;font-size:11px;color:#8599bc;text-align:left}.film-now>span:first-child{display:flex;align-items:center;gap:9px}.film-now i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#82dad4}.film-now strong{color:#dce6fd;font-size:11px;font-weight:500}.film-now>span:last-child{font-size:10px;letter-spacing:.4px;white-space:nowrap}
.hero .hero-framework{max-width:1100px}
@media(max-width:1050px){.film-chapters{grid-template-columns:repeat(4,minmax(0,1fr))}.film-chapters button{padding:14px 15px}.film-chapters button:nth-child(n+5){border-bottom:0;border-top-width:1px}.film-chapters button[aria-pressed=true]{border-top-width:2px}.film-heading-theme{font-size:8px;letter-spacing:1px}.film-now{padding-inline:20px}}
@media(max-width:600px){.hero-film .hero-media-heading{padding:15px}.film-heading-brand{gap:11px}.film-heading-brand>span:last-child{padding-left:11px;font-size:8px;letter-spacing:1px}.film-heading-theme{display:none}.film-chapters{padding-inline:5px}.film-chapters button{padding:12px 8px;column-gap:6px}.film-chapters button>span{font-size:10px}.film-chapters button>b,.film-chapters button>small{font-size:8px}.film-now{align-items:flex-start;padding:13px 15px;gap:8px;flex-direction:column}.film-now strong{font-size:10px}.film-now>span:last-child{font-size:9px;padding-left:14px}}
@media(prefers-reduced-motion:reduce){.film-chapters button{transition:none}}

.film-music-credit{margin:0;padding:10px 16px;border-top:1px solid #ffffff18;background:#0c1425;color:#a8b8d5;font-size:11px;line-height:1.6;text-align:center}
.film-music-credit a{color:inherit;text-decoration:underline;text-underline-offset:3px}
