.landing-hero-film{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff9;border:1px solid #cdb2ee73;border-radius:1rem;padding:.6rem .75rem .75rem;position:relative;box-shadow:0 24px 60px -24px #8c5fbe52}.landing-hero-film-head{align-items:center;gap:.75rem;padding:.1rem .15rem .55rem;display:flex}.landing-hero-film-dots{flex-shrink:0;gap:.375rem;display:flex}.landing-hero-film-dots i{background:#ff5f57;border-radius:9999px;width:.625rem;height:.625rem}.landing-hero-film-dots i:nth-child(2){background:#febc2e}.landing-hero-film-dots i:nth-child(3){background:#28c840}.landing-hero-film-kicker{color:#48435c;letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.7rem;font-weight:700}.landing-hero-film-kicker b{color:#735598}.landing-hero-film-buttons{gap:.35rem;margin-left:auto;display:flex}.landing-hero-film-buttons button{color:#735598;background:#fff;border:1px solid #e7e0ef;border-radius:9999px;justify-content:center;align-items:center;width:1.85rem;height:1.85rem;display:flex}.landing-hero-film-buttons button:hover,.landing-hero-film-chapters button:hover{border-color:#cdb3ee}.landing-hero-film-frame{aspect-ratio:16/9;background:#fbf8fa;border:1px solid #e7e0ef;border-radius:.7rem;position:relative;overflow:hidden}.landing-hero-film-media{object-fit:cover;cursor:pointer;width:100%;height:100%;display:block}.landing-hero-film-play{color:#fff;background:linear-gradient(135deg,#735598,#5c4380);border-radius:9999px;align-items:center;gap:.45rem;height:2.4rem;padding:0 1.05rem;font-size:.85rem;font-weight:600;display:inline-flex;position:absolute;bottom:.75rem;left:.75rem;box-shadow:0 10px 30px -8px #5c43808c}.landing-hero-film-chapters{grid-template-columns:repeat(5,minmax(0,1fr));gap:.35rem;margin-top:.6rem;display:grid}.landing-hero-film-chapters button{color:#48435c;white-space:nowrap;isolation:isolate;background:#fff;border:1px solid #e7e0ef;border-radius:9999px;justify-content:center;align-items:center;gap:.35rem;min-width:0;padding:.45rem .4rem;font-size:.74rem;font-weight:600;transition:border-color .15s,color .15s;display:inline-flex;position:relative;overflow:hidden}.landing-hero-film-chapters button:before{content:"";z-index:-1;transform:scaleX(var(--p,0));transform-origin:0;background:#73559824;position:absolute;inset:0}.landing-hero-film-chapters button.is-active{color:#5c4380;border-color:#735598}.landing-hero-film-chapters button.is-done{color:#735598}.landing-hero-film-chapters button.is-done:before{background:#73559812}.landing-hero-film-num{color:#735598;font-variant-numeric:tabular-nums;font-size:.66rem}.landing-hero-film-chapters em{color:#735598;background:#7355981a;border-radius:9999px;padding:.05rem .4rem;font-size:.66rem;font-style:normal}.landing-hero-film-buttons .film-share-link{color:#735598;white-space:nowrap;text-underline-offset:4px;cursor:pointer;background:0 0;border:0;border-radius:0;width:auto;height:auto;margin-left:.35rem;padding:.2rem .15rem;font-size:.78rem;font-weight:600;-webkit-text-decoration:underline #73559859;text-decoration:underline #73559859}.landing-hero-film-buttons .film-share-link:hover{text-decoration-color:#735598}.landing-hero-film-buttons button.is-on{background:#7355981a;border-color:#735598}@media (max-width:640px){.landing-hero-film-chapters{grid-template-columns:repeat(3,minmax(0,1fr))}.landing-hero-film-play{height:2rem;padding:0 .8rem;font-size:.75rem;bottom:.5rem;left:.5rem}}