/* ===================================================== */
/* ================= HERO =============================== */
/* ===================================================== */

.hero{
    position:relative;
    height:100vh;
    width:100%;
    overflow:hidden;
}

.hero video{
    position:absolute;
    top:50%;
    left:50%;
    min-width:100%;
    min-height:100%;
    transform:translate(-50%,-50%);
    object-fit:cover;
}

.overlay{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,0.35);
}