@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400&family=Inter:wght@300;400&display=swap');

:root {
  --charcoal: #3a3532;
  --warm-mid: #6b6560;
  --pale: #cfcac4;
  --peach: #d9a679;
  --page-bg: #f5f3ef;
  --rule: #d0cdc8;
  --wide-max: 900px;
}

* { box-sizing: border-box; margin: 0; padding: 0; }

body {
  font-family: 'Inter', sans-serif;
  font-weight: 300;
  background: var(--page-bg);
  color: var(--charcoal);
  font-size: 16px;
  line-height: 1.75;
}

.page { max-width: var(--wide-max); margin: 0 auto; padding: 0 2rem; }

nav { border-bottom: 0.5px solid var(--rule); padding: 1.5rem 0; }
.nav-inner {
  max-width: var(--wide-max); margin: 0 auto; padding: 0 2rem;
  display: flex; justify-content: space-between; align-items: baseline;
}
.nav-brand {
  font-family: 'Cormorant Garamond', serif; font-size: 18px;
  font-weight: 400; letter-spacing: 0.08em; color: var(--charcoal);
  text-transform: uppercase; text-decoration: none;
}
.nav-links { display: flex; gap: 2.5rem; list-style: none; }
.nav-links a {
  font-size: 13px; font-weight: 300; color: var(--warm-mid);
  text-decoration: none; letter-spacing: 0.04em;
}
.nav-links a.active, .nav-links a:hover { color: var(--charcoal); }

footer { border-top: 0.5px solid var(--rule); padding: 1.5rem 0; }
.footer-inner {
  max-width: var(--wide-max); margin: 0 auto; padding: 0 2rem;
  display: flex; justify-content: space-between; align-items: center;
}
.footer-copy { font-size: 12px; font-weight: 300; color: var(--pale); }
.footer-email { font-size: 12px; font-weight: 300; color: var(--warm-mid); text-decoration: none; }