@media (max-width:1024px){.sectionInner{display:flex;flex-direction:column;overflow:hidden}}.animation-container,.timelinewrapper{position:relative}.sectionInner{position:sticky;top:0;height:110vh;width:100%}.squaresWrapper{top:0;left:0;overflow:hidden}.squaresInner,.squaresWrapper{position:absolute;width:100%;height:100%}.squaresInner{top:-1.813rem;left:.8rem}.square_1{position:absolute;width:.25rem;height:.25rem;background-color:#fff;transform-origin:50%}.date_Wrabber{position:absolute;top:-5.875rem;right:30px;bottom:0;left:0;justify-content:center;transform:rotate(-90deg)}.dateContent,.date_Wrabber{display:flex;align-items:center}.dateContent{position:relative;justify-content:flex-start;width:51.8%;aspect-ratio:1;transform:translate(1.2vw)}.date{position:absolute;width:50%;font-weight:500;line-height:1.1;text-align:left;transition:opacity .6s;transform:rotate(calc(var(--index-rotate) * var(--angle-date-mobile) * -1deg));transform-origin:100% 50%}.left_wrapper{position:relative;left:50%;transform:translate3d(-50%,0,0)}.squarecontainer{position:absolute;top:50%;left:50%;width:0;height:0}.svgcircle{position:relative;display:block;width:100%;aspect-ratio:1272/1314;transform:rotate(90deg) scaleY(-1)}.mobile_right_wrapper,.right_wrapper{padding:0 1rem;margin-top:1.5625rem}.logoWrapper{position:absolute;display:grid;place-items:center}.logo{max-width:4.125rem;max-height:4.125rem;width:100%;height:100%}.postwrapper{position:relative;display:grid;place-items:center stretch;width:100%;transform-origin:5% 50%;transition:transform .2s ease}.post{grid-area:1/1}.post,.postInner{position:relative}.postInner{text-align:center}@media (max-width:590px){.sectionInner{position:sticky;top:0;height:100vh;width:100%}}@media (min-width:590px) and (max-width:817px){.sectionInner{position:sticky;top:-5rem;height:100vh;width:100%}.dateContent{width:30%}}@media (min-width:818px) and (max-width:1024px){.sectionInner{position:sticky;top:-10rem;height:250vh;width:100%}.dateContent{width:30%}}@media (min-width:64rem){.timelinewrapper{margin:200px 0}.date_Wrabber{transform:rotate(0);top:0}.date{padding-right:2.8125rem;padding-left:0;font-size:1.25rem;text-align:right;transform:rotate(calc(var(--index-rotate) * var(--angle-date) * 1deg));transform-origin:0 50%;transition:transform .5s ease}.date:hover{--index-rotate:1}.left_wrapper{position:absolute;top:50%;left:0;transform:translate3d(-35vw,-50%,0);width:80%}.svgcircle{top:0;left:0;width:78vw;transform:none}.dateContent{justify-content:flex-end}.right_wrapper{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;padding:0;margin:0;overflow:hidden}.logoWrapper{left:8vw}.post{padding-left:50.5vw;transform:rotate(calc(var(--index-rotate) * var(--angle-post) * 1deg));transform-origin:5% 50%;transition:transform .5s ease}.post:hover{--index-rotate:1}.postInner{width:39vw;text-align:left}}