/* ================================================
   Sections — inner page styles only
   Homepage sections are in homepage.css
   ================================================ */

.section {
  position: relative;
  padding: clamp(var(--space-3xl), 8vw, var(--space-5xl)) 0;
}
.section--white { background-color: var(--white); }
.section--warm { background-color: var(--background-warm); }
.section--surface { background-color: var(--surface); }
.section--ink {
  background-color: var(--ink);
  color: var(--white);
}
.section--ink .eyebrow { color: var(--gold-light); }

.section__header {
  margin-bottom: clamp(var(--space-2xl), 5vw, var(--space-3xl));
}
.section__header--center {
  text-align: center;
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
}
.section__header h2 {
  font-family: var(--font-display);
  font-size: clamp(2rem, 4vw, 3rem);
  font-weight: 300;
  color: var(--ink);
  margin: 0 0 var(--space-md);
}
.section__header p {
  font-family: var(--font-body);
  font-weight: 300;
  font-size: 1rem;
  color: var(--ink-soft);
  line-height: 1.7;
}
.section--ink .section__header h2 { color: var(--white); }
.section--ink .section__header p { color: rgba(255,255,255,0.6); }

.container {
  max-width: var(--max-width);
  margin: 0 auto;
  padding: 0 var(--space-xl);
}