/* Minimal override to smooth the 2559->2560px jump.
   Load this LAST so these rules win. Only affects >=2560 breakpoint. */

@media (min-width: 2560px) {
  /* Keep container roomy but avoid extreme padding that causes repositioning */
  .film-content-wrapper {
    padding: 18.75rem 22.5rem 21.875rem 22.5rem; /* matches baseline but safe-boxed */
    max-width: 3200px;
    box-sizing: border-box;
    transition: padding 280ms ease;
  }

  /* Top image - reduce horizontal offsets so center stays stable */
  .film-top-image {
    width: 150%;
    left: -6.25rem; /* was very large negative; reduce to avoid shifts */
    margin-bottom: 12rem;
    transition: left 280ms ease, margin-bottom 280ms ease;
  }
  .film-top-image img {
    width: 150%;
    left: -8rem;
    top: -18rem;
    transition: left 280ms ease, top 280ms ease;
  }

  /* Center poster - large but clamped and gentler offsets to avoid pushing page width */
  .film-center-poster {
    width: 300%;
    left: -24rem;  /* less aggressive than original */
    top: -28rem;
    max-width: none;
    transition: left 280ms ease, top 280ms ease, width 280ms ease;
  }
  .film-center-poster img {
    max-width: 82.5rem; /* ~1320px cap */
    width: 100%;
    height: auto;
  }

  /* Bottom (car) image - reduce width & left offset to keep it inside viewport */
  .film-bottom-image {
    width: 180%;
    left: -62.5rem; /* reduce from very large negative */
    margin-bottom: 40rem;
    max-width: 200vw; /* prevents forcing horizontal scroll */
    box-sizing: border-box;
    transition: left 280ms ease, width 280ms ease;
  }
  .film-bottom-image img {
    width: 180%;
    top: -40rem;
    transition: top 280ms ease;
  }

  /* Left / Right columns - make top offset gentler so they don't jump */
  .film-left-text,
  .film-right-text {
    max-width: 38rem;
    top: -30rem; /* keep them elevated but not extreme */
    font-size: 1.45rem;
    transition: top 280ms ease, font-size 280ms ease;
  }

  /* Approach-hand - keep large but less extreme offset */
  .approach-hand-image {
    max-width: 120rem;
    left: -72rem;
    top: 36rem;
    transition: left 280ms ease, top 280ms ease;
  }

  /* Credits grid - avoid enormous gaps */
  .film-credits-section {
    grid-template-columns: 56rem 56rem 1fr;
    gap: 12rem;
    margin: 18rem auto 0 auto;
    transition: gap 280ms ease;
  }

  /* Video area - constrained so it can't push layout sideways */
  .film-video-section {
    max-width: 150rem;
    margin: 28rem auto 0;
    padding: 0 14rem;
  }
  .film-video-embed-container {
    margin: 21.875rem 0 1.875rem 0;
    max-width: 100%;
  }

  /* Safety: prevent horizontal scroll from sudden offsets or scrollbar differences */
  html, body {
    overflow-x: hidden !important;
  }

  /* Clip/limit any decorative elements that may still overflow */
  .film-top-image,
  .film-bottom-image,
  .film-center-poster,
  .approach-hand-image {
    max-width: 200vw;
    box-sizing: border-box;
  }
}