@layer pages {
  #fields-intro {
    padding-block: var(--space-7) var(--space-6);
  }

  #fields-intro .nx-grid {
    row-gap: var(--space-4);
  }

  #fields-intro .nx-lead {
    font-size: min(var(--fs-lead), 1.5rem);
  }

  #fields-intro .nx-lead + p {
    max-width: var(--measure);
    font-size: var(--fs-body);
    font-weight: 700;
    line-height: 1.45;
  }

  :is(#science, #technology, #artificial-intelligence, #biology-medicine) {
    padding-block: var(--space-9) 0;
  }

  #science {
    padding-top: var(--space-8);
  }

  #biology-medicine {
    padding-bottom: calc(var(--section-y) * .75);
  }

  .nx-pair .nx-panel > p {
    font-size: min(var(--fs-lead), 1.375rem);
    line-height: 1.45;
  }

  #bioengineering .nx-grid {
    row-gap: var(--space-7);
    align-items: center;
  }

  #bioengineering .nx-grid > div > .nx-picto {
    display: block;
    margin-bottom: var(--space-5);
    color: var(--sign-yellow);
  }

  #bioengineering .nx-heading + p {
    max-width: var(--measure);
    color: var(--on-dark-2);
  }

  #bioengineering .nx-btn {
    margin-top: var(--space-6);
  }

  @media (min-width: 64em) {
    #fields-intro .nx-grid > * {
      grid-column: 1 / 8;
    }

    #bioengineering .nx-grid > div {
      grid-column: 1 / 7;
    }

    #bioengineering .nx-photo {
      grid-column: 7 / -1;
    }

    #bioengineering .nx-heading__title {
      font-size: min(var(--fs-sign), 5.2vw);
    }
  }
}