.portfolio-transition-scene {
  --portfolio-sticky-height: calc(100vh - 1.25rem);
  position: relative;
  width: 100%;
  min-height: 100vh;
}

.portfolio-transition-scene__sticky {
  --portfolio-mobile-scroll-offset: 0px;
  --portfolio-overlay-scale: 1;
  --portfolio-overlay-blur: 0px;
  z-index: 1;
  position: relative;
  top: 0;
  box-sizing: border-box;
  width: 100%;
  height: var(--portfolio-sticky-height);
  overflow: hidden;
  isolation: isolate;
  will-change: transform;
}

.portfolio-transition-scene__sticky > .portfolio-section {
  box-sizing: border-box;
  padding-bottom: clamp(3rem, 8vh, 5rem);
  transform: translateY(var(--portfolio-mobile-scroll-offset)) scale(var(--portfolio-overlay-scale));
  transform-origin: center center;
  filter: blur(var(--portfolio-overlay-blur));
  will-change: transform, filter;
}

.portfolio-transition-scene--green-covered .portfolio-section {
  pointer-events: none;
}

.portfolio-transition-scene--green-covered .green-transition-section {
  pointer-events: auto;
}

body.is-desktop-top-flow .portfolio-transition-scene__sticky > .portfolio-section {
  padding-bottom: 0;
}

.page-shell__next-section {
  width: 100%;
  min-height: 100vh;
}

@media (max-width: 1023px) {
  .portfolio-transition-scene__sticky > .portfolio-section {
    padding-bottom: 0;
  }
}