.about-section.about-stack-section {
  position: relative;
  height: var(--about-stack-height);
  overflow: visible !important;
}

.about-stack-sticky {
  position: sticky;
  top: var(--about-stack-top, 90px);
  height: calc(100vh - var(--about-stack-top, 90px));
  overflow: visible;
  z-index: 2;
}

.about-stack-stage {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: visible;
}

.about-stack-card {
  position: absolute !important;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  will-change: transform;
  transform-origin: top center;
  backface-visibility: hidden;
}

/* Mobile: keep same stacking effect, only adjust header offset if needed */
@media (max-width: 767px) {
  .about-section.about-stack-section {
    overflow: visible !important;
  }

  .about-stack-sticky {
    top: var(--about-stack-top, 70px);
    height: calc(100vh - var(--about-stack-top, 70px));
  }
}