/* ========= Biography Page Base Styles ========= */

.biography-area {
  color: var(--Brand-Purple-60);
  padding-top: 16px;
  padding-bottom: 48px;
}

.biography-area h5 {
  font-size: 24px;
  font-weight: 500;
  line-height: 36px;
}

.biography-area p {
  padding: 24px 0 32px;
  max-width: 800px;
  font-size: 16px;
}

.biography-heading {
  flex-direction: column;
  text-align: center;
}

.biography-text {
  padding-bottom: 20px;
  text-align: center;
}

.biography-text p:last-of-type {
  padding-bottom: 0;
}

.biography-text .description {
  color: var(--text-primary);
  line-height: 38px;
  text-align: justify;
  max-width: 800px;
}

.bio-btn-wrapper {
  display: none;
}

#target-section {
  scroll-margin-top: 100px;
}
.biography-area img {
  max-width: 329px;
  border-radius: 13.887px;
}

/* ========= Responsive: Mobile (≤800px) ========= */

@media (max-width: 800px) {
  .action-btn-wrapper .action-btn {
    width: 330px;
    justify-content: center;
  }

  .biography-text {
    padding-bottom: 20px;
  }
}

/* ========= Responsive: Tablet (801px – 1024px) ========= */

@media screen and (min-width: 801px) and (max-width: 1024px) {
  .biography-area {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .biography-area h5 {
    font-size: 16px;
  }

  .biography-area p {
    padding: 16px 0 68px;
    font-size: 20px;
  }
  .biography-area img {
    max-width: 438px;
  }

  .bio-title {
    padding-bottom: 40px;
    font-size: 16px;
  }

  .biography-heading {
    padding: 0 80px;
  }

  .biography-text {
    padding: 60px 0 80px;
  }
}

/* ========= Responsive: Desktop (≥1025px) ========= */

@media screen and (min-width: 1025px) {
  .biography-area {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .biography-area h5 {
    font-size: 16px;
  }

  .biography-area p {
    padding: 8px 0 48px;
    font-size: 20px;
  }

  .biography-heading {
    flex-direction: row-reverse;
    align-items: flex-start;
    text-align: left;
    justify-content: space-between;
  }

  .bio-text {
    text-align: left;
  }

  .bio-image {
    text-align: right;
  }

  .bio-btn-wrapper {
    display: flex;
    justify-content: flex-start;
  }

  .biography-text {
    padding-top: 60px;
    padding-bottom: 80px;
    margin: 0 auto;
    text-align: center;
  }

  .biography-text p {
    max-width: 800px;
  }
}

/* ========= Responsive: Desktop Width Tweaks ========= */

@media screen and (min-width: 1025px) and (max-width: 1280px) {
  .bio-image img {
    width: 306.6px;
    height: 344.16px;
    border-radius: 15.256px;
  }
  .bio-text {
    max-width: 499px;
  }
  .biography-heading {
    max-width: 944px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 1281px) and (max-width: 1440px) {
  .bio-text {
    max-width: 660px;
  }
  .bio-image img {
    max-width: 394px;
    height: 430px;
    border-radius: 21.6px;
  }
}

@media screen and (min-width: 1441px) {
  .bio-text {
    max-width: 685px;
    margin-left: 120px;
  }
  .biography-heading {
    justify-content: center;
  }
  .bio-image img {
    max-width: 438px;
    height: 473px;
  }
}