.hero-section {
  text-align: left;
  padding: 1rem 0 3rem 0;
  background-color: var(--color-white);
  background-image: 
    url('../../../images/hero-section-top-left.png'),
    url('../../../images/hero-section-bottom-right.png');
  background-position: 
    top left,
    bottom right;
  background-repeat: no-repeat;
  background-size: 400px auto, 750px auto;
  min-height: 550px;
  width: 100%;
}

/* Ensure navigation is consistent on homepage - remove top margin so background starts at top */
.hero-section .site-navigation {
  position: relative;
  z-index: 1;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  max-width: 1400px;
  width: 100%;
  box-sizing: border-box;
}

/* Hero Section Text */
.hero-section-text {
  margin-top: 90px;
  max-width: 1020px;
  margin: 90px auto 80px auto;
}
.hero-section h1 {
  font-size: 2.75rem;
  font-weight: 600;
  color: #333;
  margin-bottom: 1rem;
  line-height: 1.2;
}
.hero-section .highlighted {
  background-image: linear-gradient(to bottom, transparent calc(100% - 4px), var(--color-light-green) calc(100% - 4px));
  background-position: bottom;
  background-size: 100% 4px;
  background-repeat: no-repeat;
  padding-bottom: 0px;
}
.hero-section h2 {
  font-size: 1.25rem;
  color: #6c757d;
  font-weight: 400;
  line-height: 1.6;
  margin: 0;
  max-width: 450px;
}
@media (max-width: 1080px) {
  .hero-section {
    min-height: 450px;
    background-position: 
      -100px -50px,
      bottom -50px right -200px;
  }
  
  .hero-section-text {
    margin-left: 60px;
  }
  
  .hero-section h1 {
    font-size: 2rem;
  }
  
  .hero-section h2 {
    font-size: 1.1rem;
  }
}

@media (max-width: 768px) {
  .hero-section {
    padding: 2rem 1rem;
    min-height: 450px;
    background-position: 
      -100px -50px,
      bottom -100px right -200px;
  }
  
  @media (max-width: 650px) {
  .hero-section {
    background-position: 
      -100px -50px,
      right -250px bottom -200px;
  }
}

  .hero-section-text {
    margin-left: 20px;
  }
  
  .hero-section h1 {
    font-size: 1.75rem;
  }
}