/* ============================================================
   CTA Sections — Hire Us / Join the Studio
   ============================================================ */

.cta-section {
  position: relative;
  overflow: hidden;
}

.cta-section-inner {
  max-width: 680px;
}

.cta-section .section-heading::after {
  margin-top: 0.75rem;
}

.cta-body {
  color: var(--md-sys-color-on-surface-variant);
  line-height: 1.8;
  margin-bottom: 2rem;
}

.cta-body p {
  margin-bottom: 1rem;
}

.cta-body p:last-child {
  margin-bottom: 0;
}

/* Subtle background accent for CTA sections */
.cta-section::before {
  content: '';
  position: absolute;
  width: 400px;
  height: 400px;
  border-radius: 50%;
  filter: blur(120px);
  opacity: 0.08;
  pointer-events: none;
}

#hire::before {
  background: var(--md-sys-color-primary);
  top: -100px;
  right: -100px;
}

#join::before {
  background: var(--md-sys-color-secondary);
  bottom: -100px;
  left: -100px;
}