.fenix-about-copy { display: none; }
.fenix-about-principles-title--tablet { display: none; }
.fenix-about-fenix-principle-lead { font-weight: 700; }
.fenix-about-copy__line { display: block; }
@media (min-width: 1280px) {
  .fenix-about-copy--desktop { display: block; }
}
@media (min-width: 768px) and (max-width: 1279px) {
  .fenix-about-copy--tablet { display: block; }
  .fenix-about-principles-title--default { display: none; }
  .fenix-about-principles-title--tablet { display: inline; }
}
@media (max-width: 767px) {
  .fenix-about-copy--mobile { display: block; }
}

body.fenix-figma-about-fenix-page .fenix-site-main,

body.fenix-figma-about-fenix-page .fenix-about-fenix-page {
  margin-bottom: 0 !important;
  overflow: hidden;
}

body.fenix-figma-about-fenix-page .fenix-about-fenix-page {
  --about-dark: var(--fenix-neutral-900);
  --about-purple: var(--fenix-primary-800);
  --about-purple-2: var(--fenix-primary-500);
  --about-lavender: var(--fenix-primary-50);
  --about-pink: var(--fenix-accent-300);
  background: var(--fenix-white);
  color: var(--about-dark);
}

body.fenix-figma-about-fenix-page .fenix-about-fenix-hero {
  position: relative;
  height: 416px;
  overflow: hidden;
  background-image:
    linear-gradient(90deg, color-mix(in srgb, var(--fenix-primary-500) 92%, transparent) 0%, color-mix(in srgb, var(--fenix-primary-500) 58%, transparent) 39%, color-mix(in srgb, var(--fenix-neutral-900) 54%, transparent) 100%),
    var(--fenix-about-fenix-hero-image);
  background-size: cover;
  background-position: center 30%;
}

body.fenix-figma-about-fenix-page .fenix-about-fenix-hero__inner {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 48px;
  padding: 0;
}

body.fenix-figma-about-fenix-page .fenix-about-fenix-hero h1 {
  width: auto;
  max-width: 100%;
  margin: 0;
  color: var(--fenix-white);
  font-family: var(--fenix-font);
  --fenix-type-line-height: var(--fenix-text-display-line-height);
  font-size: var(--fenix-text-display-size);
  font-weight: var(--fenix-text-display-weight);
  line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height));
  letter-spacing: var(--fenix-letter-spacing);
  text-transform: none;
}

body.fenix-figma-about-fenix-page .fenix-about-fenix-hero p {
  width: min(100%, 1080px);
  margin: 0;
  color: color-mix(in srgb, var(--fenix-white) 88%, transparent);
  font-family: var(--fenix-font);
  --fenix-type-line-height: var(--fenix-text-subtitle-line-height);
  font-size: var(--fenix-text-subtitle-size);
  font-weight: var(--fenix-text-subtitle-weight);
  line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height));
}

body.fenix-figma-about-fenix-page .fenix-about-fenix-who {
  padding-inline: 0 0px;
  background: var(--fenix-white);
}

body.fenix-figma-about-fenix-page .fenix-about-fenix-who__inner {
  position: relative;
  height: 809px;
}

body.fenix-figma-about-fenix-page .fenix-about-fenix-who__heading {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 520px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

body.fenix-figma-about-fenix-page .fenix-about-fenix-who__heading h2,

body.fenix-figma-about-fenix-page .fenix-about-fenix-principles__heading h2,

body.fenix-figma-about-fenix-page .fenix-about-fenix-strengths h2 {
  margin: 0;
  color: var(--about-dark);
  font-family: var(--fenix-font);
  --fenix-type-line-height: var(--fenix-text-h2-line-height);
  font-size: var(--fenix-text-h2-size);
  font-weight: var(--fenix-text-h2-weight);
  line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height));
  letter-spacing: var(--fenix-letter-spacing);
}

body.fenix-figma-about-fenix-page .fenix-about-fenix-who__heading p,

body.fenix-figma-about-fenix-page .fenix-about-fenix-principles__heading p,

body.fenix-figma-about-fenix-page .fenix-about-fenix-strengths__content > p {
  width: 520px;
  max-width: 100%;
  margin: 0;
  color: var(--fenix-neutral-600);
  font-family: var(--fenix-font);
  --fenix-type-line-height: var(--fenix-text-body-large-line-height);
  font-size: var(--fenix-text-body-large-size);
  font-weight: var(--fenix-weight-regular);
  line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height));
}

body.fenix-figma-about-fenix-page .fenix-about-fenix-collage {
  position: absolute;
  inset: 84px auto auto 0;
  width: 1192px;
  height: 677px;
}

body.fenix-figma-about-fenix-page .fenix-about-fenix-collage__tile {
  position: absolute;
  display: block;
  overflow: hidden;
  border-radius: 8px;
  background: var(--fenix-primary-50);
}

