/* Global */
body {
  background-color: #0d0d0f;
  color: #fff;
  font-family: 'Tomorrow', sans-serif;
  overflow-x: hidden;
}

/* ===== Header ===== */
.mh-header {
  background: linear-gradient(to right, rgba(16,16,20,.85), rgba(22,22,26,.85));
  border-bottom: 1px solid rgba(255,255,255,0.06);
  position: relative;
  z-index: 20;
}
.mh-header::after {
  content:"";
  position:absolute; left:0; right:0; bottom:-1px; height:1px;
  background: linear-gradient(90deg, transparent, rgba(0,168,255,.35), transparent);
  pointer-events:none;
}
.mh-link {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  padding: .5rem .25rem;
  color: #9CA3AF;
  transition: color .2s ease;
}
.mh-link:hover { color: #E5E7EB; }
.mh-link i { color:#00A8FF; opacity:.9; }
.mh-link::after {
  content:"";
  position:absolute; left:0; right:0; bottom:0;
  height:2px; width:0%;
  background:#00A8FF;
  transition: width .25s ease;
  border-radius: 2px;
  opacity:.85;
}
.mh-link:hover::after { width:100%; }
.mh-nav {
  display:flex; gap:1.25rem; overflow-x:auto; -webkit-overflow-scrolling:touch;
}
.mh-nav::-webkit-scrollbar { display:none; }

.hero-map {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -45%);
  

  width: 200vw;
  max-width: none;
  height: auto;
  
  background: url("/assets/map.svg") center / contain no-repeat;
  opacity: 0.08;
  filter: grayscale(100%);
  pointer-events: none;
  z-index: 0;
}
.section-divider {
  position: relative;
}

.section-divider::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(0,168,255,.35), transparent);
  pointer-events: none;
}