.services {
  padding: 120px 48px;
  background: var(--bg-void);
}

.case-studies {
  padding: 120px 48px;
}

.services .container,
.why-section .container,
.case-studies .container {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
}

.section-header {
  margin-bottom: 64px;
}

.section-header .eyebrow {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 3px;
  color: var(--gold);
  margin-bottom: 16px;
  font-weight: 600;
}

.section-header h2 {
  font-family: "Playfair Display", serif;
  font-size: clamp(2rem, 4vw, 2.75rem);
  font-weight: 600;
  margin-bottom: 16px;
}

.section-header p {
  font-size: 18px;
  color: var(--text-secondary);
  max-width: 500px;
}

@media (max-width: 600px) {
  .services {
    padding: 80px 24px;
  }

  .case-studies {
    padding: 80px 24px;
  }

}