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

:root {
  --brown-dark: #120d07;
  --brown-mid:  #1e1509;
  --brown-warm: #2e1f0e;
  --gold:       #b8894a;
  --gold-light: #d4a96a;
  --gold-pale:  #e8cfa0;
  --cream:      #f5eee4;
  --cream-warm: #ede4d6;
  --text-dark:  #1a1208;
  --text-body:  #3d2e1a;
  --text-muted: #7a6040;
}

html { scroll-behavior: smooth; }

body {
  font-family: 'DM Sans', sans-serif;
  background: var(--cream);
  color: var(--text-dark);
  overflow-x: hidden;
}

.section-label {
  font-size: 10px;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  color: var(--gold);
  margin-bottom: 16px;
}

.section-title {
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(36px, 4vw, 54px);
  font-weight: 300;
  line-height: 1.15;
  color: var(--text-dark);
  max-width: 600px;
  margin-bottom: 72px;
}
.section-title em { font-style: italic; color: var(--gold); }