/* Modern Retro — Global Styles */
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Inter',sans-serif;background:#0c0c0c;color:#e8e0d4;line-height:1.6}

/* Nav (fallback before nav.js loads) */
.site-nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:14px 24px;background:rgba(12,12,12,0.92);backdrop-filter:blur(8px);border-bottom:1px solid rgba(184,160,128,0.08);display:flex;justify-content:space-between;align-items:center}
.site-nav a{color:#b8a080;text-decoration:none;font-size:0.8rem;letter-spacing:0.05em;transition:color 0.2s}
.site-nav a:hover{color:#e8e0d4}
.site-nav a.active{color:#f5efe6}
.nav-title{font-family:'Playfair Display',Georgia,serif;font-size:0.9rem;color:#f5efe6;font-weight:700;text-decoration:none;position:absolute;left:50%;transform:translateX(-50%)}
a.nav-title:hover{color:#f5efe6}
.nav-links{display:flex;gap:20px}

/* Footer */
.footer{text-align:center;padding:60px 24px;border-top:1px solid rgba(184,160,128,0.1);color:#5a5040;font-size:0.8rem}
.footer a{color:#b8a080;text-decoration:none}
.footer a:hover{color:#e8e0d4}

/* Responsive */
@media(max-width:600px){
  .nav-title{display:none}
  .site-nav{justify-content:flex-start;gap:16px}
  .nav-links{gap:12px}
  .site-nav a{font-size:0.75rem}
}