/* Healthcare & Life Sciences (new)
 *
 * The page keeps the Data & AI Platforms rhythm while adding a calmer clinical
 * palette and a dedicated Responsible AI composition. All visible content is
 * still made from native Elementor containers and core widgets.
 */

.bf-healthcare-life-sciences-page {
  --bf-hls-teal: #7ed7ce;
  --bf-hls-blue: #8cb7df;
  --bf-hls-ink: #071014;
  --bf-hls-mist: #eef5f3;
}

.bf-native-service-page.bf-healthcare-life-sciences-page {
  gap: 0;
}

.bf-healthcare-life-sciences-page .bf-fde-hero {
  background:
    radial-gradient(circle at 76% 34%, rgb(47 119 132 / 24%), transparent 32%),
    #04090c;
}

.bf-healthcare-life-sciences-page .bf-fde-hero::before {
  border-color: rgb(126 215 206 / 18%);
}

.bf-healthcare-life-sciences-page .bf-fde-hero__visual {
  min-height: 350px;
  border-color: rgb(126 215 206 / 28%);
  background: #07161c;
}

.bf-healthcare-life-sciences-page .bf-fde-hero__visual > .e-con-inner {
  min-height: 350px;
}

.bf-healthcare-life-sciences-page .bf-fde-hero__image img {
  opacity: .82;
}

.bf-healthcare-life-sciences-page .bf-fde-hero__image-wash .elementor-widget-container {
  background: linear-gradient(105deg, rgb(4 9 12 / 70%) 0%, rgb(4 9 12 / 22%) 56%, rgb(4 9 12 / 2%) 100%);
}

.bf-healthcare-life-sciences-page .bf-fde-hero__signal {
  border-color: rgb(187 237 231 / 34%);
  background: rgb(4 18 23 / 50%);
  backdrop-filter: blur(8px);
}

.bf-healthcare-life-sciences-page .bf-fde-hero__signal-connector .elementor-widget-container,
.bf-healthcare-life-sciences-page .bf-fde-hero__signal-connector .elementor-widget-container::after,
.bf-healthcare-life-sciences-page .bf-fde-hero__signal-mark span {
  background: var(--bf-hls-teal);
}

