/* Film-led chapters. Moonshot's published classes supply the typography. */
.cinema-story{position:relative;background:#131313;color:white}
.cinema-chapter{margin:0;padding:0 5% 70px}
.cinema-picture{width:100%;aspect-ratio:16/9;background:#131313;overflow:hidden}
.cinema-picture video{display:block;width:100%;height:100%;object-fit:contain}
.cinema-caption{display:flex;align-items:baseline;justify-content:space-between;gap:7%;padding:30px 5% 20px}
.cinema-caption .title-text{padding:0;margin:0;flex:1}
.cinema-caption .sub-title-text{padding:0;margin:0;position:static;max-width:460px;flex:1}
.cinema-controls{display:none}
.cinema-story.is-enhanced{height:320svh}
.is-enhanced .cinema-stage{position:sticky;top:0;height:100svh;overflow:hidden;background:#131313}
.is-enhanced .cinema-chapter{position:absolute;inset:0;display:flex;flex-direction:column;padding:80px 0 60px;opacity:0;visibility:hidden;transition:opacity .55s,visibility .55s}
.is-enhanced .cinema-chapter.is-active{opacity:1;visibility:visible;z-index:1}
.is-enhanced .cinema-picture{flex:1;min-height:0;aspect-ratio:auto;padding-inline:var(--cinema-inset,3%);transition:padding .15s linear}
.is-enhanced .cinema-caption{flex:none;min-height:130px}
.is-enhanced .cinema-controls{position:absolute;bottom:20px;left:5%;right:5%;z-index:3;display:flex;justify-content:space-between;align-items:center}
.cinema-controls .nav-text{color:#8fffd0}
.cinema-controls button{background:none;border:0;padding:8px 0;cursor:pointer}
.student-page .navbar{background:#131313}
.student-page .flow-student-intro{padding-top:100px}
@media(max-width:991px){.cinema-caption{display:block}.cinema-caption .sub-title-text{margin-top:15px;max-width:560px}.is-enhanced .cinema-caption{min-height:160px}}
@media(max-width:767px){.cinema-story.is-enhanced{height:280svh}.is-enhanced .cinema-chapter{padding-top:80px;padding-bottom:65px}.is-enhanced .cinema-caption{padding:25px 5% 15px;min-height:190px}.cinema-caption .title-text{padding:0}.cinema-caption .sub-title-text{margin:16px 0 0}.cinema-picture{padding-inline:0!important}.cinema-chapter{padding:0 0 50px}.cinema-controls{bottom:12px!important}.student-page .flow-student-intro{padding-top:60px}}
@media(prefers-reduced-motion:reduce){.cinema-story.is-enhanced{height:auto}.is-enhanced .cinema-stage{position:relative;height:auto;overflow:visible}.is-enhanced .cinema-chapter{position:relative;opacity:1;visibility:visible;padding:30px 0;display:block}.is-enhanced .cinema-picture{aspect-ratio:16/9}.is-enhanced .cinema-controls{display:none}.cinema-chapter{transition:none!important}}

/* Keep Safari navigation outside the empty Webflow banner clipping context. */
.student-page .banner{overflow:visible;z-index:20}
.student-page .navbar.no-cart{background:transparent}
.is-enhanced .cinema-chapter{padding-top:110px}
@media(max-width:991px){.is-enhanced .cinema-chapter{padding-top:80px}}