.premier-event-hero-container {
    background-blend-mode: multiply;
    background-repeat: no-repeat;
    justify-content: center;
    align-items: center;
    display: grid;
    grid-template-areas: premierEventHero;
}

.premier-event-hero-container > * {
    grid-area: premierEventHero;
}

.premier-event-hero-wrapper {
    display: flex;
    align-self: center;
    flex-flow: column wrap;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2;
    overflow: hidden;
}

.premier-event-hero-wrapper h1 {
    color: var(--color-primary-white);
    font-size: 4.2rem;
    font-weight: 600;
    margin-bottom: 0;
    margin-inline: 8rem;
    max-width: var(--content-width-wide);
}

.premier-event-hero-wrapper h2 {
    color: var(--color-brand-pale-blue);
    font-size: 3rem;
    font-weight: 600;
    margin-bottom: 4rem;
    margin-inline: auto;
    max-width: var(--content-width-wide);
}

.premier-event-background-wrapper {
    position: relative;
    max-height: 56rem;
    overflow: hidden;
}

span.premier-event-hero-svg svg {
    width: 71rem;
    height: 21.5rem;
}

.premier-event-background-video {
    width: 100vw;
    height: 100%;
    min-height: 55.9rem;
    display: grid;
    grid-template-areas: backgroundvideo;
    position: relative;
    max-height: 56rem;
    overflow: hidden;
    padding-bottom: 56.25%;
}

.premier-event-background-video > * {
    grid-area: backgroundvideo;
}

.premier-event-hero-container .premier-event-background-video embed,
.premier-event-hero-container .premier-event-background-video object,
.premier-event-hero-container .premier-event-background-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    isolation: isolate;
}

.premier-event-background-video .blue-overlay {
    background: var(--color-brand-navy-opacity);
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 56rem;
    grid-area: unset;
}