body.fenix-figma-about-fenix-page .fenix-about-fenix-collage__image {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

body.fenix-figma-about-fenix-page .fenix-about-fenix-collage__tile--boat {
  left: 0;
  top: 171px;
  width: 286px;
  height: 342px;
}

body.fenix-figma-about-fenix-page .fenix-about-fenix-collage__tile--welcome {
  left: 306px;
  top: 159px;
  width: 286px;
  height: 254px;
}

body.fenix-figma-about-fenix-page .fenix-about-fenix-collage__tile--office {
  left: 612px;
  top: 0;
  width: 306px;
  height: 413px;
}

body.fenix-figma-about-fenix-page .fenix-about-fenix-collage__tile--activity {
  left: 938px;
  top: 110px;
  width: 254px;
  height: 304px;
}

body.fenix-figma-about-fenix-page .fenix-about-fenix-collage__tile--expo {
  left: 306px;
  top: 433px;
  width: 382px;
  height: 244px;
}

body.fenix-figma-about-fenix-page .fenix-about-fenix-collage__tile--team {
  left: 708px;
  top: 433px;
  width: 284px;
  height: 203px;
}

body.fenix-figma-about-fenix-page .fenix-about-fenix-principles {
  padding-inline: 0;
  border: 0;
  background: var(--about-lavender);
}

body.fenix-figma-about-fenix-page .fenix-about-fenix-principles__inner {
  height: auto;
  display: flex;
  flex-direction: column;
  gap: 48px;
}

body.fenix-figma-about-fenix-page .fenix-about-fenix-principles__heading {
  position: static;
  width: 520px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

body.fenix-figma-about-fenix-page .fenix-about-fenix-principles__heading h2,

body.fenix-figma-about-fenix-page .fenix-about-fenix-principles__heading p {
  width: 100%;
}

body.fenix-figma-about-fenix-page .fenix-about-fenix-principles__cards {
  position: static;
  display: flex;
  flex-direction: column;
  gap: 32px;
  width: 100%;
}

body.fenix-figma-about-fenix-page .fenix-about-fenix-principle-card {
  width: 100%;
  min-height: 216px;
  display: grid;
  grid-template-columns: 148px 1fr;
  align-items: center;
  gap: 48px;
  padding: 36px 48px;
  border-radius: 16px;
  background: linear-gradient(112deg, color-mix(in srgb, var(--fenix-primary-900) 98%, transparent) 0%, color-mix(in srgb, var(--fenix-primary-800) 98%, transparent) 54%, color-mix(in srgb, var(--fenix-primary-600) 98%, transparent) 100%);
  box-shadow: 0 18px 32px color-mix(in srgb, var(--fenix-primary-800) 18%, transparent);
}

body.fenix-figma-about-fenix-page .fenix-about-fenix-principle-card__media {
  width: 148px;
  height: 148px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  background: transparent;
}

body.fenix-figma-about-fenix-page .fenix-about-fenix-principle-card__icon {
  width: 148px;
  height: 148px;
  display: block;
  object-fit: contain;
}

body.fenix-figma-about-fenix-page .fenix-about-fenix-principle-card__body {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

body.fenix-figma-about-fenix-page .fenix-about-fenix-principle-card h3 {
  margin: 0;
  color: var(--about-pink);
  font-family: var(--fenix-font);
  --fenix-type-line-height: var(--fenix-text-h5-line-height);
  font-size: var(--fenix-text-h5-size);
  font-weight: var(--fenix-text-h5-weight);
  line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height));
}

body.fenix-figma-about-fenix-page .fenix-about-fenix-principle-card p {
  width: 100%;
  margin: 0;
  color: var(--fenix-primary-50);
  font-family: var(--fenix-font);
  --fenix-type-line-height: var(--fenix-text-body-line-height);
  font-size: var(--fenix-text-body-size);
  font-weight: var(--fenix-weight-regular);
  line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height));
}

body.fenix-figma-about-fenix-page .fenix-about-fenix-strengths {
  padding-inline: 0;
  background: radial-gradient(circle at 32% 48%, color-mix(in srgb, var(--fenix-primary-400) 85%, transparent), color-mix(in srgb, var(--fenix-primary-800) 0%, transparent) 42%), linear-gradient(105deg, var(--fenix-primary-900) 0%, var(--fenix-primary-800) 52%, var(--fenix-primary-500) 100%);
  color: var(--fenix-white);
}

body.fenix-figma-about-fenix-page .fenix-about-fenix-strengths__inner {
  display: flex;
  flex-direction: column;
  gap: 72px;
}

body.fenix-figma-about-fenix-page .fenix-about-fenix-strengths__main {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 460px;
  align-items: start;
  gap: 80px;
}

