section.about {
  header {
    div.foreground {
      div.content {
        h1 {
          font-size: clamp(2rem, 5vw, 4rem);
        }
      }
    }
  }
  section.mission {
    div.mission-text {
      h3 {
        position: relative;
        &::after {
          content: "";
          position: absolute;
          bottom: 0;
          left: 0;
          display: block;
          width: 40px;
          height: 2px;
          background-color: var(--primary);
        }
        &::before {
          content: "";
          position: absolute;
          bottom: -6px;
          left: 0;
          display: block;
          width: 20px;
          height: 1px;
          background-color: var(--black);
        }
      }
    }
  }
  section.vision {
    div.vision-text {
      h3 {
        position: relative;
        &::after {
          content: "";
          position: absolute;
          bottom: 0;
          left: 0;
          display: block;
          width: 40px;
          height: 2px;
          background-color: var(--primary);
        }
        &::before {
          content: "";
          position: absolute;
          bottom: -6px;
          left: 0;
          display: block;
          width: 20px;
          height: 1px;
          background-color: var(--black);
        }
      }
    }
  }
  section.journey {
    h2 {
      position: relative;
      &::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        display: block;
        width: 40px;
        height: 2px;
        background-color: var(--primary);
      }
      &::before {
        content: "";
        position: absolute;
        bottom: -6px;
        left: 0;
        display: block;
        width: 20px;
        height: 1px;
        background-color: var(--black);
      }
    }
  }
}

/* .open-quote-menu{
  max-height: 0;
  opacity: 0;
  transition: max-height 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955),
    opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
} */