/* ==========================================================
   SERGIO
   File: home-hero.css
   Version: 3.9
   Purpose: Hero Video + Brand Introduction
========================================================== */

.hero {


    --hero-transition-duration: 1200ms;
    --hero-transition-ease: cubic-bezier(.23, 1, .32, 1);
    --nav-transition-delay: 0ms;
    --nav-logo-transition-delay: 0ms;


    position: relative;

    width: 100%;
    height: 100svh;

    overflow: hidden;

    background: #000;
}

.hero-video {
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center;

    z-index: 1;
}