/* Responsive marquee scaling only. Keeps the restored hero sticky and project stack untouched. */
@media (max-width: 900px) {
  .overflow-x-auto video.h-\[190px\] {
    width: clamp(155px, 25vw, 260px) !important;
    height: clamp(98px, 15.85vw, 165px) !important;
    border-radius: 14px !important;
  }

  .overflow-x-auto .grid.w-max {
    grid-template-rows: repeat(3, minmax(0, 1fr)) !important;
    gap: clamp(0.4rem, 1.3vw, 0.75rem) !important;
  }
}

@media (max-width: 520px) {
  .overflow-x-auto video.h-\[190px\] {
    width: clamp(142px, 38vw, 170px) !important;
    height: clamp(90px, 24vw, 108px) !important;
  }
}