/* Photographic full-width stories. Artwork is decorative; all copy stays native. */
.homepage .ecosystem-section,.homepage .technology-section {
  position: relative; isolation: isolate; overflow: hidden; color: #fff;
  background-color: #194ab5; background-repeat: no-repeat; background-size: cover;
  background-position: center; padding: 74px 0 0;
}
.homepage .ecosystem-section {
  background-image: linear-gradient(0deg,rgba(16,45,119,.82) 0px,rgba(16,45,119,0) 160px),linear-gradient(90deg,rgba(19,58,151,.98) 0%,rgba(29,73,176,.93) 32%,rgba(36,91,203,.6) 57%,rgba(37,85,175,.1) 100%),url('../images/care-panorama-v1.webp');
}
.homepage .technology-section {
  background-image: linear-gradient(90deg,rgba(17,49,114,.98) 0%,rgba(24,66,152,.95) 31%,rgba(31,91,182,.58) 57%,rgba(29,101,193,.08) 100%),url('../images/science-panorama-v1.webp');
  padding-bottom: 82px;
}
.homepage .ecosystem-section::after,.homepage .technology-section::after { content: none; }
.homepage .ecosystem-section .ecosystem-grid,.homepage .technology-section .technology-grid {
  display: block; position: relative; z-index: 1; min-height: 530px;
}
.homepage .ecosystem-section .ecosystem-copy,.homepage .technology-section .technology-copy {
  width: min(100%,650px); max-width: 650px; padding: 0; background: transparent; border: 0; box-shadow: none;
}
.homepage .ecosystem-section h2,.homepage .technology-section h2 {
  font-size: clamp(36px,3.8vw,58px); line-height: 1.18; letter-spacing: -.035em;
  color: #fff; font-weight: 600; margin: 20px 0 28px; text-shadow: none;
}
.homepage .ecosystem-section h2 em,.homepage .technology-section h2 em {
  color: #fff; background: none; -webkit-text-fill-color: currentColor; font-style: normal; font-weight: 600;
}
.homepage .ecosystem-section .eyebrow,.homepage .technology-section .eyebrow {
  color: #e6f2ff; font-size: 16px; letter-spacing: .08em;
}
.homepage .ecosystem-section .ecosystem-copy>p:not(.eyebrow),.homepage .technology-section .technology-copy>p:not(.eyebrow) {
  color: #f0f6ff; font-size: 18px; line-height: 1.85; max-width: 58ch;
}
.homepage .ecosystem-section .platform-capabilities {
  display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px 15px;
  margin: 28px 0; padding: 0; border: 0;
}
.homepage .ecosystem-section .platform-capabilities span { color: #eef6ff; font-size: 16px; line-height: 1.65; padding: 0; border: 0; background: transparent; }
.homepage .ecosystem-section .platform-capabilities svg { color: #d1eaff; }
.homepage .ecosystem-section .ecosystem-copy .ecosystem-note { font-size: 16px; line-height: 1.75; color: #e7f1ff; margin-top: 22px; max-width: 55ch; }
.homepage .ecosystem-section .button-light { background: #fff; border-color: #fff; color: #1845ad; box-shadow: none; }
.homepage .ecosystem-section .platform-human-layer,.homepage .technology-section .technology-image { display: none; }
.homepage .ecosystem-section .ecosystem-bottom {
  position: relative; z-index: 1; margin-top: 32px; padding-top: 24px; padding-bottom: 25px;
  border-top: 1px solid #ffffff30; background: transparent; color: #eff6ff;
}
.homepage .ecosystem-section .ecosystem-bottom>div,.homepage .ecosystem-section .ecosystem-bottom svg { color: #eff6ff; font-size: 16px; }
.homepage .technology-section .text-link {
  display: inline-flex; color: #fff; font-size: 18px; border-bottom: 1px solid #ffffff80; padding-bottom: 11px; margin-top: 24px;
}
@media (max-width: 1023px) and (min-width: 768px) {
  .homepage .ecosystem-section .ecosystem-copy,.homepage .technology-section .technology-copy { width: 60%; }
  .homepage .ecosystem-section,.homepage .technology-section { background-position: 60% center; }
  .homepage .ecosystem-section .platform-capabilities { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 767px) {
  .homepage .ecosystem-section,.homepage .technology-section {
    padding-top: 295px; background-size: 100% 100%,auto 440px; background-position: center,73% top;
  }
  .homepage .ecosystem-section {
    background-image: linear-gradient(180deg,rgba(24,64,151,.06) 0px,rgba(26,72,175,.2) 190px,rgba(26,73,178,.92) 340px,#194ab5 450px),url('../images/care-panorama-v1.webp');
  }
  .homepage .technology-section {
    background-image: linear-gradient(180deg,rgba(17,49,114,.04) 0px,rgba(22,61,139,.18) 190px,rgba(22,61,139,.94) 340px,#163d8b 450px),url('../images/science-panorama-v1.webp');
    padding-bottom: 48px;
  }
  .homepage .ecosystem-section .ecosystem-copy,.homepage .technology-section .technology-copy { width: 100%; max-width: none; }
  .homepage .ecosystem-section .ecosystem-grid,.homepage .technology-section .technology-grid { min-height: 0; }
  .homepage .ecosystem-section h2,.homepage .technology-section h2 { font-size: 34px; margin-top: 18px; margin-bottom: 24px; line-height: 1.22; }
  .homepage .ecosystem-section .platform-capabilities { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 15px 12px; }
  .homepage .ecosystem-section .ecosystem-bottom { margin-top: 28px; }
  .homepage .ecosystem-section .ecosystem-bottom>div { font-size: 16px; }
}