/* ── FONTS GOOGLE ── */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&family=Outfit:wght@100..900&display=swap');

/* ── RESET ── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
  --bg: #f5f2ee;
  --surface: #ffffff;
  --text: #1a1714;
  --muted: #7a7168;
  --accent: #3b3028;
  --gold: #b89a6a;
  --line: #e0d9d0;
  --nav-h: 72px;
}

html { scroll-behavior: smooth; }

body {
  font-family: 'Outfit', sans-serif;
  background: var(--bg);
  color: var(--text);
  min-height: 100vh;
  font-size: 16px;
  line-height: 1.7;
}

/* ── PAGE ENTRANCE ── */
main {
  padding-top: var(--nav-h);
  min-height: 100vh;
  animation: fadeIn 0.45s ease;
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(14px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* ── RESPONSIVE ── */
@media (max-width: 768px) {
  .section { padding: 60px 24px; }
}