@layer pages {
  #philosophy {
    padding-block: var(--space-8) calc(var(--section-y) * .75 + var(--space-8));
  }

  @media (min-width: 64em) {
    #philosophy {
      padding-bottom: var(--space-8);
    }
  }

  #experience {
    padding-top: 0;
  }

  #experience > .nx-wrap > * + * {
    margin-top: var(--space-8);
  }

  #experience > .nx-wrap > .nx-idband + * {
    margin-top: 0;
  }

  #experience .nx-panel--white > .nx-panel__title {
    grid-row: 1;
    align-self: center;
    margin-bottom: 0;
  }

  #experience .nx-panel--white > p {
    grid-column: 1 / -1;
    margin-top: var(--space-4);
  }

  @media (min-width: 48em) {
    #experience .nx-panel--white > p {
      grid-column: 2;
      margin-top: var(--space-3);
    }
  }

  /* Research Methodology sits on the same 7 | 5 split as the pairs above and below: the panel spans the full
     width, the picto and title take the photo side, the text takes the panel side. */
  @media (min-width: 64em) {
    #experience .nx-grid > .nx-panel--white {
      grid-column: 1 / -1;
      grid-template-columns: subgrid;
      column-gap: normal;
      align-items: start;
    }

    #experience .nx-grid > .nx-panel--white > .nx-panel__picto {
      grid-column: 1;
      grid-row: 1;
      align-self: start;
    }

    #experience .nx-grid > .nx-panel--white > .nx-panel__title {
      grid-column: 2 / 8;
      align-self: start;
    }

    #experience .nx-grid > .nx-panel--white > p {
      grid-column: 8 / -1;
      grid-row: 1;
      margin-top: 0;
      padding-inline-start: clamp(1.5rem, 1rem + 2vw, 3rem);
    }
  }

  #ai-and-human-thinking .nx-photo + .nx-panel {
    margin-top: var(--space-5);
  }

  @media (min-width: 48em) {
    #ai-and-human-thinking .nx-panel {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      column-gap: calc(var(--gutter) * 2);
    }

    #ai-and-human-thinking .nx-panel > p + p {
      margin-top: 0;
    }
  }
}