.logo {
    max-width: 260px;
    height: auto;
    z-index: ;
}
.hero-image {
    max-width: 450px;
    height: auto;
}
.hero-description{
    max-width: 650px;
}
.banner-section .banner-video video{
    min-width: 100vw;
    min-height: 100vh;
    object-fit: cover;
    transform: none;
}
header.header-section::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.70), rgba(0, 0, 0, 0));
    z-index: -1;
    pointer-events: none;
}

header.header-section.header-fixed::before {
  content: none;
}

/* Hide logo on homepage, show when sticky */
.home-logo {
  display: none !important;
}

/* Mobile logo - show on sticky (below lg breakpoint) */
.header-fixed .nav-brand.home-logo {
  display: block !important;
}

/* Desktop logo - show on sticky (lg and above) */
.header-fixed .navbar-brand.home-logo {
  display: none !important;
}

@media (min-width: 992px) {
  .header-fixed .nav-brand.home-logo {
    display: none !important;
  }
  .header-fixed .navbar-brand.home-logo {
    display: block !important;
  }
}

.shift-up-100 {
  transform: translateY(-100px);
}