body.fenix-figma-about-fenix-page .fenix-about-fenix-strengths__content {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

body.fenix-figma-about-fenix-page .fenix-about-fenix-strengths h2,

body.fenix-figma-about-fenix-page .fenix-about-fenix-strengths__content > p {
  color: var(--fenix-white);
}

body.fenix-figma-about-fenix-page .fenix-about-fenix-strengths__metrics {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: 16px;
  border: 1px solid color-mix(in srgb, var(--fenix-primary-100) 50%, transparent);
  border-radius: 8px;
  overflow: hidden;
}

body.fenix-figma-about-fenix-page .fenix-about-fenix-strengths__metric {
  min-height: 76px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 16px;
  border-right: 1px solid color-mix(in srgb, var(--fenix-primary-100) 35%, transparent);
}

body.fenix-figma-about-fenix-page .fenix-about-fenix-strengths__metric:last-child {
  border-right: 0;
}

body.fenix-figma-about-fenix-page .fenix-about-fenix-strengths__metric-icon {
  width: 24px;
  height: 24px;
  flex: 0 0 auto;
  object-fit: contain;
}

body.fenix-figma-about-fenix-page .fenix-about-fenix-strengths__metric strong {
  display: block;
  color: var(--fenix-white);
  --fenix-type-line-height: var(--fenix-text-h5-line-height);
  font-size: var(--fenix-text-h5-size);
  font-weight: var(--fenix-text-h5-weight);
  line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height));
}

body.fenix-figma-about-fenix-page .fenix-about-fenix-strengths__metric span {
  display: block;
  color: color-mix(in srgb, var(--fenix-white) 86%, transparent);
  --fenix-type-line-height: var(--fenix-text-caption-line-height);
  font-size: var(--fenix-text-caption-size);
  font-weight: var(--fenix-weight-bold);
  line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height));
}

body.fenix-figma-about-fenix-page .fenix-about-fenix-strengths__image {
  width: 460px;
  height: 300px;
  margin: 0;
  overflow: hidden;
  border-radius: 16px;
}

body.fenix-figma-about-fenix-page .fenix-about-fenix-strengths__image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center 58%;
}

body.fenix-figma-about-fenix-page .fenix-about-fenix-strengths__features {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 120px;
}

body.fenix-figma-about-fenix-page .fenix-about-fenix-strengths__feature {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}

body.fenix-figma-about-fenix-page .fenix-about-fenix-strengths__feature-icon {
  width: 40px;
  height: 40px;
  object-fit: contain;
}

body.fenix-figma-about-fenix-page .fenix-about-fenix-strengths__feature h3 {
  margin: 0;
  color: var(--fenix-white);
  --fenix-type-line-height: var(--fenix-text-h5-line-height);
  font-size: var(--fenix-text-h5-size);
  font-weight: var(--fenix-text-h5-weight);
  line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height));
}

body.fenix-figma-about-fenix-page .fenix-about-fenix-strengths__feature p {
  width: min(100%, 488px);
  margin: 0;
  color: color-mix(in srgb, var(--fenix-white) 88%, transparent);
  --fenix-type-line-height: var(--fenix-text-body-line-height);
  font-size: var(--fenix-text-body-size);
  line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height));
}

