/* Seasonal hero only. Removing halloween-active restores the existing video layout. */
.hero.hero-enhanced.halloween-active {
    display: block;
    min-height: 0;
    padding: 0;
    background: #11131b;
}
.halloween-hero-image {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
}
.halloween-hero-image[hidden],
#heroVideo[hidden],
.halloween-active .hero-overlay,
.halloween-active .video-pause,
body:has(.halloween-active) #audioToggleBtn {
    display: none !important;
}
.halloween-active .hero-content {
    padding-block: clamp(1.5rem, 3vw, 2.5rem);
}
.halloween-active .hero-copy {
    max-width: 900px;
    margin-inline: auto;
    text-align: center;
}
.halloween-active .hero-copy .hero-title {
    font-size: clamp(1.8rem, 3vw, 2.6rem);
    margin-bottom: .75rem;
}
.halloween-active .hero-copy .hero-subtitle {
    font-size: clamp(1.1rem, 2vw, 1.4rem);
    margin-bottom: .65rem;
}
.halloween-active .hero-location {
    font-size: .95rem;
    margin-bottom: .65rem;
}
.halloween-active .hero-copy .hero-description {
    font-size: 1rem;
    margin: 0 auto 1rem;
    max-width: 65ch;
}