/* ─── Fonts ─── */
@font-face {
  font-family: 'Zodiak-Variable';
  src: url('../fonts/Zodiak_Complete/Fonts/WEB/fonts/Zodiak-Variable.woff2') format('woff2'),
       url('../fonts/Zodiak_Complete/Fonts/WEB/fonts/Zodiak-Variable.woff') format('woff'),
       url('../fonts/Zodiak_Complete/Fonts/WEB/fonts/Zodiak-Variable.ttf') format('truetype');
  font-weight: 100 900;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Zodiak-Variable';
  src: url('../fonts/Zodiak_Complete/Fonts/WEB/fonts/Zodiak-VariableItalic.woff2') format('woff2'),
       url('../fonts/Zodiak_Complete/Fonts/WEB/fonts/Zodiak-VariableItalic.woff') format('woff'),
       url('../fonts/Zodiak_Complete/Fonts/WEB/fonts/Zodiak-VariableItalic.ttf') format('truetype');
  font-weight: 100 900;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'Author-Variable';
  src: url('../fonts/Author_Complete/Fonts/WEB/fonts/Author-Variable.woff2') format('woff2'),
       url('../fonts/Author_Complete/Fonts/WEB/fonts/Author-Variable.woff') format('woff'),
       url('../fonts/Author_Complete/Fonts/WEB/fonts/Author-Variable.ttf') format('truetype');
  font-weight: 200 700;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Author-Variable';
  src: url('../fonts/Author_Complete/Fonts/WEB/fonts/Author-VariableItalic.woff2') format('woff2'),
       url('../fonts/Author_Complete/Fonts/WEB/fonts/Author-VariableItalic.woff') format('woff'),
       url('../fonts/Author_Complete/Fonts/WEB/fonts/Author-VariableItalic.ttf') format('truetype');
  font-weight: 200 700;
  font-display: swap;
  font-style: italic;
}

/* ─── Reset ─── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body { font-family: 'Author-Variable', sans-serif; background: #EDE9DF; color: #0E0C09; overflow-x: hidden; }

/* ─── Nav ─── */
#main-nav {
  position: fixed; top: 0; left: 0; right: 0; z-index: 100;
  backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px);
  background: rgba(237,233,223,0.9);
  border-bottom: 1px solid rgba(14,12,9,0.08);
  transition: box-shadow 0.3s;
}
#main-nav.scrolled { box-shadow: 0 2px 24px rgba(14,12,9,0.06); }

/* ─── Scroll reveal ─── */
.reveal { opacity: 0; transform: translateY(24px); transition: opacity 0.65s ease, transform 0.65s ease; }
.reveal.visible { opacity: 1; transform: translateY(0); }

/* ─── Scrollbar ─── */
::-webkit-scrollbar { width: 3px; }
::-webkit-scrollbar-track { background: #EDE9DF; }
::-webkit-scrollbar-thumb { background: #9A8C7A; border-radius: 2px; }