<!-- wp:greenshift-blocks/element {"id":"gsbp-d17434b","tag":"section","type":"inner","localId":"gsbp-d17434b","align":"full","styleAttributes":{"display":["flex"],"justifyContent":["center"],"flexDirection":["column"],"alignItems":["center"],"paddingRight":["var(\u002d\u002dwp\u002d\u002dcustom\u002d\u002dspacing\u002d\u002dside, min(3vw, 20px))"],"paddingLeft":["var(\u002d\u002dwp\u002d\u002dcustom\u002d\u002dspacing\u002d\u002dside, min(3vw, 20px))"],"marginTop":["0px"],"marginBottom":["0px"],"paddingLink_Extra":"lr","position":["relative"],"minHeight":["100vh"],"columnGap":["25px"],"backgroundColor":["#e2cdb1"]},"isVariation":"contentwrapper"} -->
<section class="gsbp-d17434b alignfull"><!-- wp:greenshift-blocks/element {"id":"gsbp-ca1b8a0","type":"inner","localId":"gsbp-ca1b8a0","styleAttributes":{"maxWidth":["100%"],"width":["var(\u002d\u002dwp\u002d\u002dstyle\u002d\u002dglobal\u002d\u002dwide-size, 1200px)"],"display":["flex"],"flexDirection":["row"],"alignItems":["center"],"columnGap":["35px"]},"isVariation":"nocolumncontent","metadata":{"name":"Content Area"}} -->
<div class="gsbp-ca1b8a0"><!-- wp:greenshift-blocks/element {"id":"gsbp-bf24d7d","textContent":"Horizontal scroll section","tag":"h2","localId":"gsbp-bf24d7d","styleAttributes":{"fontSize":["var(\u002d\u002dwp\u002d\u002dpreset\u002d\u002dfont-size\u002d\u002dgiant, clamp(3.2rem, 6.2vw, 6.5rem))"],"lineHeight":["var(\u002d\u002dwp\u002d\u002dcustom\u002d\u002dline-height\u002d\u002dgiant, clamp(4.2rem, 6.2vw, 7rem))"],"maxWidth":["500px"],"marginTop":["0px"]}} -->
<h2 class="gsbp-bf24d7d">Horizontal scroll section</h2>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-aadea51","textContent":"Scroll below","tag":"span","localId":"gsbp-aadea51"} -->
<span>Scroll below</span>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element --></section>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-2e0c465","tag":"section","type":"inner","localId":"gsbp-2e0c465","align":"full","styleAttributes":{"height":["500vh"],"overflow":["visible"],"customCSS_Extra":"{CURRENT}{\nview-timeline-name: \u002d\u002dsection-pin-tl-272;\nview-timeline-axis: block;\n}\n@keyframes move-scroll-horizontal {\n\tto {\n\t\ttransform: translateX(calc(-100% + 100vw));\n\t}\n}","backgroundColor":["#000000"],"marginTop":["0px"],"color_A":["#ffffff"],"color":["#ffffff"]},"isVariation":"pinhorizontalscroll","userNotice":"Reduce the height of the section to increase scroll speed"} -->
<section class="gsbp-2e0c465 alignfull"><!-- wp:greenshift-blocks/element {"id":"gsbp-1423ce3","type":"inner","localId":"gsbp-1423ce3","styleAttributes":{"height":["100vh"],"width":["100vw"],"position":["sticky"],"top":["0px"],"overflowX":["clip"]},"metadata":{"name":"Pinned Area"}} -->
<div class="gsbp-1423ce3"><!-- wp:greenshift-blocks/element {"id":"gsbp-e810e2c","type":"inner","localId":"gsbp-e810e2c","styleAttributes":{"height":["100vh"],"width":["max-content"],"position":["sticky"],"willChange":["transform"],"animation":["linear move-scroll-horizontal forwards"],"animationTimeline":["\u002d\u002dsection-pin-tl-272"],"animationRange":["contain 0% contain 100%"],"display":["flex"],"flexDirection":["row"],"alignItems":["center"],"color":["#b9b3a9"],"paddingLeft":["var(\u002d\u002dwp\u002d\u002dpreset\u002d\u002dspacing\u002d\u002d70, 3.38rem)"],"paddingRight":["var(\u002d\u002dwp\u002d\u002dpreset\u002d\u002dspacing\u002d\u002d70, 3.38rem)"],"columnGap":["70px"]},"metadata":{"name":"Content Area"}} -->
<div class="gsbp-e810e2c"><!-- wp:greenshift-blocks/element {"id":"gsbp-21a4a0a","textContent":"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.","localId":"gsbp-21a4a0a","styleAttributes":{"fontSize":["var(\u002d\u002dwp\u002d\u002dpreset\u002d\u002dfont-size\u002d\u002dhigh, clamp(1.9rem, 3.2vw, 2.4rem))"],"lineHeight":["var(\u002d\u002dwp\u002d\u002dcustom\u002d\u002dline-height\u002d\u002dhigh, clamp(2.5rem, 3.7vw, 3rem))"],"fontWeight":["600"],"maxWidth":["600px"]},"isVariation":"divtext"} -->
<div class="gsbp-21a4a0a">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-c6af2ec","tag":"img","localId":"gsbp-c6af2ec","src":"https://greenshift.wpsoul.net/wp-content/uploads/2024/08/wom-scaled.webp","alt":"","mediaid":3811,"originalWidth":2560,"originalHeight":1463,"styleAttributes":{"height":["500px"],"objectFit":["cover"],"maxWidth":["50%"],"width":["auto"]}} -->
<img class="gsbp-c6af2ec" src="https://greenshift.wpsoul.net/wp-content/uploads/2024/08/wom-scaled.webp" alt="" width="2560" height="1463" loading="lazy"/>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-0f97f30","tag":"img","localId":"gsbp-0f97f30","src":"https://greenshift.wpsoul.net/wp-content/uploads/2024/08/wom3-scaled.webp","alt":"","mediaid":3812,"originalWidth":2560,"originalHeight":1463,"styleAttributes":{"height":["500px"],"objectFit":["cover"],"maxWidth":["50%"],"width":["auto"]}} -->
<img class="gsbp-0f97f30" src="https://greenshift.wpsoul.net/wp-content/uploads/2024/08/wom3-scaled.webp" alt="" width="2560" height="1463" loading="lazy"/>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-2ba63e4","tag":"img","localId":"gsbp-2ba63e4","src":"https://greenshift.wpsoul.net/wp-content/uploads/2024/08/won5-scaled.webp","alt":"","mediaid":3813,"originalWidth":2560,"originalHeight":1463,"styleAttributes":{"height":["500px"],"objectFit":["cover"],"maxWidth":["50%"],"width":["auto"]}} -->
<img class="gsbp-2ba63e4" src="https://greenshift.wpsoul.net/wp-content/uploads/2024/08/won5-scaled.webp" alt="" width="2560" height="1463" loading="lazy"/>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element --></section>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:paragraph -->
<p>It's recommended to add content outside pinned element first, then you can put it inside Horizontal scroll section.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Scroll speed is calculated automatically based on content length and height.</p>
<!-- /wp:paragraph -->

<!-- wp:spacer -->
<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->