:root {
  --bg:        #faf9f7;
  --bg-warm:   #f3efe9;
  --cream:     #f0ece6;
  --ink:       #1c1c1c;
  --charcoal:  #2d2d2d;
  --muted:     #6b6560;
  --light-muted:#9a9590;
  --copper:    #b87333;
  --gold:      #c4a053;
  --teal:      #2d6b5e;
  --ease:      cubic-bezier(0.23, 1, 0.32, 1);
}

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

html { scroll-behavior: auto; }
body {
  font-family: 'Inter', system-ui, sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.65;
  color: var(--ink);
  background: var(--bg);
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}

h1, h2, h3, h4 {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-weight: 300;
  letter-spacing: -0.02em;
  line-height: 1.05;
}

img { display: block; max-width: 100%; height: auto; }
a { color: inherit; text-decoration: none; }
button { font: inherit; cursor: pointer; background: none; border: none; }
input, textarea, select { font: inherit; }

.preloader {
  position: fixed; inset: 0; z-index: 2000;
  background: var(--bg);
  display: none;
  align-items: center; justify-content: center;
}
.preloader.active { display: flex; }
.preloader.done { opacity: 0; pointer-events: none; transition: opacity .6s ease-out; }
.preloader-line {
  width: 120px; height: 2px; background: var(--copper);
  transform-origin: left; transform: scaleX(0);
}


.eyebrow {
  font-size: .75rem; font-weight: 400; letter-spacing: .18em; text-transform: uppercase;
  color: var(--copper); margin-bottom: 16px;
}

@media (prefers-reduced-motion: reduce) {
  .preloader { display: none !important; }
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}