/* Video di sfondo dell'hero: altezza della sezione, nessun padding verticale, copertura centrata */

.hero {
    padding-top: 0;
    padding-bottom: 0;
    min-height: clamp(480px, 100vh, 900px);
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
}

.hero__video {
    position: absolute;
    inset: 0;
    overflow: hidden;
    container-type: size;
    pointer-events: none;
}

.hero__video iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    width: max(100cqw, calc(100cqh * 16 / 9));
    height: max(100cqh, calc(100cqw * 9 / 16));
    transform: translate(-50%, -50%);
    border: 0;
    pointer-events: none;
}

.hero__overlay {
    position: absolute;
    inset: 0;
}

.hero__inner {
    position: relative;
    z-index: 1;
    width: 100%;
}

@media (prefers-reduced-motion: reduce) {
    .hero__video iframe {
        display: none;
    }
}