/* ═══ layout.css ═══ */
/* NAV */
nav{
  position:fixed;top:20px;left:50%;transform:translateX(-50%);
  z-index:1000;width:calc(100% - 80px);max-width:920px;
  display:flex;align-items:center;justify-content:space-between;
  background:rgba(20,20,20,0.88);backdrop-filter:blur(20px);
  border-radius:10px;padding:10px 24px;
  border:1px solid rgba(255,255,255,0.08);
  transition:background .4s;
  animation:navIn .001s forwards;
}
@keyframes navIn{from{opacity:1}to{opacity:1}}
.nav-logo img{opacity:1!important;transform:none!important}
nav.light{background:rgba(15,10,5,0.92);border-color:rgba(255,255,255,.08)}
.nav-logo{display:flex;align-items:center;text-decoration:none}
.nav-logo img{height:48px;width:auto;max-width:200px;transition:opacity .3s;object-fit:contain}
#logo-light{display:none}

.nav-links{display:flex;align-items:center;gap:32px}
.nav-links a{font-size:13px;font-weight:500;color:rgba(255,255,255,.7);text-decoration:none;transition:color .2s}
nav.light .nav-links a{color:rgba(255,255,255,.7)}
nav.light .nav-links a:hover{color:#fff}
.nav-links a:hover{color:#fff}
.nav-cta{background:#BE1823;color:#fff;padding:9px 22px;font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;text-decoration:none;border-radius:6px;transition:all .2s;white-space:nowrap;font-family:'Outfit',sans-serif}
nav.light .nav-cta{background:#BE1823;color:#fff;padding:9px 22px;font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;text-decoration:none;border-radius:6px;transition:all .2s;white-space:nowrap;font-family:'Outfit',sans-serif}
.nav-cta:hover{opacity:.85}

/* SCROLL CONTAINER */
#scroll-container{position:relative;height:550vh;}

/* STICKY */
#sticky{position:sticky;top:0;height:100vh;overflow:hidden}



  /* Force nav and logo visible immediately - no FOUC */
  nav { opacity: 1 !important; }
  #logo-dark { opacity: 1 !important; display: block !important; }
  #logo-light { display: none !important; }