/* ==========================================================================
   projects.css - page-specific styles for pages/projects.html
   Figma frame "Projects & Setup" 425:6208 (1920 x 11198).
   Everything structural comes from components.css + feature.css; only the
   bits unique to this page live here.
   ========================================================================== */

/* The health band sits between two white sections and runs its shot full
   bleed, so it needs no background of its own - just tighter spacing above
   the image than .section provides. */
.health {
  padding-bottom: 0;
  overflow: hidden;
}

.health .pill-row {
  margin-bottom: 0;
}

/* Figma: 2069x1401 shot, wider than the 1920 frame, bleeding both edges. */
.health .bleed-figure {
  margin-top: var(--sp-9);
}

@media (max-width: 768px) {
  .health .bleed-figure {
    margin-top: var(--sp-7);
  }
}