/* Section 06 going live (#etapes), owner S3 — design v5 sections/06-steps.html. Board, notes and pins are the shared
   .mc-… classes of site.css; this file sets the head width, the notes grid, the tilts and the dashed path. */

.launch-head { max-width: 720px; }
.launch-head__intro { max-width: 540px; }

.launch-board { margin-top: clamp(32px, 5vw, 56px); }

/* Dashed path behind the notes (design: only from 760px wide). */
.launch-board__path {
  position: absolute;
  left: 12%;
  right: 12%;
  top: 46%;
  width: 76%;
  height: 60px;
  overflow: visible;
  pointer-events: none;
}

.launch-steps {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));
  gap: clamp(36px, 4vw, 48px) clamp(18px, 3vw, 40px);
  align-items: start;
}
.launch-steps > .mc-note:nth-child(2) { margin-top: clamp(0px, 4vw, 52px); }
.launch-steps > .mc-note:nth-child(1) .mc-note__card { --mc-tilt: -2deg; }
.launch-steps > .mc-note:nth-child(2) .mc-note__card { --mc-tilt: 1.6deg; }
.launch-steps > .mc-note:nth-child(3) .mc-note__card { --mc-tilt: -1deg; }

@media (max-width: 759.98px) {
  .launch-board__path { display: none; }
}