:root {
    --bg: #FFFFFF; --surface: #F7F6F4; --surface-2: #EFEDEA;
    --border: #E5E1DB; --text-primary: #1A1714; --text-secondary: #6B6058;
    --text-dim: #9E9088; --accent: #9B7B5C; --accent-hover: #7A5C3C;
    --font-display: 'Fraunces', serif;
    --font-body: 'Inter', sans-serif;
  }
  *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
  html { font-size: 16px; scroll-behavior: smooth; }
  body { background: var(--bg); color: var(--text-primary); font-family: var(--font-body); font-size: 0.9375rem; line-height: 1.75; -webkit-font-smoothing: antialiased; overflow-x: hidden; padding-left: 2px; padding-right: 2px; }

  nav { position: fixed; top: 0; left: 0; right: 0; z-index: 100; display: flex; justify-content: space-between; align-items: center; padding: 1.25rem 3rem; background: rgba(255,255,255,0.92); backdrop-filter: blur(12px); border-bottom: 1px solid var(--border); }
  .nav-logo { font-family: var(--font-body); font-size: 0.9375rem; font-weight: 600; color: var(--text-primary); text-decoration: none; }
  .nav-links { display: flex; gap: 2rem; list-style: none; }
  .nav-links a { font-size: 0.8125rem; font-weight: 500; color: var(--text-dim); text-decoration: none; letter-spacing: 0.04em; text-transform: uppercase; transition: color 0.2s; }
  .nav-links a:hover { color: var(--accent); }