/* Shared section-label system — every page */
main > section {
  position: relative;
}

main > section:not(.product-grid) .eyebrow {
  position: absolute;
  top: 32px;
  left: 4.8vw;
  z-index: 6;
  margin: 0;
  font: 500 10px/1.2 "DM Mono", monospace;
  letter-spacing: .12em;
  text-transform: uppercase;
}

/* Reserve one consistent title rail below the label. */
main > section:not(.product-grid):has(.eyebrow) {
  padding-top: 88px;
}

/* Labels no longer consume a grid column. */
.section-head,
.support-section-head,
.practitioners-head,
.science-section-head {
  grid-template-columns: 1.2fr .7fr;
}

.extracts-intro {
  grid-template-columns: 1.2fr .8fr;
}

/* The home header lives inside the first module. */
.home-page .hero > .module-label {
  top: 126px;
}

.home-page .hero:has(.module-label) {
  padding-top: 178px;
}

/* Readability where the shared rail sits on a dark visual field. */
.science .module-label,
.subscriptions .eyebrow,
.science-cta .eyebrow,
.oceanica-bridge .eyebrow,
.evidence-section .eyebrow {
  color: #fff;
}

@media (max-width: 800px) {
  main > section:not(.product-grid) .eyebrow {
    top: 24px;
    left: 22px;
  }

  main > section:not(.product-grid):has(.eyebrow) {
    padding-top: 70px;
  }

  .home-page .hero > .module-label {
    top: 88px;
  }

  .home-page .hero:has(.module-label) {
    padding-top: 132px;
  }
}