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

:root {
    --dark: #1a1a18;
    --mid: #2e2e2a;
    --cream: #f5f0e8;
    --warm: #e8dfc8;
    --accent: #8b6f47;
    --accent-light: #c4a97a;
    --text: #3a3530;
    --text-light: #7a7268;
    --white: #ffffff;
    --white2: #f8f8f8;
    --border: rgba(139, 111, 71, 0.2);
}

html { scroll-behavior: smooth; }

body {
    font-family: 'Jost', sans-serif;
    font-weight: 300;
    color: var(--text);
    background: var(--cream);
    overflow-x: hidden;
    
}





/* ── SECTIONS ── */
section { padding: 40px 20px; }

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

.section-label {
    font-size: 0.68rem;
    font-weight: 500;
    letter-spacing: 0.25em;
    text-transform: uppercase;
    color: var(--accent);
    margin-bottom: 0.8rem;
}

h2 {
    font-family: 'Cormorant Garamond', serif;
    font-size: clamp(2rem, 4vw, 3rem);
    font-weight: 300;
    color: var(--dark);
    line-height: 1.2;
    margin-bottom: 1.5rem;
}

h2 em { font-style: italic; color: var(--accent); }