.bf-healthcare-life-sciences-page .bf-data-ai-platforms-capabilities {
  background: linear-gradient(180deg, #fff 0%, #f8fbfa 100%);
}

.bf-native-service-page.bf-healthcare-life-sciences-page .bf-data-ai-platforms-capabilities-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.bf-healthcare-life-sciences-page .bf-fde-scenes {
  background:
    radial-gradient(circle at 17% 44%, rgb(62 139 151 / 18%), transparent 28%),
    #05090b;
}

.bf-healthcare-life-sciences-page .bf-fde-scenes__media-image img {
  aspect-ratio: 3 / 2;
  object-fit: cover;
  object-position: center;
  filter: saturate(.82) contrast(1.04);
}

.bf-healthcare-life-sciences-page .bf-fde-scenes-list__item:hover {
  border-color: rgb(126 215 206 / 62%);
}

/* Responsible AI: one editorial image paired with three editable principles. */
.bf-healthcare-life-sciences-page .bf-hls-responsible {
  position: relative;
  overflow: hidden;
  background: var(--bf-hls-mist);
}

.bf-healthcare-life-sciences-page .bf-hls-responsible::after {
  position: absolute;
  right: -120px;
  bottom: -180px;
  width: 420px;
  height: 420px;
  border: 1px solid rgb(23 95 100 / 14%);
  border-radius: 50%;
  content: "";
  pointer-events: none;
}

.bf-healthcare-life-sciences-page .bf-hls-responsible__shell,
.bf-healthcare-life-sciences-page .bf-hls-responsible__shell > .e-con-inner {
  position: relative;
  z-index: 1;
  display: grid;
  padding-top: 132px;
  padding-bottom: 142px;
  grid-template-columns: minmax(280px, .62fr) minmax(0, 1fr);
  align-items: center;
  gap: clamp(64px, 8vw, 132px);
}

.bf-healthcare-life-sciences-page .bf-hls-responsible__media {
  position: relative;
  width: 100%;
  max-width: 480px;
  min-height: 0;
  aspect-ratio: 4 / 3;
  justify-self: start;
  overflow: hidden;
  border-radius: 2px;
  background: #cddcda;
  box-shadow: 0 30px 70px rgb(8 48 53 / 15%);
}

.bf-healthcare-life-sciences-page .bf-hls-responsible__media > .e-con-inner {
  position: static;
  min-height: 0;
  aspect-ratio: 4 / 3;
  padding: 0;
}

.bf-healthcare-life-sciences-page .bf-hls-responsible__image,
.bf-healthcare-life-sciences-page .bf-hls-responsible__image .elementor-widget-container,
.bf-healthcare-life-sciences-page .bf-hls-responsible__image .elementor-widget-image {
  position: absolute;
  inset: 0;
  height: 100%;
}

.bf-healthcare-life-sciences-page .bf-hls-responsible__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.bf-healthcare-life-sciences-page .bf-hls-responsible__media-label {
  position: absolute;
  right: 22px;
  bottom: 22px;
  left: 22px;
  z-index: 2;
  padding: 16px 18px;
  border: 1px solid rgb(255 255 255 / 45%);
  background: rgb(4 16 20 / 72%);
  backdrop-filter: blur(8px);
}

.bf-healthcare-life-sciences-page .bf-hls-responsible__media-label p {
  margin: 0;
  color: #fff;
  font-size: 12px;
  letter-spacing: .1em;
  line-height: 1.45;
  text-transform: uppercase;
}

.bf-healthcare-life-sciences-page .bf-hls-responsible__content,
.bf-healthcare-life-sciences-page .bf-hls-responsible__content > .e-con-inner {
  display: block;
  padding: 0;
}

.bf-healthcare-life-sciences-page .bf-hls-responsible__heading h2 {
  margin: 0 0 34px;
  color: var(--bf-hls-ink);
  font-size: clamp(42px, 4.2vw, 68px);
  font-weight: 600;
  letter-spacing: -.045em;
  line-height: .98;
}

.bf-healthcare-life-sciences-page .bf-hls-responsible__principles,
.bf-healthcare-life-sciences-page .bf-hls-responsible__principles > .e-con-inner {
  display: grid;
  gap: 0;
  padding: 0;
}

.bf-healthcare-life-sciences-page .bf-hls-responsible__principle {
  border-top: 1px solid rgb(7 56 61 / 24%);
}

.bf-healthcare-life-sciences-page .bf-hls-responsible__principle,
.bf-healthcare-life-sciences-page .bf-hls-responsible__principle > .e-con-inner {
  display: grid;
  padding: 24px 0 26px;
  grid-template-columns: 44px minmax(0, 1fr);
  align-items: start;
  gap: 18px;
}

.bf-healthcare-life-sciences-page .bf-hls-responsible__number p {
  margin: 2px 0 0;
  color: #397f81;
  font-size: 12px;
  letter-spacing: .08em;
}

.bf-healthcare-life-sciences-page .bf-hls-responsible__title h3 {
  margin: 0;
  color: #112326;
  font-size: clamp(19px, 1.5vw, 24px);
  font-weight: 500;
  letter-spacing: -.02em;
  line-height: 1.25;
}

@media (max-width: 1024px) {
  .bf-healthcare-life-sciences-page .bf-hls-responsible__shell,
  .bf-healthcare-life-sciences-page .bf-hls-responsible__shell > .e-con-inner {
    grid-template-columns: minmax(260px, .7fr) minmax(0, 1fr);
    gap: 48px;
  }

  .bf-healthcare-life-sciences-page .bf-hls-responsible__media,
  .bf-healthcare-life-sciences-page .bf-hls-responsible__media > .e-con-inner {
    min-height: 0;
    aspect-ratio: 4 / 3;
  }

  .bf-healthcare-life-sciences-page .bf-hls-responsible__media {
    max-width: 400px;
  }
}

@media (max-width: 900px) {
  .bf-native-service-page.bf-healthcare-life-sciences-page .bf-data-ai-platforms-capabilities-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .bf-healthcare-life-sciences-page .bf-fde-hero__visual,
  .bf-healthcare-life-sciences-page .bf-fde-hero__visual > .e-con-inner {
    min-height: 300px;
  }

  .bf-healthcare-life-sciences-page .bf-hls-responsible__shell,
  .bf-healthcare-life-sciences-page .bf-hls-responsible__shell > .e-con-inner {
    display: flex;
    padding-top: 82px;
    padding-bottom: 88px;
    flex-direction: column;
    gap: 54px;
  }

  .bf-healthcare-life-sciences-page .bf-hls-responsible__media {
    width: 100%;
    max-width: none;
    min-height: 0;
    aspect-ratio: 4 / 3;
  }

  .bf-healthcare-life-sciences-page .bf-hls-responsible__media > .e-con-inner {
    min-height: 0;
    aspect-ratio: 4 / 3;
  }

  .bf-healthcare-life-sciences-page .bf-hls-responsible__content {
    width: 100%;
  }
}

@media (max-width: 640px) {
  .bf-native-service-page.bf-healthcare-life-sciences-page .bf-data-ai-platforms-capabilities-grid {
    grid-template-columns: 1fr;
  }
}