*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --black:#0A0A0A;--yellow:#FFE033;--white:#FFFFFF;
  --g50:#FAFAF8;--g100:#F4F4F1;--g200:#E5E5E1;
  --g400:#ADADAA;--g500:#6B6B67;--g800:#1A1A17;
}
html{scroll-behavior:smooth}
body{font-family:'Inter',sans-serif;background:var(--white);color:var(--black);overflow-x:hidden}

/* NAV */
nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;height:68px;background:var(--white);border-bottom:1px solid var(--g200)}
.nav-logo{display:flex;align-items:center;text-decoration:none}
.nav-logo-img{height:30px;width:auto;display:block}
.nav-links{display:flex;align-items:center;gap:32px;list-style:none}
.nav-links a{font-size:14px;font-weight:400;color:var(--g500);text-decoration:none;transition:color .2s}
.nav-links a:hover,.nav-links a.active{color:var(--black)}
.nav-btn{background:var(--yellow)!important;color:var(--black)!important;border-radius:100px!important;padding:10px 22px!important;font-weight:500!important;font-size:14px!important;transition:opacity .2s!important}
.nav-btn:hover{opacity:.8}

/* SHARED LABEL */
.s-label{font-size:11px;letter-spacing:0.2em;text-transform:uppercase;color:var(--yellow);font-weight:600;margin-bottom:20px;font-family:'Bricolage Grotesque',sans-serif}

/* BUTTON */
.btn-yellow{display:inline-flex;align-items:center;gap:8px;background:var(--yellow);color:var(--black);font-family:'Inter',sans-serif;font-size:14px;font-weight:500;padding:13px 28px;border-radius:100px;text-decoration:none;transition:opacity .2s,transform .15s;border:none;cursor:pointer}
.btn-yellow:hover{opacity:.85;transform:translateY(-1px)}

/* FOOTER */
footer{background:var(--white);border-top:1px solid var(--g200);padding:52px 5vw 28px}
.footer-top{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px;margin-bottom:44px}
.footer-brand-name{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:17px;color:var(--black);margin-bottom:10px}
.footer-brand-desc{font-size:13px;font-weight:300;color:var(--g500);line-height:1.65;max-width:260px}
.footer-col-title{font-size:11px;letter-spacing:0.15em;text-transform:uppercase;color:var(--g400);font-weight:600;margin-bottom:14px;font-family:'Bricolage Grotesque',sans-serif}
.footer-links{list-style:none;display:flex;flex-direction:column;gap:9px}
.footer-links a{font-size:14px;color:var(--g500);text-decoration:none;font-weight:300;transition:color .2s}
.footer-links a:hover{color:var(--black)}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--g200);padding-top:20px}
.footer-copy,.footer-tag{font-size:12px;color:var(--g400);font-weight:300}

/* ANIMATIONS */
.fade-in{opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .55s ease}
.fade-in.visible{opacity:1;transform:translateY(0)}

@media(max-width:960px){
  .nav-links li:not(:last-child){display:none}
  .footer-top{grid-template-columns:1fr 1fr}
}