/* Wrappers are layout-neutral outside the mobile motion experience. */
.chapter-anchor,.card-anchor { display:contents }
@media screen and (max-width:600px) and (prefers-reduced-motion:no-preference) {
  .mobile-scroll-active .chapter-anchor,
  .mobile-scroll-active .card-anchor { display:block;position:relative;min-width:0 }
  .mobile-scroll-active .chapter-anchor { isolation:isolate }
  .mobile-scroll-active .mobile-chapter {
    transform:translate3d(0,var(--scroll-y,0px),0) scale(var(--scroll-scale,1));
    transform-origin:center top;
    opacity:var(--scroll-opacity,1);
    border-radius:var(--scroll-radius,0px) var(--scroll-radius,0px) 0 0;
  }
  .mobile-scroll-active .project-card.reveal {
    transform:translate3d(0,var(--scroll-y,0px),0) rotate(var(--scroll-angle,0deg)) scale(var(--scroll-scale,1));
    transform-origin:center 18%;
    opacity:var(--scroll-opacity,1);
    transition:none;
  }
  /* Scroll determines visibility here; the usual one-time reveal remains on desktop. */
  .mobile-scroll-active main .reveal:not(.project-card) { opacity:1;transform:none;transition:none }
  .mobile-scroll-active .hero-copy { transform:translate3d(0,var(--hero-copy-drift,0px),0) }
  .mobile-scroll-active .sculpture-panel canvas { transform:translate3d(0,var(--hero-drift,0px),0) }
  .mobile-scroll-active .project-visual.film { border-radius:12px }
  .mobile-scroll-active .card-anchor { perspective:1000px }
  /* Focused content stays steady for keyboard navigation and assistive input. */
  .mobile-scroll-active .mobile-chapter:focus-within,
  .mobile-scroll-active .project-card:focus-within { transform:none;opacity:1;border-radius:0 }
}
/* Preserve the established stagger when wrappers flatten into the desktop grid. */
@media screen and (min-width:1100px) and (prefers-reduced-motion:no-preference) {
  .project-grid>.card-anchor:nth-child(even)>.project-card { transform:translateY(65px) }
  .js .project-grid>.card-anchor:nth-child(even)>.project-card.reveal:not(.is-visible) { transform:translateY(95px) }
  .motion-paused .project-grid>.card-anchor:nth-child(even)>.project-card { transform:none }
}