/* Reduce big hero/header height (default is usually 100vh) */
.vh-100 {
  height: 30vh !important;
}

/* Optional: keep a sensible minimum on small screens */
@media (max-width: 768px) {
  .vh-100 {
    height: 35vh !important;
  }
}

/* Projects dropdown */
.nav-main .has-children {
  position: relative;
}

.nav-main .submenu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 220px;
  margin: 0;
  padding: 0.4rem 0;
  background: rgba(0, 0, 0, 0.92);
  z-index: 999;
}

.nav-main .has-children:hover .submenu {
  display: block;
}

.nav-main .submenu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 220px;
  margin: 0;
  padding: 0.4rem 0;
  list-style: none;
  background: transparent;
  z-index: 999;
}