.stage{position:relative;min-height:100vh;overflow:visible}.text-block.is-first{padding-top:60px}.side-layer{position:sticky;top:40px;height:calc(100vh - 120px);display:flex;justify-content:space-between;pointer-events:none}.side-image.left{width:30%;align-self:flex-start;margin-top:40px}.side-image.right{width:30%;align-self:flex-end;margin-bottom:40px}.side-image img{width:100%;display:block}.center-scroll{position:sticky;top:0;width:40%;height:100vh;margin:calc(-1*(100vh - 120px)) auto 0;z-index:2}.text-block{min-height:100vh;display:flex;flex-direction:column;justify-content:center;text-align:center;opacity:0;transform:translateY(40px);transition:opacity .8s ease,transform .8s ease}.text-block.active{opacity:1;transform:translateY(0)}.center-scroll .text-block h2{font-size:32px;color:#000;font-family:Playfair Display;font-style:italic;margin-bottom:12px;position:relative;display:inline-block}.center-scroll .text-block h2:after{content:"";position:absolute;right:105px;bottom:-8px;width:30%;height:55px;z-index:-1;background-image:url(https://www.penstar.ai/cdn/shop/t/16/assets/index-header-bg1.png);background-repeat:no-repeat;background-size:100% 100%}.stage:first-of-type .center-scroll .text-block:first-of-type h2:after{right:60px}.subtitle{color:#8a735f;font-size:18px}.feature{line-height:1.6;font-family:robot}.feature strong{display:block;font-size:14px;letter-spacing:.05em;margin-bottom:4px;color:#73553c!important}.feature p{color:#000;line-height:10px}.title-text{font-size:18px;color:#000;text-align:center;text-transform:uppercase;padding-bottom:60px}.subtitle p{margin-top:0}@media screen and (max-width:768px){.stage{min-height:auto;display:flex;flex-direction:column;padding-bottom:40px;overflow:hidden}.side-layer,.center-scroll{display:contents}.center-scroll .text-block:nth-of-type(1){order:1}.side-image.left{order:2;width:100%;margin:0;padding:20px 0;align-self:center}.stage:first-of-type .side-layer:first-of-type .side-image:last-of-type{display:none}.center-scroll .text-block:nth-of-type(2){order:3}.side-image.right{order:1;width:100%;margin:0;padding:20px 0;align-self:center}.text-block{min-height:auto;width:90%;margin:0 auto;padding:20px 0;box-sizing:border-box}.text-block.is-first{padding-top:20px}.center-scroll .text-block h2{font-size:24px}.center-scroll .text-block h2:after{right:15px;width:50%;bottom:-12px}.stage:first-of-type .center-scroll .text-block:first-of-type h2:after{right:-22px}.title-text{font-size:22px;padding-bottom:0;margin:0}.side-image img{width:100%;display:block}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/text-scroll.css.map */