/* =========================================================
RESET
========================================================= */

*{
  margin:0;
  padding:0;
  box-sizing:border-box;
}

html{
  scroll-behavior:smooth;
}

body{
  background:#050505;
  color:#fff;
  font-family:'Inter',sans-serif;
  overflow-x:hidden;
}

/* =========================================================
GLOBAL
========================================================= */

.container{
  width:100%;
  max-width:1440px;
  margin:0 auto;
  padding:0 70px;
}

img{
  display:block;
  width:100%;
}

a{
  text-decoration:none;
}

section{
  position:relative;
}


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

.header{
    position:absolute;
    top:30px;
    left:0;
    width:100%;
    z-index:20;
}

.nav-inner{
    display:flex;
    align-items:center;
    padding:0 70px;
}

.logo{
    width:170px;
    flex-shrink:0;
}

.menu{
    display:flex;
    gap:45px;
    margin-left:60px;
}

.menu a{
position:relative;
display:inline-block;
color:#d4af37;
text-decoration:none;
text-transform:uppercase;
letter-spacing:3px;
font-size:13px;
padding-bottom:10px;
}

.menu a::after{
content:"";
position:absolute;
left:50%;
bottom:0;
width:0;
height:1px;
background:#d4af37;
transform:translateX(-50%);
transition:.4s;
}

.menu a:hover::after,
.menu a.active::after{
width:18px;
}

.menu a.active{
color:#fff;
}

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

footer{
  border-top:1px solid rgba(212,175,55,.08);

    
  padding-top:40px;
  padding-bottom:26px;
  background:#000;
}

/* SOCIALS */

.footer-socials{

  display:flex;
  justify-content:center;
  gap:16px;

  margin-bottom:38px;
}

.footer-socials a{

    width:44px;
    height:44px;

    border:1px solid rgba(212,175,55,.16);

    display:flex;
    align-items:center;
    justify-content:center;

    transition:.35s ease;
}

.footer-socials img{

    width:48px;
    height:48px;

    display:block;

    transition:.35s ease;
}

.footer-socials a:hover{

    
    border-color:#D4AF37;

   

}

.footer-socials a:hover img{

    filter:brightness(0);

}
/* SITEMAP LINK */

.footer-sitemap{

    display:flex;
    justify-content:center;

    margin-bottom:28px;

}

.footer-sitemap a{

    color:#8f8f8f;

    font-size:13px;
    font-weight:500;

    letter-spacing:3px;
    text-transform:uppercase;

    transition:.35s ease;

}

.footer-sitemap a:hover{

    color:#D4AF37;
    letter-spacing:4px;

}

/* BOTTOM */

.footer-bottom{

  border-top:1px solid rgba(255,255,255,.05);

  padding-top:22px;

  display:flex;
  justify-content:space-between;
  align-items:center;

  gap:20px;

  color:#7d7d7d;
  font-size:13px;
}

.footer-links{
  display:flex;
  gap:28px;
}

.footer-links a{

  color:#7d7d7d;

  transition:.3s ease;
}

.footer-links a:hover{
  color:var(--gold);
}

/* MOBILE */

@media(max-width:768px){

  footer{
    padding:42px 0 22px;
  }

  .footer-socials{
    margin-bottom:28px;
  }

  .footer-bottom{

    flex-direction:column;

    text-align:center;

    gap:14px;
  }

  .footer-links{
    gap:18px;
  }

}