/* =====================
   NAV
===================== */

nav {

  position: sticky;

  top: 0;

  z-index: 100;

  display: flex;

  align-items: center;

  justify-content: space-between;

  padding:
    18px 30px;

  background:
    rgba(0,0,0,0.96);
   
box-shadow:
  0 8px 24px rgba(0,0,0,0.35);
}

nav h2 {

  font-family:
    "Cormorant Garamond",
    serif;

  font-size: 28px;

  color:
    #f8fafc;
}

.menu-toggle {

  display: none;

  font-size: 28px;

  color: #d1fae5;

  cursor: pointer;
}

.system-label {

  font-size: 10px;

  letter-spacing: 2px;

  color:
    rgba(34,197,94,0.75);
}

/* =====================
   MENU
===================== */

#menu {

  display: flex;

  list-style: none;

  gap: 18px;
}

#menu li a {

  text-decoration: none;

  color:
    #94a3b8;

  font-size: 12px;

  letter-spacing: 2px;

  padding:
    8px 10px;

  text-transform: uppercase;
}

#menu li a:hover {

  color:
    #d1fae5;
}