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

:root {
  --gold: #b8922a;
  --gold-light: #d4a843;
  --dark: #1a1208;
  --dark-soft: #2d2010;
  --cream: #fdf6e3;
  --cream-dark: #f5e9c8;
  --text: #3d2b0a;
  --text-light: #7a5c2a;
  --white: #ffffff;
  --radius: 12px;
  --shadow: 0 4px 20px rgba(0,0,0,0.1);
}

html { scroll-behavior: smooth; }

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background: var(--cream);
  color: var(--text);
  line-height: 1.6;
}

section { padding: 80px 24px; }

.section-title {
  font-size: 2rem;
  font-weight: 700;
  text-align: center;
  color: var(--dark);
  margin-bottom: 12px;
}

.section-subtitle {
  text-align: center;
  color: var(--text-light);
  margin-bottom: 48px;
  font-size: 1.1rem;
}

.container { max-width: 1100px; margin: 0 auto; }

@media (max-width: 768px) {
  section { padding: 56px 16px; }
  .section-title { font-size: 1.6rem; }
}