/*==================================================
  Services Overview Page Styles
  Minimal overrides to globals.css
==================================================*/

/* Journey Section - Clean white section */
#journey .journey-content {
  max-width: 800px;
  margin: 0 auto;
}

#journey .section-description {
  text-align: left;
}

#journey .journey-step {
  margin-bottom: var(--font-size-2xl);
}

#journey .journey-step:last-child {
  margin-bottom: var(--font-size-xl);
}

#journey .journey-step h3 {
  margin-bottom: var(--font-size-sm);
}

#journey .journey-conclusion {
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
  font-style: italic;
}

/* Services Section - Uses existing alternating content from globals */
#services .alternating-content-item .content-wrapper a.btn {
  margin-top: var(--font-size-md);
}

/* =============================================================================
    HERO SECTION
    ============================================================================= */

#hero {
  background: var(--gradient-green-blue-h);
}

@media (max-width: 1023px) {
  #hero {
    background: var(--brand-blue);
  }
}

@media (max-width: 767px) {
  #journey .section-description {
    text-align: left;
  }
  
  #journey .journey-conclusion {
    text-align: left;
  }
}

@media (max-width: 479px) {
  #journey .section-description {
    text-align: left;
  }
}