.scrolly-wrap{position:relative;height:300vh;width:min(100vw,1920px);margin-left:calc(50% - min(50vw,960px));margin-right:calc(50% - min(50vw,960px));width:min(100dvw,1920px);margin-left:calc(50% - min(50dvw,960px));margin-right:calc(50% - min(50dvw,960px))}.scrolly-canvas{position:sticky;top:0;height:100vh;width:100%}.scrolly-canvas canvas{display:block}.scrolly-content{position:absolute;inset:0;display:flex;flex-direction:column;pointer-events:none}.scrolly-panel{height:100vh;width:35%;display:flex;flex-direction:column;justify-content:center;padding:0 8vw;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.6)}.scrolly-panel-card{align-self:flex-start;padding:16px 20px;background:#573f3fe6}.scrolly-panel-card h2{font-size:clamp(2rem,5vw,2.5rem);margin:0 0 8px}.scrolly-panel-card span{font-size:clamp(1rem,2vw,1.8rem);opacity:.85;margin:0;line-height:2.5rem}@media (max-width: 1023px){.scrolly-panel{width:100%;padding:0 4vw}.scrolly-panel-card{align-self:center;width:75%}.scrolly-panel-card span{font-size:clamp(1.5rem,2vw,2.8rem);opacity:.85;margin:0;line-height:2rem}}