@media (min-width: 768px) and (max-width: 1279px) {

  body.fenix-figma-about-fenix-page .fenix-about-fenix-hero {
    height: 428px;
    background-position: center top;
  }

  body.fenix-figma-about-fenix-page .fenix-about-fenix-hero__inner {
    gap: 32px;
  }

  body.fenix-figma-about-fenix-page .fenix-about-fenix-hero h1 {
    --fenix-type-line-height: var(--fenix-text-h2-line-height);
    font-size: var(--fenix-text-h2-size);
    font-weight: var(--fenix-text-h2-weight);
    line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height));
  }

  body.fenix-figma-about-fenix-page .fenix-about-fenix-hero p {
    width: 600px;
    --fenix-type-line-height: var(--fenix-text-body-line-height);
    font-size: var(--fenix-text-body-size);
    line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height));
  }

  body.fenix-figma-about-fenix-page .fenix-about-fenix-who {
    padding-inline: 0;
  }

  body.fenix-figma-about-fenix-page .fenix-about-fenix-who__inner {
    height: 615px;
  }

  body.fenix-figma-about-fenix-page .fenix-about-fenix-who__heading {
    position: absolute;
    top: 0;
    left: 1px;
    width: 418px;
    height: 136px;
    gap: 16px;
    margin-bottom: 0;
  }

  body.fenix-figma-about-fenix-page .fenix-about-fenix-who__heading h2,

  body.fenix-figma-about-fenix-page .fenix-about-fenix-principles__heading h2,

  body.fenix-figma-about-fenix-page .fenix-about-fenix-strengths h2 {
    --fenix-type-line-height: var(--fenix-text-h3-line-height);
    font-size: var(--fenix-text-h3-size);
    font-weight: var(--fenix-text-h3-weight);
    line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height));
  }

  body.fenix-figma-about-fenix-page .fenix-about-fenix-who__heading p,

  body.fenix-figma-about-fenix-page .fenix-about-fenix-principles__heading p,

  body.fenix-figma-about-fenix-page .fenix-about-fenix-strengths__content > p {
    --fenix-type-line-height: var(--fenix-text-body-large-line-height);
    font-size: var(--fenix-text-body-large-size);
    line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height));
  }

  body.fenix-figma-about-fenix-page .fenix-about-fenix-collage {
    position: absolute;
    inset: 0 auto auto 0;
    width: 704px;
    height: 615px;
  }

  body.fenix-figma-about-fenix-page .fenix-about-fenix-collage__tile--boat {
    left: 359px;
    top: 425px;
    width: 343px;
    height: 190px;
  }

  body.fenix-figma-about-fenix-page .fenix-about-fenix-collage__tile--welcome {
    left: 0;
    top: 425px;
    width: 343px;
    height: 190px;
  }

  body.fenix-figma-about-fenix-page .fenix-about-fenix-collage__tile--office {
    display: none;
  }

  body.fenix-figma-about-fenix-page .fenix-about-fenix-collage__tile--activity {
    right: auto;
    left: 468px;
    top: 0;
    width: 236px;
    height: 405px;
  }

  body.fenix-figma-about-fenix-page .fenix-about-fenix-collage__tile--expo {
    left: 249px;
    top: 193px;
    width: 200px;
    height: 212px;
  }

  body.fenix-figma-about-fenix-page .fenix-about-fenix-collage__tile--team {
    left: 0;
    top: 193px;
    width: 230px;
    height: 212px;
  }

  body.fenix-figma-about-fenix-page .fenix-about-fenix-principles {
    padding-inline: 0;
  }

  body.fenix-figma-about-fenix-page .fenix-about-fenix-principles__inner {
    gap: 40px;
  }

  body.fenix-figma-about-fenix-page .fenix-about-fenix-principles__heading {
    width: 480px;
  }

  body.fenix-figma-about-fenix-page .fenix-about-fenix-principle-card {
    min-height: 160px;
    grid-template-columns: 116px 1fr;
    gap: 28px;
    padding: 28px 32px;
    border-radius: 12px;
  }

  body.fenix-figma-about-fenix-page .fenix-about-fenix-principle-card__media,

  body.fenix-figma-about-fenix-page .fenix-about-fenix-principle-card__icon {
    width: 116px;
    height: 116px;
  }

  body.fenix-figma-about-fenix-page .fenix-about-fenix-principle-card h3 {
    --fenix-type-line-height: var(--fenix-text-h6-line-height);
    font-size: var(--fenix-text-h6-size);
    font-weight: var(--fenix-text-h6-weight);
    line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height));
  }

  body.fenix-figma-about-fenix-page .fenix-about-fenix-principle-card p {
    --fenix-type-line-height: var(--fenix-text-caption-line-height);
    font-size: var(--fenix-text-caption-size);
    line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height));
  }

  body.fenix-figma-about-fenix-page .fenix-about-fenix-strengths {
    padding-inline: 0;
  }

  body.fenix-figma-about-fenix-page .fenix-about-fenix-strengths__inner {
    gap: 56px;
  }

  body.fenix-figma-about-fenix-page .fenix-about-fenix-strengths__main {
    display: flex;
    flex-direction: column;
    gap: 32px;
  }

  body.fenix-figma-about-fenix-page .fenix-about-fenix-strengths__content {
    width: 100%;
  }

  body.fenix-figma-about-fenix-page .fenix-about-fenix-strengths__content > p {
    width: 456px;
  }

  body.fenix-figma-about-fenix-page .fenix-about-fenix-strengths__metrics {
    width: 100%;
    margin-top: 8px;
  }

  body.fenix-figma-about-fenix-page .fenix-about-fenix-strengths__image {
    width: 100%;
    height: 360px;
  }

  body.fenix-figma-about-fenix-page .fenix-about-fenix-strengths__features {
    gap: 64px;
  }

  body.fenix-figma-about-fenix-page .fenix-about-fenix-strengths__feature h3 {
    --fenix-type-line-height: var(--fenix-text-h6-line-height);
    font-size: var(--fenix-text-h6-size);
    font-weight: var(--fenix-text-h6-weight);
    line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height));
  }

  body.fenix-figma-about-fenix-page .fenix-about-fenix-strengths__feature p {
    --fenix-type-line-height: var(--fenix-text-body-small-line-height);
    font-size: var(--fenix-text-body-small-size);
    line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height));
  }
}