.mobile-project-transition {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden;
  pointer-events: none;
  background: #17120f;
  will-change: clip-path;
}
.mobile-project-transition img {
  position: absolute;
  display: block;
  max-width: none;
  margin: 0;
  transform-origin: center;
  will-change: transform;
}
body.is-project-opening { touch-action: none; }
@media (max-width: 820px) {
  body.mobile-project-arrival .project-hero {
    min-height: var(--mobile-project-height, 100svh);
  }
  body.mobile-project-arrival .project-hero__media,
  body.mobile-project-arrival.flip-enter .project-hero__media {
    height: var(--mobile-project-height, 100svh);
    transform: none;
    transition: none;
  }
  body.mobile-project-arrival .hero-info {
    transition-duration: 380ms, 480ms;
  }
  body.mobile-project-arrival.flip-enter .hero-info { transform: translateY(8px); }
  body.mobile-project-arrival .hero-info:nth-child(2) { transition-delay: 50ms; }
  body.mobile-project-arrival .hero-info:nth-child(3) { transition-delay: 100ms; }
}