@font-face{font-family:nagasaki;src:local("nagasaki Regular"),local("nagasaki"),url(../fonts/nagasaki.woff2) format(woff2);font-display:swap;font-weight:400;font-style:normal}.p-test-page{background-color:var(--primary-bg-color);overflow:clip}.small{font-family:nagasaki;font-size:50vw}.image-container{clip-path:url(#clip)}.image-container,.image-container-2{height:100%;position:relative;width:100%}.image-container-2{clip-path:url(#clip-2)}.image{background-image:url(../images/hero5.jpg)}.image,.image-2{animation:zoom linear;animation-timeline:scroll();background-position:50%;background-size:cover;height:100%;width:100%}.image-2{background-image:url(../images/hero4.jpg)}.clip-container{height:100vh;opacity:0;overflow:visible;pointer-events:none;position:absolute;width:100%}#clip{animation:offset linear;animation-timeline:scroll()}#clip-2{animation:offset-reverse linear;animation-timeline:scroll()}@keyframes offset{0%{transform:translate(20%)}to{transform:translate(-30%)}}@keyframes offset-reverse{0%{transform:translate(-70%)}to{transform:translate(30%)}}@keyframes zoom{0%{transform:rotate(0)}to{transform:rotate(0)}}