.about-page[data-astro-cid-zlx7s737] {
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  overscroll-behavior: contain;
  scrollbar-width: none;
  font-weight: var(--about-weight);
  letter-spacing: var(--home-tracking);
  outline: none;
}

.about-page[data-astro-cid-zlx7s737]::-webkit-scrollbar {
  display: none;
}

.about-page[data-astro-cid-zlx7s737][data-menu-open="true"] {
  overflow: hidden;
}

.about-page[data-astro-cid-zlx7s737]:focus-visible {
  outline: var(--home-focus-width) solid var(--home-foreground);
  outline-offset: calc(-1 * var(--home-focus-width));
}

.about-content[data-astro-cid-zlx7s737] {
  position: relative;
  box-sizing: border-box;
  min-height: 100%;
  padding: var(--about-top-inset) var(--about-right-inset) var(--about-bottom-inset) var(--about-left-inset);
  display: grid;
  grid-template-rows: minmax(var(--about-eye-min-height), 1fr) auto;
}

.about-eyes[data-astro-cid-zlx7s737] {
  min-width: 0;
  min-height: 0;
  container-type: size;
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: none;
  user-select: none;
}

.about-eye[data-astro-cid-zlx7s737] {
  display: block;
  width: min(var(--about-eye-width), calc(var(--about-eye-height-share) * var(--about-eye-ratio)), var(--about-eye-max-width));
  height: auto;
  -webkit-user-drag: none;
}

.about-info[data-astro-cid-zlx7s737] {
  position: relative;
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, var(--about-intro-width)) auto;
  grid-template-areas: "divider divider"
                       "bio directory";
  justify-content: space-between;
  column-gap: var(--about-row-gap);
  --divider-max-amplitude: var(--about-divider-amplitude);
  --divider-width: var(--about-divider-width);
  --divider-height: var(--about-divider-height);
  --divider-before: var(--about-divider-before);
  --divider-after: var(--about-divider-after);
  --divider-offset: var(--about-divider-offset);
}

.about-info[data-astro-cid-zlx7s737] > .elastic-divider {
  grid-area: divider;
}

.about-bio[data-astro-cid-zlx7s737] {
  grid-area: bio;
  padding-top: var(--about-bio-top);
}

.about-intro[data-astro-cid-zlx7s737] {
  max-width: var(--about-intro-width);
  margin: 0;
  font-size: var(--about-body-size);
  font-weight: var(--about-weight);
  line-height: var(--about-bio-leading);
  letter-spacing: var(--about-tracking);
}

.about-body[data-astro-cid-zlx7s737] {
  max-width: var(--about-body-width);
  margin: var(--about-bio-gap) 0 0;
  color: var(--about-secondary-color);
  font-size: var(--about-body-size);
  line-height: var(--about-bio-leading);
  letter-spacing: var(--about-tracking);
}

.about-directory[data-astro-cid-zlx7s737] {
  grid-area: directory;
  padding-top: var(--about-directory-top);
  display: grid;
  grid-template-columns: var(--about-services-width) var(--about-features-width) auto;
  gap: var(--about-directory-gap);
  white-space: nowrap;
}

.about-label[data-astro-cid-zlx7s737] {
  margin: 0;
  font-size: var(--about-label-size);
  font-weight: var(--about-weight);
  line-height: var(--about-label-leading);
  letter-spacing: var(--about-tracking);
  text-decoration: underline;
  text-decoration-thickness: var(--home-underline-width);
  text-underline-offset: var(--about-label-underline-offset);
}

.about-list[data-astro-cid-zlx7s737] {
  margin: var(--about-list-gap) 0 0;
  padding: 0;
  list-style: none;
  font-size: var(--about-list-size);
  line-height: var(--about-list-leading);
  letter-spacing: var(--about-tracking);
}

