.film__beat[data-beat="black"] { height: 120vh; }
.film__beat[data-beat="portal"] { height: 150vh; }
.film__beat[data-beat="throne"] { height: 120vh; }

.film__gold {
    z-index: 3;
    transform-origin: 50% 46%;
    background:
        radial-gradient(circle at 50% 46%, rgba(232, 184, 84, 0.95) 0%, rgba(214, 168, 74, 0.4) 7%, rgba(0, 0, 0, 0) 16%);
}

.film__plane--portal {
    left: 41%;
    top: 42%;
    width: 18%;
    height: 16%;
}

.film__plane--portal video,
.film__plane--throne video { object-position: 50% 42%; }

.film[data-state="throne"] .film__experience { opacity: 0; }
.film.is-experience .film__experience { opacity: 1; }