/* Preflight section only. */

#preflight.section-preflight {
  min-height: calc(100svh - var(--header-height));
  overflow: hidden;
  display: grid;
  align-items: center;
  padding: 0;
  border-bottom: 0;
  background:
    radial-gradient(circle at 16% 16%, rgba(47, 143, 91, 0.08), transparent 34%),
    radial-gradient(circle at 86% 78%, rgba(16, 17, 22, 0.10), transparent 36%),
    linear-gradient(180deg, #f0fffb 0%, #f4fbf6 42%, #edf0e8 74%, #d7d8d2 100%);
  color: #102536;
}

#preflight .manifesto-container {
  width: 100%;
  max-width: none;
  margin: 0;
}

#preflight .clinical-layer-final {
  width: 100%;
  min-height: calc(100svh - var(--header-height));
  margin: 0;
  border-top: 0;
  padding: clamp(42px, 6vw, 86px) clamp(58px, 8vw, 150px);
  display: grid;
  grid-template-columns: minmax(0, 0.46fr) auto minmax(0, 0.54fr);
  gap: clamp(34px, 5vw, 88px);
  align-items: center;
  text-align: left;
}

#preflight .clinical-layer-final::after {
  content: "";
  width: 1px;
  height: min(58vh, 520px);
  grid-column: 2;
  grid-row: 1;
  background: linear-gradient(
    180deg,
    rgba(16, 37, 54, 0),
    rgba(16, 37, 54, 0.26),
    rgba(16, 37, 54, 0)
  );
}

#preflight .clinical-layer-final h3 {
  margin: 0;
  color: #102536;
  font-size: clamp(3.2rem, 5.4vw, 7.2rem);
  font-weight: 780;
  letter-spacing: 0;
  line-height: 1.02;
}

#preflight .clinical-final-words {
  display: grid;
  gap: clamp(2px, 0.8vw, 12px);
  align-content: center;
  justify-items: end;
  text-align: right;
}

#preflight .clinical-final-words span {
  color: rgba(16, 37, 54, 0.16);
  font-size: clamp(4.8rem, 8.6vw, 13rem);
  font-weight: 920;
  line-height: 0.84;
  letter-spacing: -0.07em;
}

#preflight .clinical-final-words em {
  color: rgba(47, 143, 91, 0.56);
  font-style: normal;
}

#preflight .clinical-final-copy {
  max-width: none;
  justify-self: end;
  grid-column: 3;
}

#preflight .clinical-final-copy span {
  display: block;
  white-space: nowrap;
}

@media (max-width: 980px) {
  #preflight .clinical-layer-final {
    grid-template-columns: 1fr;
    gap: 36px;
    padding: 44px 26px 64px;
  }

  #preflight .clinical-layer-final::after {
    width: 100%;
    height: 1px;
    grid-column: 1;
    grid-row: 2;
  }

  #preflight .clinical-final-words span {
    font-size: clamp(4rem, 16vw, 8rem);
  }

  #preflight .clinical-final-words {
    justify-items: start;
    text-align: left;
  }

  #preflight .clinical-final-copy {
    grid-column: 1;
    justify-self: start;
  }

  #preflight .clinical-layer-final h3 {
    font-size: clamp(2.5rem, 10vw, 4.8rem);
  }
}

@media (max-width: 560px) {
  #preflight .clinical-layer-final h3 {
    font-size: clamp(2.2rem, 9vw, 3.4rem);
  }
}
