/* ==================================
   02. LAYOUT & TYPOGRAPHY
================================== */
.container { width: min(1180px, 100% - 32px); margin-inline: auto; }
.section { padding: 90px 0; }
.white { background: var(--cream); }

.section-subtitle {
  font-family: var(--ff-display); text-transform: uppercase;
  letter-spacing: 0.14em; color: var(--orange); font-size: 0.85rem; margin-bottom: 10px;
}
.section-subtitle.center { text-align: center; }
.section-subtitle.left { text-align: left; }
.section-subtitle.light { color: var(--gold); }

.section-title {
  font-family: var(--ff-display); font-size: clamp(2.2rem, 5vw, 4rem);
  line-height: 1.02; text-transform: uppercase; color: var(--brown); max-width: 20ch;
}
.section-title.center { margin-inline: auto; text-align: center; }
.section-title.left { text-align: left; }
.section-title.light { color: var(--milk); }
.section-title.big { font-size: clamp(2.6rem, 6vw, 4.8rem); }

.section-text { color: var(--muted); line-height: 1.75; max-width: 70ch; }
.section-text.center { margin-inline: auto; text-align: center; }