/* A single clear journey above; the full process lives in this large player. */
.film-section{background:#292033;color:#fffafc;padding:64px 0 48px;overflow:hidden}.film-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:30px}.film-section .section-kicker{color:#bca8d4}.film-heading h2{font-size:clamp(32px,3.6vw,50px);line-height:1.1;letter-spacing:-1.8px}.film-heading em{font-style:normal;color:#c9a9f5}.film-heading>p{color:#d0c4d9;font-size:15px;line-height:1.7;max-width:350px}.film-invitation{display:flex;align-items:center;gap:16px;margin:0 auto 16px;max-width:1040px;font-size:15px;color:#ede3f6}.film-duration{margin-left:auto;color:#bcaec7;font-size:12px;white-space:nowrap}.film-pointer{font-size:32px;line-height:1;color:#d6b4ff}.film-player{max-width:1040px;margin:auto;position:relative;background:#19131f;border:1px solid #64516f;border-radius:20px;overflow:hidden;box-shadow:0 24px 70px #100a1b55}.film-cover{display:block;position:relative;width:100%;padding:0;aspect-ratio:16/9;text-align:center;background:#211729;color:white;overflow:hidden}.film-cover>img{width:100%;height:100%;object-fit:cover;opacity:.66}.film-shade{position:absolute;inset:0;background:linear-gradient(180deg,#21172b15,#21172b50 40%,#21172be8)}.film-play-group{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px}.film-play{width:92px;height:92px;border-radius:50%;display:grid;place-items:center;padding-left:5px;background:#fff;color:#58387d;font-size:30px;box-shadow:0 0 0 12px #ffffff18;transition:transform .2s}.film-cover:hover .film-play{transform:scale(1.07)}.film-play-group strong{font-size:28px;letter-spacing:-.7px}.film-play-group small{font-size:14px;color:#e4d8ee}.film-cover-note{position:absolute;bottom:22px;left:16px;right:16px;font-size:12px;color:#d9cce3}.film-player #video-panel{padding:0}.film-player video{display:block;width:100%;aspect-ratio:16/9;background:#100b16}.film-player #video-close{display:block;margin:12px 20px;background:transparent;color:#e2d3ed;padding:8px;font-size:13px}.film-player #video-error{padding:0 20px 16px;font-size:14px}.film-player a{text-decoration:underline}.film-bottom{max-width:1040px;margin:22px auto 0;display:flex;justify-content:space-between;gap:24px}.film-bottom>p{font-size:14px;color:#eee4f5}.film-bottom>span{font-size:11px;color:#bcaec7;line-height:1.6}.contact-section{padding-block:20px 35px}.is-seen .film-pointer{animation:point-at-film .8s ease-in-out 3}.is-seen .film-play{animation:invite-play 1.3s ease-out 2}.journey-path{position:relative}.flow-scene[data-flow='2'] .journey-path:after{content:'';position:absolute;top:50%;width:9px;height:9px;border-radius:50%;background:#7652ae;box-shadow:0 0 0 5px #b99bd644;animation:travel 1.4s ease-in-out both}.flow-scene[data-flow='1'] #hero-ad{outline:3px solid #9e7bd0;outline-offset:2px}.flow-scene[data-flow='3'] .subscribe-outcome{animation:arrive .4s ease-out}.film-cover:focus-visible{outline:4px solid #d4b4ff;outline-offset:-6px}
@keyframes travel{from{left:0;transform:translateY(-50%)}to{left:95%;transform:translateY(-50%)}}@keyframes arrive{from{transform:translateY(7px);opacity:.5}to{transform:translateY(0);opacity:1}}@keyframes point-at-film{50%{transform:translate(5px,6px)}}@keyframes invite-play{50%{box-shadow:0 0 0 22px #ffffff06}}
@media(max-width:850px){.film-heading{display:block}.film-heading>p{margin-top:22px;max-width:100%}.film-heading>p br{display:none}.film-bottom{display:block}.film-bottom>span{display:block;margin-top:12px}.film-section{padding-block:44px 36px}}
@media(max-width:650px){.film-heading h2{letter-spacing:-1px}.film-invitation{font-size:13px;gap:10px}.film-duration{display:none}.film-player{border-radius:13px}.film-play{width:60px;height:60px;font-size:22px}.film-play-group{gap:9px}.film-play-group strong{font-size:20px}.film-play-group small{font-size:11px}.film-cover-note{display:none}.film-bottom>p{font-size:12px}.film-heading>p{font-size:14px}.film-section{scroll-margin-top:0}.flow-scene[data-flow='2'] .journey-caption:before{animation:point-at-film .7s 2}}
@media(prefers-reduced-motion:reduce){.is-seen .film-pointer,.is-seen .film-play,.flow-scene[data-flow] *{animation:none!important;transition:none!important}}
