/* ==========================================================================
   HEADER — cabecera superpuesta al hero y navegación
   ========================================================================== */

header{position:absolute;top:0;left:0;right:0;z-index:10}
.nav{height:86px;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;color:var(--pure-white);font-size:16px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.nav-links{display:flex;gap:26px;color:var(--pure-white);font-size:14px}
.nav-links a{opacity:.9}

@media(max-width:800px){
 .nav-links{display:none}
}