/* HEADER */
header{
  position:fixed;
  top:0;
  width:100%;
  height:80px;
  display:flex;
  justify-content:center;
  align-items:center;
  background:rgba(0,0,0,.65);
  z-index:1000;
}

.header-inner{
  width:90%;
  position:relative;
  display:flex;
  align-items:center;
}

.logo-area{
  display:flex;
  align-items:center;
  gap:16px;
}

.logo-area img{
  height:46px;
  filter:drop-shadow(0 0 6px rgba(201,161,74,.4));
}

.logo-area span{
  font-size:24px;
  font-weight:800;
  color:#c9a14a;
  letter-spacing:1.5px;
}

/* NAV */
nav{
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  background:rgba(255,255,255,.08);
  padding:12px 36px;
  border-radius:40px;
}

nav ul{
  list-style:none;
  display:flex;
  gap:22px;
}

nav li{
  padding:10px 24px;
  border:1px solid rgba(255,255,255,.35);
  border-radius:30px;
  font-size:14px;
  cursor:pointer;
  transition:.3s;
}

nav li:hover{
  background:#c9a14a;
  color:#000;
}

nav a{
  color:inherit;
  text-decoration:none;
}