/* Do not edit anything below */
.purpose-section .header {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(1rem, 1rem + 0.5 * (100vw - 48rem) / 27, 1.5rem);
  max-inline-size: 33.75rem;
  margin-block-end: clamp(2rem, 2rem + 1 * (100vw - 48rem) / 27, 3rem);
}
@media (width >= 768px) {
  .purpose-section .header {
    align-items: flex-start;
  }
}
.purpose-section .content {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 2rem + 1 * (100vw - 48rem) / 27, 3rem);
}
.purpose-section .image {
  block-size: clamp(16.25rem, 16.25rem + 11.5 * (100vw - 48rem) / 27, 27.75rem);
  border-radius: 0.75rem;
  overflow: hidden;
}
.purpose-section .image img {
  inline-size: 100%;
  block-size: 100%;
  object-fit: cover;
}
.purpose-section .columns {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 2rem + 1 * (100vw - 48rem) / 27, 3rem);
}
@media (width >= 768px) {
  .purpose-section .columns {
    flex-direction: row;
  }
}
.purpose-section .column {
  flex: 1 1 0;
  min-inline-size: 0;
}
.purpose-section .lead {
  margin: 0 0 clamp(1rem, 1rem + 0.5 * (100vw - 48rem) / 27, 1.5rem);
}
.purpose-section .body {
  color: rgba(8, 12, 17, 0.4);
}
.purpose-section .body p {
  font-size: clamp(0.875rem, 0.875rem + 0.125 * (100vw - 48rem) / 27, 1rem);
  margin: 0 0 1rem;
}
.purpose-section .body p:last-child {
  margin-block-end: 0;
}