/* Sections - EXACT from Original HTML */
.section {
    padding: 120px 20px;
}

.section.cream {
    background: var(--bg-cream);
}

.section.dark {
    background: var(--bg-dark);
}

.section.sand {
    background: var(--bg-sand);
}

.section-header {
    text-align: center;
    max-width: 800px;
    margin: 0 auto 80px;
}

.section-label {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .15em;
    text-transform: uppercase;
    color: var(--brass);
    margin-bottom: 16px;
}

.section h2 {
    font-family: var(--font-display);
    font-size: clamp(2.5rem, 5vw, 4rem);
    font-weight: 300;
    margin-bottom: 24px;
}

.section.cream h2 {
    color: var(--dark);
}

.section.dark h2,
.section.dark .section-label {
    color: var(--white);
}

.section-header p {
    font-size: 1.125rem;
    line-height: 1.8;
}

.section.cream p {
    color: var(--gray);
}

.section.dark p {
    color: rgba(245, 242, 237, .7);
}