.endorsement-photo {
    aspect-ratio: 1;
    border-radius: 50%;
    height: auto;
    object-fit: cover;
    width: 105px;
  }

  .about {
    background: var(--white);
    padding: 4rem 2rem;
  }

  .about-inner {
    max-width: 680px;
    margin: 0 auto;
  }

  .about-layout {
    display: flex;
    gap: 2rem;
    align-items: flex-start;
    margin-top: 1.5rem;
  }

  .about-photo {
    flex-shrink: 0;
    width: 160px;
    height: 160px;
    border-radius: 50%;
    object-fit: cover;
    object-position: center top;
    border: 3px solid var(--cream-dark);
  }

  .about-text {
    flex: 1;
  }

  .about .section-body {
    margin-bottom: 0.8rem;
  }

  @media (max-width: 640px) {
    .about-layout {
      flex-direction: column;
      align-items: center;
      text-align: center;
    }
    .about-photo {
      width: 140px;
      height: 140px;
    }
  }

.testimonials {
    background: #1B3C3D;
    color: #fff;
    padding: 4rem 2rem;

    .testimonials-inner {
        margin-inline: auto;
        max-width: 1100px;
    }

    .section-title {
        color: #fff;
        text-align: center;
    }

    .three-column {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 2em;

        @media (max-width: 1024px) {
          display: flex;
          gap: 1em;
          overflow-x: scroll;
        }
    }

    .testimonial-container {
        text-align: center;

        @media (max-width: 1024px) {
          min-width: 240px;
        }

        .testimonial-photo {
            aspect-ratio: 1;
            border: 3px solid #E7DECB;
            border-radius: 50%;
            height: auto;
            object-fit: cover;
            width: 160px;

            @media (max-width: 1024px) {
              width: 135px;
            }
        }

        .testimonial-blurb {
          font-family: 'Source Serif 4', Georgia, serif;
          font-size: 16px;
          font-style: italic;
          line-height: 1.75;
          margin-top: 1em;

          @media (max-width: 1024px) {
            font-size: 15px;
          }
        }

        .testimonial-footer {
            font-size: 14px;
            margin-top: 1.5em;
        }
    }
}

.section-img {
    border-radius: 16px;
    height: 534px;
    object-fit: cover;
    width: 425px;
}

.section-img--02 {
    border-radius: 16px;
    height: 411px;
    object-fit: cover;
    width:401px;
}

.pricing-tier {
  background: #fff;
  padding-top: 0;
}

.pricing-tier-grid {
  @media (max-width: 1024px) {
    display: flex;
    gap: 1em;
    overflow-x: scroll;
  }

  .pricing-tier-grid__container {
    border-radius: 16px;
    box-shadow: 0 0 24px rgba(0,0,0,0.08);
    padding: 2em;

    @media (max-width: 1024px) {
      border: 1px solid rgba(0,0,0,0.08);
      box-shadow: unset;
      min-width: 240px;
      padding: 1.5em;
    }

    div {
      padding-block: 1em;
    }

    div:first-of-type {
      border-bottom: 1px solid rgba(0,0,0,0.08);
      padding-top: unset;
    }

    div:last-of-type {
      padding-bottom: unset;
    }
  }

  .pricing-tier-grid__header {
    h3 {
      font-size: 40px;
    }

    span {
      display: inline-block;
      font-size: 0.65rem;
      letter-spacing: 0.2em;
      text-transform: uppercase;
      color: var(--gold);
      font-weight: 600;
      margin-bottom: 1rem;
    }

    .grid-eyebrow {
      display: block;
      font-size: 16px;
      letter-spacing: 0.2em;
      text-align: center;
      text-transform: lowercase;
    }
  }

  .pricing-tier-items {
    list-style: none;
    list-style-position: outside;

    li {
      display: flex;
      font-size: 14px;
      gap: 0.5em;
      align-items: center;
      margin-bottom: 0.85em;

      svg.bi-check-circle-fill {
        fill: #97792F;
      }

      svg.bi-x-circle-fill {
        fill: #FF6954;
      }
    }

    li:last-of-type {
      margin-bottom: unset;
    }

    li.disabled {
      opacity: 0.32;
    }
  }
}

.pricing-tier-info {
  margin-inline: auto;
  margin-top: 4.5em;
  max-width: 950px;

  a {
    margin-top: 0.5em;
    display: inline-block;
  }

  p {
    margin-block: 2em;
  }

  p:first-of-type {
    margin-top: unset;
  }

  p:last-of-type {
    margin-bottom: unset;
  }
}

.field-notebook {
  width: 415px;
  height: 395px;
  object-fit: contain;

  @media (max-width: 1024px) {
    display: none !important;
  }
}

.eco-card-container {
  display: flex;
  flex-flow: column nowrap;
  gap: 1em;
  height: 100%;

  .eco-card-body {
    flex-grow: 1;
  }

  .eco-card-cta p {
    color: var(--gold);
    font-weight: bolder;
  }
}