/* Sante Global -- Header Component */

/* -- Header / nav -- */
#nav{position:fixed;top:0;left:0;right:0;z-index:500;height:72px;display:flex;align-items:center;padding:0 5%;transition:background .4s,border-color .4s;border-bottom:1px solid transparent;}
#nav.scrolled{background:rgba(8,7,6,.95);backdrop-filter:blur(20px);border-color:var(--line);}
.nav-logo{font-family:'Cormorant',serif;font-size:1.2rem;font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:var(--cream);cursor:none;margin-right:auto;}
.nav-logo em{font-style:italic;color:var(--amber);}
.nav-links{display:flex;gap:2.5rem;list-style:none;}
.nav-links a{font-size:.65rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);cursor:none;transition:color .2s;position:relative;}
.nav-links a::after{content:'';position:absolute;bottom:-3px;left:0;right:0;height:1px;background:var(--amber);transform:scaleX(0);transition:transform .3s;transform-origin:left;}
.nav-links a:hover,.nav-links a.active{color:var(--cream);}
.nav-links a:hover::after,.nav-links a.active::after{transform:scaleX(1);}
.nav-links a.active{color:var(--amber);}
.nav-cta{margin-left:2.5rem;font-size:.65rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--cream);border:1px solid rgba(255,255,255,.2);padding:9px 22px;background:transparent;cursor:none;transition:all .25s;font-family:'Outfit',sans-serif;}
.nav-cta:hover{background:var(--amber);border-color:var(--amber);color:var(--bg);}
.ham{display:none;flex-direction:column;gap:5px;cursor:none;margin-left:1.5rem;padding:16px 11px;margin-right:-11px;margin-top:-16px;margin-bottom:-16px;box-sizing:content-box;justify-content:center;}
.ham span{display:block;width:22px;height:1px;background:var(--cream);}