/* EDIT + MOTION — #edit section layout */

#edit .card-grid-featured {
  margin-top: clamp(2.5rem, 6vh, 4rem);
}

#edit .card-grid-3 {
  margin-top: clamp(1.5rem, 4vh, 2.5rem);
}

#edit .card-wide .card-media {
  aspect-ratio: 16 / 9;
}

/* The shared card hairline is useful between projects, but on the final Edit
   row it read as a hard section boundary across the viewport. Let the prism's
   own falloff carry the handoff into AI instead. */
#edit .card-grid-3:last-child .card:nth-last-child(-n + 3) .card-caption {
  border-bottom-color: transparent;
}

@media (max-width: 1024px) {
  #edit .card-grid-3:last-child .card:nth-last-child(n) .card-caption {
    border-bottom-color: var(--line);
  }

  #edit .card-grid-3:last-child .card:nth-last-child(-n + 2) .card-caption {
    border-bottom-color: transparent;
  }
}

@media (max-width: 640px) {
  #edit .card-grid-3:last-child .card:nth-last-child(n) .card-caption {
    border-bottom-color: var(--line);
  }

  #edit .card-grid-3:last-child .card:last-child .card-caption {
    border-bottom-color: transparent;
  }
}