@media (min-width: 761px) and (prefers-reduced-motion: no-preference) {
  html.alternating-panel-scroll .case-scene.case-scene--web {
    position: sticky;
    z-index: 10;
    top: 0;
  }

  html.alternating-panel-scroll.owl-panel-transition .case-scene.case-scene--photo {
    position: relative;
    z-index: 20;
    top: auto;
  }

  html.alternating-panel-scroll .owl-scene.scene {
    position: sticky;
    z-index: 30;
    top: 0;
    box-shadow: none;
  }

  html.alternating-panel-scroll .case-scene.case-scene--video {
    position: relative;
    z-index: 40;
  }

  html.alternating-panel-scroll .case-scene.case-scene--ai {
    position: sticky;
    z-index: 50;
    top: 0;
  }

  html.alternating-panel-scroll .case-scene--photo .case-rail h2,
  html.alternating-panel-scroll .case-scene--video .case-rail h2 {
    font-size: clamp(56px, 6.2vw, 108px);
    letter-spacing: -0.075em;
  }

  html.alternating-panel-scroll.alternating-titles-vertical .case-scene--photo .case-rail > div,
  html.alternating-panel-scroll.alternating-titles-vertical .case-scene--video .case-rail > div {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: clamp(16px, 1.4vw, 28px);
    align-items: end;
  }

  html.alternating-panel-scroll.alternating-titles-vertical .case-scene--web .case-rail h2 {
    font-weight: 720;
    letter-spacing: 0.12em;
  }

  html.alternating-panel-scroll.alternating-titles-vertical .case-scene--photo .case-rail h2,
  html.alternating-panel-scroll.alternating-titles-vertical .case-scene--video .case-rail h2 {
    margin: 0;
    font-size: clamp(68px, 6.2vw, 108px);
    font-weight: 720;
    line-height: 0.78;
    letter-spacing: 0.14em;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
  }

  html.alternating-panel-scroll.alternating-titles-vertical .case-scene--photo .case-rail > div p,
  html.alternating-panel-scroll.alternating-titles-vertical .case-scene--video .case-rail > div p {
    align-self: end;
    min-width: 0;
  }

  html.alternating-panel-scroll .contact-scene.scene {
    position: relative;
    z-index: 60;
  }

  html.alternating-panel-scroll .site-footer {
    position: relative;
    z-index: 70;
  }

  html.alternating-panel-scroll .case-scene--photo,
  html.alternating-panel-scroll .case-scene--video,
  html.alternating-panel-scroll .contact-scene {
    box-shadow: 0 -26px 68px rgba(12, 12, 12, 0.14);
  }
}

@media (max-width: 760px), (prefers-reduced-motion: reduce) {
  html.alternating-panel-scroll .case-scene.case-scene--web,
  html.alternating-panel-scroll.owl-panel-transition .case-scene.case-scene--photo,
  html.alternating-panel-scroll .owl-scene.scene,
  html.alternating-panel-scroll .case-scene.case-scene--ai {
    position: relative;
    top: auto;
  }

  html.alternating-panel-scroll .case-scene--photo,
  html.alternating-panel-scroll .case-scene--video,
  html.alternating-panel-scroll .owl-scene,
  html.alternating-panel-scroll .contact-scene {
    box-shadow: none;
  }
}