.anim-flip.active .recto{--tw-scale-x: 0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.anim-flip.active .verso{--tw-scale-x: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.menu_chapter1 #menu_btntop{opacity:.3}.chapters{transition:all .25s ease-in-out}.menu_chapter1 .chapters{top:0}.menu_chapter2 .chapters{top:-100%}.menu_chapter3 .chapters{top:-200%}.menu_chapter1 .img_part1{width:auto;transform:translate(-68px,-400px);transition:.5s}.menu_chapter1 .img_part2{width:auto;transform:translate(-370px,-175px);transition:.5s}.menu_chapter1 .img_part3{width:auto;transform:translate(-133px,220px);transition:.5s}.menu_chapter1 .img_part4{width:90px;transform:translate(120px,-215px);opacity:0;transition:.5s}.menu_chapter1 .img_part5{width:90px;transform:translate(-160px,20px);opacity:0;transition:.5s}.menu_chapter1 .img_part6{width:200px;transform:translate(-90px,-90px);opacity:0;transition:.5s}.menu_chapter2 .img_part1{width:180px;transform:translate(60px,-520px);transition:.5s}.menu_chapter2 .img_part2{width:600px;transform:translate(-640px,-225px);transition:.5s}.menu_chapter2 .img_part3{width:650px;transform:translate(25px,280px);transition:.5s}.menu_chapter2 .img_part4{width:112px;transform:translate(87px,-225px);transition:.5s}.menu_chapter2 .img_part5{width:108px;transform:translate(-140px,15px);transition:.5s}.menu_chapter2 .img_part6{width:200px;transform:translate(-90px,-90px);opacity:0;transition:.5s}.menu_chapter3 .img_part1{width:300px;transform:translate(100px,-850px);transition:.5s}.menu_chapter3 .img_part2{width:700px;transform:translate(-1000px,-300px);opacity:0;transition:.5s}.menu_chapter3 .img_part3{width:800px;transform:translate(200px,500px);opacity:0;transition:.5s}.menu_chapter3 .img_part4{width:245px;transform:translate(130px,-260px);transition:.5s}.menu_chapter3 .img_part5{width:235px;transform:translate(-365px,260px);transition:.5s}.menu_chapter3 .img_part6{width:300px;transform:translate(-145px,-140px);transition:.5s}.outro_full{opacity:0;animation:fullAnimation .8s 1.2s ease-in-out forwards}.outro_outline{top:50%;left:50%;transform:translate(-50%,-50%) scale3d(3,3,3);opacity:0;animation:outlineAnimation 1.2s ease-out forwards}.outro_dark_bg{opacity:0;animation:fullAnimation .8s 1.2s ease-in-out forwards}.outro_halo{opacity:0;animation:fullAnimation 2s 2s ease-in-out forwards}.outro_page .logo{animation:outlineLogo 1s 4s ease-in-out forwards}.outro_btn{bottom:80px;opacity:0;animation:fullAnimation 1.5s 5s ease-in-out forwards}@keyframes outlineLogo{0%{filter:invert(0)}to{filter:invert(1)}}@keyframes outlineAnimation{0%{transform:translate(-50%,-50%) scale3d(3,3,1);opacity:0}to{transform:translate(-50%,-50%) scale3d(.92,.92,1);opacity:1}}@keyframes fullAnimation{0%{opacity:0}to{opacity:1}}.chapter-intro-frame_wrapper{width:100%;height:100%;position:relative}.chapter-intro-frame_mask{width:100%;height:100%;position:absolute;max-width:none;clip:rect(calc(50vh - 2px),calc(50vw + 2px),calc(50vh + 2px),calc(50vw - 2px));animation:chapterMask 11s .4s ease-out forwards}.chapter-intro-frame{top:50vh;left:50vw;transform:translate(-50%,-50%) scale3d(.005,.005,1);animation:chapterFrame 5.3s .4s ease-out forwards;opacity:0}#scrollBtn_intro{opacity:0;animation:chapterIntroAnimationBtn .6s 1.2s ease-out forwards;top:-17%}@media (min-width: 2000px){.chapter-intro-frame_mask{animation:chapterMask 5s .4s ease-out forwards}.chapter-intro-frame{animation:chapterFrame 2.35s .4s ease-out forwards}}@media (min-width: 3000px){.chapter-intro-frame_mask{animation:chapterMask 2.5s .4s ease-out forwards}.chapter-intro-frame{animation:chapterFrame 1.25s .4s ease-out forwards}}@keyframes chapterMask{0%{clip:rect(calc(50vh - 2px),calc(50vw + 2px),calc(50vh + 2px),calc(50vw - 2px))}to{clip:rect(calc(50vh - 2550px),calc(50vw + 2850px),calc(50vh + 2550px),calc(50vw - 2850px))}}@keyframes chapterFrame{0%{transform:translate(-50%,-50%) scale3d(.005,.005,1);opacity:0}5%{opacity:1}90%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) scale3d(1.6,1.6,1)}}@keyframes chapterIntroAnimationBtn{0%{opacity:0;top:-17%}to{opacity:1;top:-15%}}
