.roof-layers{max-width:1100px;margin:0 auto}.roof-sticky-stage{position:sticky;top:40vh;height:40vh;display:flex;align-items:center;justify-content:center}.roof-sticky-stage img{width:min(100%,980px);height:auto;display:block}.roof-base{position:relative;z-index:1}.roof-layer{position:absolute;z-index:2;opacity:0;pointer-events:none;transition:opacity 420ms ease;will-change:opacity;backface-visibility:hidden;transform:translateZ(0)}.roof-step{height:40vh}.roof-step[data-show="8"]{height:100vh}@media (max-width:980px){.roof-sticky-stage{position:relative;top:auto;height:auto;margin-bottom:24px}.roof-step{height:30vh}}