/*==========================================
  BASE
==========================================*/

body{

    font-family:
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    sans-serif;

}

/*==========================================
  HEADER
==========================================*/

.header{
  width:100%;
  padding:25px 60px;
  position:fixed;
  top:0;
  left:0;
  z-index:1000;
  background:rgba(255,255,255,.95);
  backdrop-filter:blur(12px);
}

.header-inner{
  max-width:1600px;
  margin:0 auto;
  display:flex;
  justify-content:space-between;
  align-items:center;
}

.logo{
  font-size:30px;
  font-weight:700;
  letter-spacing:8px;
  color:#111;
  text-decoration:none;
}

.nav{
  display:flex;
  gap:40px;
}

.nav a{
  color:#111;
  text-decoration:none;
  font-size:15px;
  transition:.3s;
}

.nav a:hover{
  opacity:.6;
}


/*==========================================
  FOOTER
==========================================*/

.footer{

  max-width:1600px;

  margin:80px auto 0;

  padding:90px 60px;

  background:#111;

  border-radius:0;

  border:none;

  position:relative;
}

.footer-inner{

  display:flex;

  justify-content:space-between;

  align-items:flex-start;

  gap:40px;
}

.footer-logo{

  font-size:28px;

  font-weight:700;

  letter-spacing:8px;

  color:#fff;
}

.footer-copy{

  position:absolute;

  left:50%;

  transform:translateX(-50%);

  color:#aaa;

  font-size:15px;

  line-height:2;

  text-align:center;
}

.footer-links{

  display:flex;

  gap:30px;
}

.footer-links a{

  color:#fff;

  font-size:15px;

  text-decoration:none;

  transition:.3s;
}

.footer-links a:hover{

  color:#ddd;
}