.text-scroll__sticky-container{height:500vh}.text-scroll__sticky-container .sticky{align-items:center;display:flex;height:100vh;overflow:hidden;position:sticky}.text-scroll__sticky-container .scroll-element{align-items:center;display:flex;flex-direction:column;height:500vh;justify-content:space-between;position:absolute;top:0;width:100%;will-change:transform}.text-scroll__sticky-container p{align-items:center;display:flex;font-size:var(--font-size-h3);height:100vh;margin:0;opacity:1;width:100%}.sticky .gradient{display:block;left:0;position:absolute;width:100%}.sticky .gradient--top{background:linear-gradient(0deg,transparent 0,var(--sand-200) 100%);top:0}.sticky .gradient--bottom{background:linear-gradient(180deg,transparent 0,var(--sand-200) 100%);bottom:0}@media only screen and (max-width:767px){.text-scroll__sticky-container .sticky{top:3rem}.text-scroll__sticky-container .sticky i{font-size:24rem;margin-left:-6.5rem}.text-scroll__sticky-container p{max-width:340px;padding-left:max(5vw,3rem)}.sticky .gradient{height:25vh}}@media only screen and (min-width:768px){.text-scroll__sticky-container .sticky{top:3rem}.sticky .gradient{height:33vh}.text-scroll__sticky-container .sticky i{font-size:20rem;margin-left:-5rem}.text-scroll__sticky-container p{max-width:700px;padding-left:4rem}}@media only screen and (min-width:1024px){.text-scroll__sticky-container p{max-width:960px}}@media only screen and (min-width:1440px){.text-scroll__sticky-container .sticky i{font-size:18rem;margin-left:-4.5rem}.text-scroll__sticky-container p{max-width:1370px}}@media only screen and (min-width:1920px){.text-scroll__sticky-container p{max-width:70vw}}