article.top {position: relative;}
.top .s2,
.top .s3,
.top .s4,
.top .s5,
.top .s6,
.top .s7 {position: sticky;top: 0;height: 100vh;margin-bottom: 50vh;transform: translateY(25px) scale(0.96);opacity: 1;box-shadow: none;transform-origin: center center;transition:transform .4s ease-out,opacity  .4s ease-out,box-shadow .4s ease-out;pointer-events: none;}
.top .s7 {margin-bottom: 0 !important;}
.top .s2 { z-index: 1; }
.top .s3 { z-index: 2; }
.top .s4 { z-index: 3; }
.top .s5 { z-index: 4; }
.top .s6 { z-index: 5; }
.top .s7 { z-index: 6; }
.top .s2.is-active,
.top .s3.is-active,
.top .s4.is-active,
.top .s5.is-active,
.top .s6.is-active,
.top .s7.is-active {transform: translateY(0) scale(1);opacity: 1;box-shadow: 0 24px 60px rgba(0,0,0,0.16);pointer-events: auto;}