/* Adjacent bands each own half the shared section gap. */
body.fenix-figma-shell-page,

body.fenix-figma-company-profile-page {
  --fenix-rhythm-section-y: calc(var(--fenix-section-spacing) / 2);
  --fenix-rhythm-detail-start-y: 80px;
  --fenix-rhythm-content-gap: 56px;
  --fenix-rhythm-heading-gap: 24px;
  --fenix-page-gap: var(--fenix-section-spacing);
  overflow-x: hidden;
}

.fenix-section--spacious,
.fenix-case-study-cta {
  --fenix-rhythm-section-y: calc(var(--fenix-section-spacing-large) / 2);
}

body.fenix-figma-shell-page .fenix-home,

body.fenix-figma-services-page .fenix-services-page,

body.fenix-figma-company-profile-page .fenix-company-profile-page,

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

body.fenix-figma-resources-page .fenix-resources-page,

body.fenix-figma-case-studies-page .fenix-case-studies-page,

body.fenix-figma-case-study-detail-body .fenix-case-study-detail-page,

body.fenix-figma-blog-detail-body .fenix-blog-detail-page,

body.fenix-figma-news-detail-body .fenix-news-detail-page,

body.fenix-figma-contact-page .fenix-contact-page,

body.fenix-figma-careers-page .fenix-careers-page,

body.fenix-figma-job-detail-body .fenix-job-detail-page,

body.fenix-figma-testimonials-page .fenix-testimonials-page,

body.fenix-figma-testimonial-detail-body .fenix-testimonial-detail-page {
  gap: 0 !important;
}

body.fenix-figma-shell-page .fenix-home-section:not(.fenix-home-hero),

body.fenix-figma-services-page .fenix-services-detail,

body.fenix-figma-services-page .fenix-services-tech,

body.fenix-figma-services-page .fenix-home-devflow,

body.fenix-figma-services-page .fenix-home-contact-form,

body.fenix-figma-company-profile-page .fenix-company-profile,

body.fenix-figma-company-profile-page .fenix-company-ceo,

body.fenix-figma-about-fenix-page .fenix-about-fenix-who,

body.fenix-figma-about-fenix-page .fenix-about-fenix-principles,

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

body.fenix-figma-about-fenix-page .fenix-about-fenix-strengths-reuse > .fenix-home-apart,

body.fenix-figma-resources-page .fenix-resources-blogs,

body.fenix-figma-resources-page .fenix-resources-news,

body.fenix-figma-resources-page .fenix-resources-company,

body.fenix-figma-case-studies-page .fenix-case-studies-listing,

body.fenix-figma-case-studies-page .fenix-home-testimonials,

body.fenix-figma-case-study-detail-body .fenix-home-testimonials,

body.fenix-figma-case-study-detail-body .fenix-case-detail-related,

body.fenix-figma-blog-detail-body .fenix-blog-detail-related,

body.fenix-figma-news-detail-body .fenix-news-detail-news,

body.fenix-figma-careers-page .fenix-careers-hero,

body.fenix-figma-careers-page .fenix-careers-benefits,

body.fenix-figma-careers-page .fenix-careers-open,

body.fenix-figma-careers-page .fenix-careers-voices,

body.fenix-figma-job-detail-body .fenix-careers-open,

body.fenix-figma-testimonials-page .fenix-testimonials-listing,

body.fenix-figma-testimonials-page .fenix-testimonials-page > .fenix-home-cases,

body.fenix-figma-testimonials-page .fenix-testimonials-page > .fenix-home-apart,

body.fenix-figma-testimonial-detail-body .fenix-testimonial-detail-related,

body.fenix-figma-case-studies-page .fenix-case-study-cta,

body.fenix-figma-case-study-detail-body .fenix-case-study-cta,

body.fenix-figma-blog-detail-body .fenix-case-study-cta,

body.fenix-figma-news-detail-body .fenix-case-study-cta,

body.fenix-figma-resources-page .fenix-case-study-cta,

body.fenix-figma-careers-page .fenix-careers-page .fenix-case-study-cta,

body.fenix-figma-job-detail-body .fenix-case-study-cta,

