.film-intro{padding-top:80px;padding-bottom:40px}.film-intro h1{font-size:clamp(58px,8vw,114px);max-width:1050px}.film-lede{display:flex;justify-content:space-between;gap:35px;align-items:end}.film-lede p{max-width:580px;margin:0}.film-runtime{font-size:10px;letter-spacing:2px;white-space:nowrap;display:flex;gap:16px;align-items:center;color:#bbc4d9}.film-runtime i{width:5px;height:5px;border-radius:50%;background:#bba0ff;box-shadow:0 0 15px #bba0ff}.film-player{border:1px solid #8c8bf36b;border-radius:14px;overflow:hidden;background:#050811;box-shadow:0 0 70px #7153c521,0 30px 90px #0006;position:relative}.film-player-label{display:flex;justify-content:space-between;padding:17px 22px;font-size:9px;letter-spacing:2px;background:linear-gradient(100deg,#15182d,#11101c);color:#b3c7ed}.film-player video{width:100%;aspect-ratio:16/9;display:block;object-fit:contain;background:#050811}.film-player-footer{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:15px 20px;border-top:1px solid #ffffff20;background:#111522}.film-player-footer .control{padding:11px 15px}.film-player-footer>span{margin-left:auto;font-size:11px;font-variant-numeric:tabular-nums;color:#b7c8e9}.film-player:fullscreen{display:flex;flex-direction:column;justify-content:center;background:#050811;border:0;border-radius:0}.film-player:fullscreen video{max-height:calc(100vh - 120px);width:100%;height:auto;flex:1;min-height:0}.film-chapters{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:30px 0}.film-chapters button{position:relative;overflow:hidden;text-align:left;min-height:104px;border:1px solid #ffffff24;border-radius:8px;background:#111420;color:#aebbd0;padding:18px 13px;transition:border-color .3s,background .3s,box-shadow .3s}.film-chapters button>span{display:block;font-size:9px;letter-spacing:1px;margin-bottom:15px}.film-chapters strong{font-size:12px;font-weight:500}.film-chapters button[aria-pressed=true]{color:#fff;border-color:#b698ef;background:linear-gradient(130deg,#362448,#172b41);box-shadow:0 0 22px #a57bf326}.film-chapters button i{position:absolute;bottom:0;left:0;height:2px;width:var(--chapter-progress,0%);background:linear-gradient(90deg,#b991ff,#96ddff);box-shadow:0 0 12px #c4a4ff}.film-chapters button:hover{border-color:#b6b8ff}.film-insight{display:grid;grid-template-columns:1fr 2fr;gap:50px;padding:35px 0 50px;border-bottom:1px solid var(--line);min-height:260px}.film-insight>span{align-self:start;padding-top:10px}.film-insight h2{font-size:clamp(29px,3.5vw,48px);margin-bottom:18px}.film-insight p{max-width:760px}.film-path{position:relative;background:radial-gradient(ellipse at 70% 50%,#573a8933,transparent 65%);border-bottom:1px solid var(--line)}.film-path h2{margin-top:25px}.film-path>.wrap>p{max-width:650px}.film-goals{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0}.film-recommendation{display:flex;gap:40px;align-items:center;justify-content:space-between;border:1px solid #ac9bf34f;border-radius:12px;padding:35px;background:linear-gradient(120deg,#29203e,#111e30);box-shadow:inset 0 1px #d2c5ff33,0 0 45px #9865fa15}.film-recommendation h3{margin-top:20px;font-size:30px}.film-recommendation p{max-width:650px;margin-bottom:0}.film-recommendation .btn{flex-shrink:0}.film-transcript h2{margin-top:25px}.film-transcript details{padding:22px 0;border-bottom:1px solid var(--line);max-width:1000px}.film-transcript summary{cursor:pointer;font-size:18px;color:#cfb9f8}.film-transcript details[open] summary{margin-bottom:28px}.film-transcript details p{max-width:850px}.film-transcript h3{font-size:25px}.film-transcript a{display:inline-block;margin:8px 0}.navlinks{gap:19px}@media(min-width:901px) and (max-width:1150px){.nav{gap:14px}.navlinks{gap:12px;font-size:11px}.navlinks .control{font-size:9px;padding:7px}.navcta{padding:10px;font-size:10px}}@media(max-width:850px){.film-chapters{grid-template-columns:repeat(3,1fr)}.film-insight{grid-template-columns:1fr;gap:25px}.film-recommendation{align-items:start;flex-direction:column;gap:25px}.film-lede{align-items:start;flex-direction:column;gap:20px}}@media(max-width:500px){.film-intro{padding-top:55px}.film-player-label{font-size:7px;letter-spacing:.8px;padding:12px}.film-player-footer{padding:12px;gap:7px}.film-player-footer .control{padding:10px;font-size:10px}.film-player-footer>span{margin-left:0;width:100%;text-align:right}.film-chapters{gap:6px}.film-chapters button{padding:14px 10px}.film-chapters strong{font-size:11px}.film-recommendation{padding:24px}.film-runtime{font-size:9px}}@media(prefers-reduced-motion:reduce){.film-chapters button{transition:none}}.reduce-motion .film-chapters button{transition:none}
