/* Base — reset, typography, global styles */

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
  background: var(--ink);
  color: var(--cream);
  font-family: var(--sans);
  font-weight: 300;
  line-height: 1.7;
  overflow-x: hidden;
}
img { display: block; width: 100%; height: auto; object-fit: cover; }

/* Links — no underline by default (matches original design) */
a { color: inherit; text-decoration: none; }
a:hover { color: inherit; }

/* Headings */
h1, h2, h3, h4, h5, h6 { line-height: 1.2; }

/* Body text */
.body-text { font-size: 0.98rem; color: var(--stone); line-height: 1.9; max-width: 540px; }
.body-text + .body-text { margin-top: 1rem; }

/* Eyebrow label */
.eyebrow { font-size: 0.67rem; letter-spacing: 0.28em; text-transform: uppercase; color: var(--brass); margin-bottom: 1.2rem; font-weight: 400; }

/* Display heading */
h2.display { font-family: var(--serif); font-size: clamp(2.2rem, 4vw, 3.8rem); font-weight: 700; line-height: 1.1; color: var(--white); margin-bottom: 1.5rem; }
h2.display em { font-style: italic; font-weight: 400; color: var(--cream-dk); }

/* Fade-up animation — disabled (content visible immediately) */
.fade-up { opacity: 1; transform: none; }
.fade-up.visible { opacity: 1; transform: none; }