body.fenix-figma-testimonials-page .fenix-testimonials-page .fenix-case-study-cta,

body.fenix-figma-testimonial-detail-body .fenix-case-study-cta {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

body.home.fenix-figma-shell-page .fenix-home-section:not(.fenix-home-hero),

body.fenix-figma-services-page .fenix-services-detail,

body.fenix-figma-services-page .fenix-services-tech,

body.fenix-figma-services-page .fenix-home-devflow,

body.fenix-figma-services-page .fenix-home-contact-form,

body.fenix-figma-company-profile-page .fenix-company-profile,

body.fenix-figma-company-profile-page .fenix-company-ceo,

body.fenix-figma-about-fenix-page .fenix-about-fenix-who,

body.fenix-figma-about-fenix-page .fenix-about-fenix-principles,

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

body.fenix-figma-about-fenix-page .fenix-about-fenix-strengths-reuse > .fenix-home-apart,

body.fenix-figma-resources-page .fenix-resources-blogs,

body.fenix-figma-resources-page .fenix-resources-news,

body.fenix-figma-resources-page .fenix-resources-company,

body.fenix-figma-case-studies-page .fenix-case-studies-listing,

body.fenix-figma-case-studies-page .fenix-home-testimonials,

body.fenix-figma-case-study-detail-body .fenix-home-testimonials,

body.fenix-figma-careers-page .fenix-careers-hero,

body.fenix-figma-careers-page .fenix-careers-benefits,

body.fenix-figma-careers-page .fenix-careers-open,

body.fenix-figma-careers-page .fenix-careers-voices,

body.fenix-figma-job-detail-body .fenix-careers-open,

body.fenix-figma-testimonials-page .fenix-testimonials-listing,

body.fenix-figma-testimonials-page .fenix-testimonials-page > .fenix-home-cases,

body.fenix-figma-testimonials-page .fenix-testimonials-page > .fenix-home-apart {
  padding-top: var(--fenix-rhythm-section-y) !important;
  padding-bottom: var(--fenix-rhythm-section-y) !important;
}

body.fenix-figma-careers-page .fenix-careers-voices__stage {
  height: 860px !important;
}

body.fenix-figma-careers-page .fenix-careers-testimonial {
  bottom: 0 !important;
}

body.fenix-figma-case-study-detail-body .fenix-case-detail-overview,

body.fenix-figma-case-study-detail-body .fenix-case-detail-story,

body.fenix-figma-blog-detail-body .fenix-blog-detail-content,

body.fenix-figma-news-detail-body .fenix-news-detail-article,

body.fenix-figma-job-detail-body .fenix-job-detail-content,

body.fenix-figma-testimonial-detail-body .fenix-testimonial-detail-content {
  padding-top: var(--fenix-rhythm-detail-start-y) !important;
  padding-bottom: 0 !important;
}

body.fenix-figma-case-study-detail-body .fenix-case-detail-related,

body.fenix-figma-blog-detail-body .fenix-blog-detail-related,

body.fenix-figma-news-detail-body .fenix-news-detail-news,

body.fenix-figma-testimonial-detail-body .fenix-testimonial-detail-related {
  padding-top: var(--fenix-rhythm-section-y) !important;
  padding-bottom: var(--fenix-rhythm-section-y) !important;
}

body.fenix-figma-case-studies-page .fenix-case-study-cta,

body.fenix-figma-case-study-detail-body .fenix-case-study-cta,

body.fenix-figma-blog-detail-body .fenix-case-study-cta,

body.fenix-figma-news-detail-body .fenix-case-study-cta,

body.fenix-figma-resources-page .fenix-case-study-cta,

body.fenix-figma-careers-page .fenix-careers-page .fenix-case-study-cta,

body.fenix-figma-job-detail-body .fenix-case-study-cta,

body.fenix-figma-testimonials-page .fenix-testimonials-page .fenix-case-study-cta,

body.fenix-figma-testimonial-detail-body .fenix-case-study-cta {
  padding-top: var(--fenix-rhythm-section-y) !important;
  padding-bottom: var(--fenix-rhythm-section-y) !important;
}

body.fenix-figma-testimonials-page .fenix-testimonials-page > .fenix-home-apart + .fenix-case-study-cta {
  padding-top: var(--fenix-rhythm-section-y) !important;
}

body.fenix-figma-contact-page .fenix-site-main > .fenix-contact-page {
  padding-bottom: var(--fenix-rhythm-section-y) !important;
}

body.fenix-figma-contact-page .fenix-contact-main {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

@media (min-width: 1280px) {
  body.fenix-figma-contact-page .fenix-site-main > .fenix-contact-page {
    padding-bottom: 172px !important;
  }
}

body.fenix-figma-shell-page .fenix-case-study-cta__inner {
  box-sizing: border-box !important;
  height: 256px !important;
  min-height: 256px !important;
  margin: 0 auto !important;
  padding: 48px 80px !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 40px !important;
  color: var(--fenix-white) !important;
  border: 4px solid color-mix(in srgb, var(--fenix-primary-100) 80%, transparent) !important;
  border-radius: 16px !important;
  background: linear-gradient(135deg, var(--fenix-primary-800) 0%, var(--fenix-primary-600) 62%, var(--fenix-primary-900) 100%) !important;
  box-shadow: 0 18px 34px color-mix(in srgb, var(--fenix-primary-800) 22%, transparent) !important;
}

body.fenix-figma-shell-page .fenix-case-study-cta__content {
  width: min(690px, 100%) !important;
  min-height: 0 !important;
  flex: 0 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 10px !important;
  padding: 0 !important;
}

body.fenix-figma-shell-page .fenix-case-study-cta__content p {
  width: 100% !important;
  margin: 0 !important;
  color: var(--fenix-primary-200) !important;
  --fenix-type-line-height: var(--fenix-text-body-small-line-height) !important;
  font-size: var(--fenix-text-body-small-size) !important;
  font-weight: var(--fenix-weight-bold) !important;
  line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height)) !important;
}