.client-columns[data-astro-cid-zlx7s737] {
  display: grid;
  grid-template-columns: var(--about-client-column-width) minmax(0, 1fr);
  gap: var(--about-client-gap);
}

@media (width <= 1023px) {
  .about-content[data-astro-cid-zlx7s737] {
    display: block;
    height: auto;
    min-height: 100%;
    padding: var(--about-mobile-top) 0 var(--about-mobile-bottom);
  }

  .about-info[data-astro-cid-zlx7s737], .about-eyes[data-astro-cid-zlx7s737] {
    width: min(var(--about-mobile-width), calc(100% - var(--about-mobile-gutter) * 2));
    margin-inline: auto;
    transform: translateX(var(--about-mobile-offset));
  }

  .about-info[data-astro-cid-zlx7s737] {
    display: block;
  }

  .about-bio[data-astro-cid-zlx7s737], .about-directory[data-astro-cid-zlx7s737] {
    padding-top: 0;
    white-space: normal;
  }

  .about-body[data-astro-cid-zlx7s737] {
    max-width: none;
  }

  .about-eyes[data-astro-cid-zlx7s737] {
    position: absolute;
    inset: 0;
    display: block;
    container-type: normal;
  }

  .about-eye[data-astro-cid-zlx7s737] {
    position: absolute;
    left: var(--about-mobile-eye-left);
    top: var(--about-mobile-eye-top);
    width: var(--about-mobile-eye-width);
    height: var(--about-mobile-eye-height);
  }

  .about-info[data-astro-cid-zlx7s737] {
    margin-top: 0;
    --about-tracking: var(--home-tracking);
    --about-body-size: var(--about-mobile-body-size);
    --about-label-size: var(--about-mobile-label-size);
    --about-list-size: var(--about-mobile-list-size);
    --about-services-width: var(--about-mobile-services-width);
    --about-directory-gap: var(--about-mobile-directory-gap);
    --about-client-column-width: var(--about-mobile-client-column-width);
    --about-list-gap: var(--about-mobile-list-gap);
    --divider-max-amplitude: var(--about-mobile-divider-amplitude);
    --divider-width: 100%;
    --divider-height: var(--about-mobile-divider-height);
    --divider-before: var(--about-mobile-divider-before);
    --divider-after: var(--about-mobile-divider-after);
    --divider-offset: 0px;
  }

  .about-intro[data-astro-cid-zlx7s737] {
    width: min(var(--about-mobile-intro-width), calc(100vw - var(--about-mobile-gutter) * 2));
    max-width: none;
    min-height: var(--about-mobile-intro-height);
  }

  .about-body[data-astro-cid-zlx7s737] {
    min-height: 0;
    margin-top: var(--about-mobile-bio-gap);
  }

  .about-directory[data-astro-cid-zlx7s737] {
    display: block;
    margin-left: var(--about-mobile-directory-offset);
  }

  .about-features[data-astro-cid-zlx7s737] {
    margin-top: var(--about-mobile-features-top);
  }

  .about-clients[data-astro-cid-zlx7s737] {
    margin-top: var(--about-mobile-features-after);
  }

  .client-columns[data-astro-cid-zlx7s737] {
    gap: var(--about-mobile-client-gap);
  }
}

@media (width >= 600px) and (width <= 1023px) {
  .about-info[data-astro-cid-zlx7s737], .about-eyes[data-astro-cid-zlx7s737] {
    width: min(var(--about-tablet-width), calc(100% - var(--about-tablet-gutter) * 2));
  }

  .about-intro[data-astro-cid-zlx7s737] {
    width: auto;
    min-height: 0;
  }

  .about-directory[data-astro-cid-zlx7s737] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--about-tablet-directory-gap);
  }

  .about-features[data-astro-cid-zlx7s737], .about-clients[data-astro-cid-zlx7s737] {
    margin-top: 0;
  }

  .about-clients[data-astro-cid-zlx7s737] {
    grid-column: 1 / -1;
  }
}