.ld-section-scroll{padding:150px 0 50px;color:#222120}.ld-section-scroll__wrapper{width:100%;max-width:100%;min-height:560px;max-height:730px;aspect-ratio:555/454;position:relative;padding:10% 15%;z-index:2}.ld-section-scroll .ld-scroll-bg,.ld-section-scroll .ld-scroll-sprite{width:100%;height:100%;background-repeat:no-repeat;position:absolute;top:0;left:0}.ld-section-scroll .ld-scroll-sprite{background-image:url(//kaivenko.com/wp-content/themes/live_chess/blocks/scroll-block/./images/sprite.webp);background-size:900% 100%;background-position:0 0;image-rendering:pixelated;z-index:-2}.ld-section-scroll .ld-scroll-sprite.is-open{animation:scroll-open .2s steps(8) forwards}.ld-section-scroll .ld-scroll-sprite.is-close{animation:scroll-close .2s steps(8) forwards}@keyframes scroll-open{from{background-position:0 0}to{background-position:100% 0}}@keyframes scroll-close{from{background-position:100% 0}to{background-position:0 0}}.ld-section-scroll .ld-title{font-weight:400;font-size:40px;line-height:1.2;text-align:left;margin-bottom:15px}.ld-section-scroll .ld-text{font-size:16px;line-height:1.5}.ld-section-scroll__inner{display:flex;align-items:flex-start;height:100%;gap:10px;transition:.3s;transition-delay:.3s}.ld-section-scroll .ld-scroll-sprite:not(.is-open)~.ld-section-scroll__inner{opacity:0;transition:.1s;transition-delay:0s}.ld-section-scroll__text{height:100%;display:flex;flex-direction:column}.ld-section-scroll__img{min-width:320px;width:100%;max-height:100%;display:flex}.ld-section-scroll__img img{width:100%;max-height:100%;object-fit:contain}.ld-section-scroll .ld-items{display:grid;width:100%;max-width:420px;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:auto}.ld-section-scroll .ld-item{width:100%;aspect-ratio:1;padding:10px;border-radius:50%;background-color:#6b3708;border:2px solid #eccca0;box-shadow:0 0 5px 0 #6b3708}.ld-section-scroll .ld-item img{max-width:100%;transition:.3s;filter:grayscale(1) sepia(1) saturate(25) hue-rotate(-10deg) brightness(.6) contrast(.75) blur(2px)}.ld-section-scroll .ld-item:nth-of-type(1) img{filter:none}.ld-section-scroll .ld-item:hover img{filter:none}@media all and (max-width:960px){.ld-section-scroll .ld-title{font-size:32px}.ld-section-scroll .ld-text{font-size:14px}.ld-section-scroll__wrapper{padding:15%}.ld-section-scroll__img{display:none}}@media all and (max-width:560px){.ld-section-scroll .ld-title{font-size:24px}.ld-section-scroll__wrapper{padding:20% 15%}}