body.fenix-figma-shell-page .fenix-case-study-cta__content h2 {
  width: 550px !important;
  max-width: 100% !important;
  margin: 0 !important;
  color: var(--fenix-white) !important;
  --fenix-type-line-height: var(--fenix-text-h2-line-height) !important;
  font-size: var(--fenix-text-h2-size) !important;
  font-weight: var(--fenix-text-h2-weight) !important;
  line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height)) !important;
  letter-spacing: var(--fenix-letter-spacing) !important;
}

body.fenix-figma-shell-page .fenix-case-study-cta__button {
  width: 180px !important;
  min-width: 180px !important;
  display: inline-flex !important;
  flex: 0 0 180px !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

body.fenix-figma-shell-page .fenix-home-heading,

body.fenix-figma-shell-page .fenix-careers-section-heading,

body.fenix-figma-testimonials-page .fenix-testimonials-cases__header div,

body.fenix-figma-testimonials-page .fenix-testimonials-strengths__copy,

body.fenix-figma-testimonial-detail-body .fenix-testimonial-detail-related__heading,

body.fenix-figma-news-detail-body .fenix-news-detail-news__heading,

body.fenix-figma-resources-page .fenix-resources-news__heading {
  gap: var(--fenix-rhythm-heading-gap) !important;
}

body.home.fenix-figma-shell-page .fenix-home-services .fenix-home-shell,

body.home.fenix-figma-shell-page .fenix-home-cases .fenix-home-shell,

body.home.fenix-figma-shell-page .fenix-home-partners .fenix-home-shell,

body.home.fenix-figma-shell-page .fenix-home-testimonials .fenix-home-shell,

body.home.fenix-figma-shell-page .fenix-home-articles .fenix-home-shell,

body.fenix-figma-services-page .fenix-services-detail__shell,

body.fenix-figma-services-page .fenix-services-tech__shell,

body.fenix-figma-resources-page .fenix-resources-shell,

body.fenix-figma-resources-page .fenix-resources-news__inner,

body.fenix-figma-case-studies-page .fenix-case-studies-listing__inner,

body.fenix-figma-case-studies-page .fenix-home-testimonials .fenix-home-shell,

body.fenix-figma-case-study-detail-body .fenix-home-testimonials .fenix-home-shell,

body.fenix-figma-case-study-detail-body .fenix-case-detail-related__inner,

body.fenix-figma-blog-detail-body .fenix-blog-detail-related__inner,

body.fenix-figma-news-detail-body .fenix-news-detail-news__inner,

body.fenix-figma-careers-page .fenix-careers-benefits__inner,

body.fenix-figma-careers-page .fenix-careers-open__inner,

body.fenix-figma-careers-page .fenix-careers-voices__inner,

body.fenix-figma-job-detail-body .fenix-careers-open__inner,

body.fenix-figma-testimonials-page .fenix-testimonials-listing__inner,

body.fenix-figma-testimonials-page .fenix-testimonials-page > .fenix-home-cases .fenix-home-shell,

body.fenix-figma-testimonials-page .fenix-testimonials-page > .fenix-home-apart > .fenix-home-shell,

body.fenix-figma-testimonial-detail-body .fenix-testimonial-detail-related__inner {
  gap: var(--fenix-rhythm-content-gap) !important;
}

body.fenix-figma-company-profile-page .fenix-company-profile__inner {
  gap: var(--fenix-rhythm-content-gap) !important;
}

body.fenix-figma-shell-page .fenix-footer {
  margin-top: 0 !important;
}

@media (min-width: 768px) and (max-width: 1279px) {
  body.fenix-figma-shell-page,

  body.fenix-figma-company-profile-page {
    --fenix-rhythm-section-y: calc(var(--fenix-section-spacing) / 2);
    --fenix-rhythm-detail-start-y: 64px;
    --fenix-rhythm-content-gap: 48px;
    --fenix-rhythm-heading-gap: 20px;
  }

  body.fenix-figma-shell-page .fenix-site-main:not(:has([class$='-breadcrumb'])) {
    padding-top: 0 !important;
  }

  body.fenix-figma-careers-page .fenix-careers-voices__stage {
    height: 620px !important;
  }

  body.fenix-figma-shell-page .fenix-case-study-cta__inner {
    height: 314px !important;
    min-height: 314px !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    gap: 40px !important;
    padding: 48px 64px !important;
    border-color: var(--fenix-primary-200) !important;
    border-radius: 24px !important;
    background:
      radial-gradient(72.86% 86.69% at 55.29% 56.25%, color-mix(in srgb, var(--fenix-primary-300) 39%, transparent) 0%, color-mix(in srgb, var(--fenix-primary-500) 65%, transparent) 58.65%, color-mix(in srgb, var(--fenix-primary-800) 65%, transparent) 100%),
      var(--fenix-neutral-900) !important;
    box-shadow:
      0 10px 11px -6px color-mix(in srgb, var(--fenix-primary-800) 6%, transparent),
      0 20px 26px 4px color-mix(in srgb, var(--fenix-primary-800) 6%, transparent),
      0 8px 32px 8px color-mix(in srgb, var(--fenix-primary-800) 4%, transparent) !important;
  }

  body.fenix-figma-shell-page .fenix-case-study-cta__content {
    width: 576px !important;
    max-width: 100% !important;
    min-height: 126px !important;
    flex: 0 0 126px !important;
    gap: 8px !important;
    padding: 8px !important;
  }

  body.fenix-figma-shell-page .fenix-case-study-cta__content p {
    --fenix-type-line-height: var(--fenix-text-body-line-height) !important;
    font-size: var(--fenix-text-body-size) !important;
    font-weight: var(--fenix-weight-regular) !important;
    line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height)) !important;
  }

  body.fenix-figma-shell-page .fenix-case-study-cta__content h2 {
    width: 560px !important;
    --fenix-type-line-height: var(--fenix-text-h3-line-height) !important;
    font-size: var(--fenix-text-h3-size) !important;
    font-weight: var(--fenix-text-h3-weight) !important;
    line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height)) !important;
  }

  body.fenix-figma-shell-page .fenix-case-study-cta__button {
    width: 174px !important;
    min-width: 174px !important;
    flex-basis: 52px !important;
  }

  body.post-type-archive-service.fenix-figma-services-page .fenix-services-page .fenix-services-detail,

  body.page-template-page-services.fenix-figma-services-page .fenix-services-page .fenix-services-detail,

  body.fenix-figma-services-page .fenix-services-page .fenix-services-detail,

  body.post-type-archive-service.fenix-figma-services-page .fenix-services-page .fenix-services-tech,

  body.page-template-page-services.fenix-figma-services-page .fenix-services-page .fenix-services-tech,

  body.fenix-figma-services-page .fenix-services-page .fenix-services-tech {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: var(--fenix-rhythm-section-y) !important;
    padding-bottom: var(--fenix-rhythm-section-y) !important;
  }
}

@media (max-width: 767px) {
  body.fenix-figma-shell-page,

  body.fenix-figma-company-profile-page {
    --fenix-rhythm-section-y: calc(var(--fenix-section-spacing) / 2);
    --fenix-rhythm-detail-start-y: 48px;
    --fenix-rhythm-content-gap: 32px;
    --fenix-rhythm-heading-gap: 16px;
  }

  body.fenix-figma-shell-page:not(.home) .fenix-site-main:not(:has([class$='-breadcrumb'])) {
    padding-top: 0 !important;
  }

  body.fenix-figma-careers-page .fenix-careers-voices__stage {
    height: 584px !important;
  }

  body.fenix-figma-shell-page .fenix-case-study-cta__inner {
    height: 264px !important;
    min-height: 264px !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 32px !important;
    padding: 36px 32px !important;
    border-color: var(--fenix-primary-200) !important;
    border-radius: 24px !important;
    background:
      radial-gradient(72.86% 86.69% at 55.29% 56.25%, color-mix(in srgb, var(--fenix-primary-300) 39%, transparent) 0%, color-mix(in srgb, var(--fenix-primary-500) 65%, transparent) 58.65%, color-mix(in srgb, var(--fenix-primary-800) 65%, transparent) 100%),
      var(--fenix-neutral-900) !important;
    box-shadow:
      0 10px 11px -6px color-mix(in srgb, var(--fenix-primary-800) 6%, transparent),
      0 20px 26px 4px color-mix(in srgb, var(--fenix-primary-800) 6%, transparent),
      0 8px 32px 8px color-mix(in srgb, var(--fenix-primary-800) 4%, transparent) !important;
  }

  body.fenix-figma-shell-page .fenix-case-study-cta__content {
    width: 100% !important;
    min-height: 112px !important;
    flex: 0 0 112px !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 8px !important;
  }

  body.fenix-figma-shell-page .fenix-case-study-cta__content h2 {
    width: 100% !important;
    --fenix-type-line-height: var(--fenix-text-h5-line-height) !important;
    font-size: var(--fenix-text-h5-size) !important;
    font-weight: var(--fenix-text-h5-weight) !important;
    line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height)) !important;
    text-align: center !important;
  }

  body.fenix-figma-shell-page .fenix-case-study-cta__content p {
    --fenix-type-line-height: var(--fenix-text-body-small-line-height) !important;
    font-size: var(--fenix-text-body-small-size) !important;
    font-weight: var(--fenix-weight-regular) !important;
    line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height)) !important;
    text-align: center !important;
  }

  body.fenix-figma-shell-page .fenix-case-study-cta__button {
    width: 152px !important;
    min-width: 152px !important;
    flex-basis: 44px !important;
  }

  body.post-type-archive-service.fenix-figma-services-page .fenix-services-page .fenix-services-detail,

  body.page-template-page-services.fenix-figma-services-page .fenix-services-page .fenix-services-detail,

  body.fenix-figma-services-page .fenix-services-page .fenix-services-detail,

  body.post-type-archive-service.fenix-figma-services-page .fenix-services-page .fenix-services-tech,

  body.page-template-page-services.fenix-figma-services-page .fenix-services-page .fenix-services-tech,

  body.fenix-figma-services-page .fenix-services-page .fenix-services-tech {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: var(--fenix-rhythm-section-y) !important;
    padding-bottom: var(--fenix-rhythm-section-y) !important;
  }
}
