@keyframes enable-pointer-events{to{pointer-events:initial}}.mb-3{margin-bottom:1rem!important}.ml-auto{margin-left:auto!important}.d-none{display:none!important}.d-block{display:block!important}body{overflow-x:clip}#flip_book,main{position:relative}body,main{width:100vw}main{overflow:unset!important;margin-top:-67px;background:linear-gradient(to bottom,#c1272d 16%,#000 25%,#000 50%,#000 60%,#00f 72%)}section.space{height:100vh}section.space.stage-1{height:150lvh}section.space.stage-3{height:50vh}.extra-space{height:30vh;background:#00f}.book-container{position:sticky;top:0;left:0;width:100vw;height:100lvh;display:flex;justify-content:center;align-items:center;overflow:hidden}.cta-btn{position:fixed;bottom:.8rem;right:.8rem;z-index:999;cursor:pointer!important}.cta-btn img{width:clamp(86px,23vw,100px)}#flip_book{width:83%;aspect-ratio:1/1.32;transition-duration:1s;perspective:2000px}.back_cover,.front_cover{width:100%;height:100%;transform-origin:center left;transition:transform .8s;position:absolute}.back_cover img,.front_cover img{width:100%;-o-object-fit:cover;object-fit:cover}.front_cover{backface-visibility:hidden;z-index:99}.back_cover{z-index:4}.back_cover img{transform:rotateY(180deg)}.page{top:0;left:0;transform-origin:left;transform-style:preserve-3d;transform:rotateY(0deg);transition-duration:.8s}.page,.page .back_page,.page .front_page{width:100%;height:100%;position:absolute}.page .back_page{transform:rotateY(180deg);z-index:100}.sticker-content{width:100%;height:100%;background:linear-gradient(to right,orange 0,#1d5a5c 2%,#1d5a5c 98%,orange 100%)}.sticker-content .sticker{position:absolute;transition:transform .7s,filter .2s;will-change:transform;pointer-events:none}.info,.overlay{top:0;left:0;display:none}.overlay{position:fixed;width:100vw;height:100lvh;place-items:center;background:rgba(0,0,0,.87);z-index:2}.overlay .close-btn{position:absolute;top:1rem;left:2%;padding:0;background:0 0;border:0}.overlay .close-btn img{width:clamp(32px,8.5vw,50px)}.info{position:relative;width:83%;aspect-ratio:1/1.32;line-height:1.18;font-size:clamp(16px,4vw,31px)}.info>*{position:absolute;margin:0}#faq .title h4,.info .title{color:#fff;font-family:"lithue"}.info .title{font-size:1.95em;writing-mode:vertical-rl;letter-spacing:.1em;white-space:nowrap}.info .text{color:#b3b3b3;font-family:"gensekigothic";line-height:1.2}.info.info-1 .text{left:-6%;top:-15%}.info.info-1 .highlight{left:30%;top:15%;color:#e89100;font-family:"pinyin"}.info.info-1 .highlight p{margin:0;line-height:1.4}.info.info-1 .highlight .pinyin{font-size:.8em}.info.info-1 .title{right:-10%;top:-25%}.info.info-1 .sticker-11{bottom:-24%;left:-5%;width:49.1%}.info.info-2 .text{left:14%;top:17%}.info.info-2 .feature{width:83.4%;left:10%;bottom:-11%}.info.info-2 .title{left:-9%;top:17%}.info.info-2 .sticker-4{width:27.3%;left:33.1%;top:-27.5%;transform:rotate(4deg)}.info.info-2 .sticker-12{width:45%;right:-6%;top:-23.8%;transform:rotate(-9deg)}.info.info-3 .title{right:-10%;top:-28%}.info.info-3 .text{width:14em;left:-7%;bottom:-12%}.info.info-3 .feature{width:56%;right:6%;top:-28%}.info.info-3 .sticker-6{width:44%;left:-6.5%;top:45.2%;transform:rotate(-22deg)}.info.info-3 .sticker-14{width:49.1%;bottom:3.5%;right:14.7%}.info.info-4 .title{right:-9%;top:-28%}.info.info-4 .text{width:19em;left:-6%;top:7%}.info.info-4 .feature{width:61%;left:-5%;bottom:-26%}.info.info-4 .sticker-3{width:40%;top:-24.7%;left:-7.2%}.info.info-4 .sticker-15{width:38%;bottom:-19.9%;right:.8%;transform:rotate(16deg)}#faq,#faq .title{position:absolute;left:0}#faq{width:100%;height:100%;top:0;font-size:clamp(11px,2.9vw,22px);transform:rotateY(180deg)}#faq>div{transition:transform .3s;pointer-events:none}#faq.show>div{pointer-events:initial}#faq.show .title{transform:rotate(-2deg) translateX(-50%)}#faq.show .faq-1{transform:translateY(-40%)}#faq.show .faq-1:hover,#faq.show .faq-2:hover{transform:rotate(-1deg) translateY(-90%)}#faq.show .faq-2{transform:rotate(-1deg) translateY(-18%)}#faq.show .faq-3{transform:translateY(40%)}#faq.show .faq-3:hover{transform:translateY(85%)}#faq.show .faq-4{transform:rotate(-3deg) translateY(30%)}#faq.show .faq-4:hover{transform:rotate(-3deg) translateY(85%)}#faq .title{background:#5e8e36;top:5%;padding:.2em 2em 0 .4em;writing-mode:vertical-rl;z-index:2;transform:rotate(-2deg) translateX(100%)}#faq .title h4{margin:0;line-height:1;transform:rotate(2deg);font-size:1.65em}#faq .title h4 span{margin-top:.3em;letter-spacing:.3em}#faq .faq-content{position:absolute;color:#fff;padding:.3em;cursor:pointer}#faq .faq-content .question{font-size:1.18em;line-height:1}#faq .faq-content .answer{line-height:1.2;opacity:0}#faq .faq-content a{color:#fff;pointer-events:none}#faq .faq-content:hover .answer{opacity:1}#faq .faq-content:hover a{animation:enable-pointer-events .5s forwards}#faq .faq-1{background:#893758;left:2%;top:0;width:75.5%}#faq .faq-1 .answer{margin-bottom:3em}#faq .faq-2{background:#b64873;left:26%;top:0;width:73%}#faq .faq-2 .answer{font-size:2.18em;text-align:center;transform:rotate(1deg)}#faq .faq-3{background:#893758;right:2%;bottom:0;width:75.5%}#faq .faq-3 .question{margin:0;text-align:right}#faq .faq-3 .answer{padding-top:4em}#faq .faq-4{background:#b64873;left:2%;bottom:0;width:78%}#faq .faq-4 .question{margin:0;transform:rotate(2deg);padding-bottom:.25em}#faq .faq-4 .answer{transform:rotate(2deg);padding-top:2em}#page1{z-index:8}#page1 .sticker-content .note{position:absolute;width:61%;right:3%;top:2%}#page1 .sticker-content .sticker-1{top:2.8%;left:3%;width:46%}#page1 .sticker-content .sticker-2{top:15.5%;right:3%;width:46%}#page1 .sticker-content .sticker-3{top:44%;right:22%;width:38%}#page1 .sticker-content .sticker-4{top:52%;right:2%;width:29%}#page1 .sticker-content .sticker-5{top:1%;right:0;width:22.6%}#page1 .sticker-content .sticker-6{top:42.7%;left:2%;width:41.4%}#page1 .sticker-content .sticker-7{bottom:-3%;left:7%;width:38%}#page1 .sticker-content .sticker-8{bottom:0;right:30%;width:48%}#page1 .sticker-content .sticker-9{bottom:1%;left:18%;width:41%}#page1 .sticker-content .sticker-10{bottom:1%;right:34%;width:30.2%}#page1 .sticker-content .sticker-11{bottom:1%;right:3%;width:45.8%}#page1 .sticker{display:none}#page2{z-index:5}#page2 .back_page{position:relative;backface-visibility:hidden}#page2 .sticker-content .sticker-1{width:46%;right:-30%;top:-3%;transform:translate(-100%,30%)}#page2 .sticker-content .sticker-12{top:1%;right:4%;width:45%;transform:rotate(-6deg)}#page2 .sticker-content .sticker-14{bottom:2%;right:2%;width:49.1%}#page2 .sticker-content .sticker-15{bottom:16.3%;left:38%;width:38%}#page2 .sticker-content .sticker-16{bottom:22%;right:7%;width:52.3%}#page2 .sticker-content .sticker-18{bottom:2.8%;left:0;width:43%}#page2 .sticker-content .sticker-3{top:1%;left:0;width:40%}#page2 .sticker-content .sticker-4{top:15%;right:0;width:27.3%}#page2 .sticker-content .sticker-6{top:36%;left:1%;width:44%}#page2 .sticker-content .sticker-11{bottom:0;left:7%;width:49.1%}#page2 .fe-container{position:absolute;left:9%;top:2%;width:87.5%}#page2 .fe-container .note{position:relative;font-size:clamp(16px,8vw,60px)}#page2 .fe-container .note p{position:absolute;top:11.2%;left:5%;font-size:1.23em;line-height:1;font-family:"lithue";margin:0}#page2 .fe-container .note img{width:100%}#page2 .fe-container .note textarea{position:absolute;top:14.2%;left:5%;width:89%;outline:0;resize:none;border:0;background:0 0;line-height:1.1;max-height:10em;overflow:hidden;font-family:"lithue";word-break:break-all;color:#212529;font-size:.87em}#page2 .fe-container .note textarea:focus{outline:2px solid #1d5a5c}#page2 .fe-container .note textarea::-moz-placeholder{font-family:"lithue"}#page2 .fe-container .note textarea::placeholder{font-family:"lithue"}#flip_book.book-open .front_cover{transition:transform .5s,z-index .5s .5s}#flip_book.book-open #page1{transform:rotateY(-180deg);z-index:6}#flip_book.book-close{transform:translateX(105%)}#flip_book.book-close .front_cover,#flip_book.book-open .front_cover{transform:rotateY(-180deg);z-index:1}#flip_book.book-close #page1{transform:rotateY(-180deg);z-index:3}#flip_book.book-close #page2{transform:rotateY(-180deg);z-index:4}#flip_book.book-close .back_cover{transform:rotateY(-180deg)}#flip_book.book-open .sticker-content .sticker{pointer-events:initial}#flip_book.book-open .sticker-content .sticker.enabled{filter:drop-shadow(0 0 10px #000);cursor:pointer}#flip_book.book-open .sticker-content .sticker.enabled:hover{filter:drop-shadow(0 0 20px #000)}#flip_book.book-open #page1 .sticker-content .sticker-1{transform:translate(-51%,-40%) rotate(7deg)}#flip_book.book-open #page1 .sticker-content .sticker-2{transform:translate(-120%,0)}#flip_book.book-open #page1 .sticker-content .sticker-3{transform:translate(2%,-130%)}#flip_book.book-open #page1 .sticker-content .sticker-4{transform:translate(37%,-97%) rotate(5deg)}#flip_book.book-open #page1 .sticker-content .sticker-5{transform:translate(0,-90%)}#flip_book.book-open #page1 .sticker-content .sticker-6{transform:translate(81%,-18%) rotate(-17deg)}#flip_book.book-open #page1 .sticker-content .sticker-7{transform:translate(-138%,-60%)}#flip_book.book-open #page1 .sticker-content .sticker-8{transform:translate(-53%,-14%) rotate(38deg)}#flip_book.book-open #page1 .sticker-content .sticker-9{transform:translate(-46%,-46%)}#flip_book.book-open #page1 .sticker-content .sticker-10{transform:translate(-29%,56%)}#flip_book.book-open #page1 .sticker-content .sticker-11{transform:translate(22%,15%)}#flip_book.book-open #page2 .sticker-content .sticker-1{transform:rotate(-28deg)}#flip_book.book-open #page2 .sticker-content .sticker-12{transform:translate(22%,-112%) rotate(-9deg)}#flip_book.book-open #page2 .sticker-content .sticker-14{transform:translate(-26%,-4%)}#flip_book.book-open #page2 .sticker-content .sticker-15{transform:translate(61%,107%) rotate(16deg)}#flip_book.book-open #page2 .sticker-content .sticker-16{transform:translate(81%,11%) rotate(13deg)}#flip_book.book-open #page2 .sticker-content .sticker-18{transform:translate(-58%,-325%) rotate(100deg)}#flip_book.book-open #page2 .sticker-content .sticker-3{transform:translate(-18%,-117%)}#flip_book.book-open #page2 .sticker-content .sticker-4{transform:translate(-145%,-115%) rotate(4deg)}#flip_book.book-open #page2 .sticker-content .sticker-6{transform:translate(-17%,26%) rotate(-22deg)}#flip_book.book-open #page2 .sticker-content .sticker-11{transform:translate(-24%,60%)}body:has(main.view-info){overflow:hidden}body.is-safari .overlay .info .title{letter-spacing:.15em}main.view-info{overflow:clip}main.view-info .overlay{display:grid}main.view-info .overlay[data-modal="1"] .info-1,main.view-info .overlay[data-modal="2"] .info-2,main.view-info .overlay[data-modal="3"] .info-3,main.view-info .overlay[data-modal="4"] .info-4{display:block}@media (min-width:768px){.d-md-none{display:none!important}.d-md-block{display:block!important}main{margin-top:0;background:linear-gradient(to bottom,#c1272d 13%,#000 20%,#000 50%,#000 60%,#00f 72%)}section.space.stage-1{height:200lvh}.book-container{overflow:unset}.cta-btn img{width:clamp(83px,10.8vw,200px)}#flip_book{width:33%;max-width:634px}.overlay .close-btn{top:1.5rem;left:unset;right:1.5rem}.overlay .close-btn img{width:clamp(32px,3vw,50px)}.info{width:66%;aspect-ratio:1/.66;max-width:1268px;font-size:clamp(12px,1.5vw,22px)}.info .title{font-size:2.35em}.info .text{font-size:1.23em}.info.info-1 .text{left:unset;right:-23%;top:37%}.info.info-1 .highlight{top:10%;left:-6%}.info.info-1 .title{right:34%;top:9%;text-indent:-1.5em}.info.info-1 .sticker-11{bottom:-4.6%;left:30.6%;width:22.9%}.info.info-2 .text{width:21em;left:60%;top:54%}.info.info-2 .feature{width:51.6%;left:-19%;bottom:12%}.info.info-2 .title{left:46%;top:58%}.info.info-2 .sticker-4{width:14.5%;left:39.9%;top:13.9%;transform:rotate(5deg)}.info.info-2 .sticker-12{width:21.5%;right:10.45%;top:-13.6%;transform:rotate(-5deg)}.info.info-3 .title{right:51%;top:13%}.info.info-3 .text{width:24em;left:unset;right:-20%;bottom:unset;top:-2%}.info.info-3 .feature{width:35%;right:unset;left:-23%;top:0}.info.info-3 .sticker-6{width:20.7%;left:17.8%;top:36.8%;transform:rotate(-17deg)}.info.info-3 .sticker-14{width:22.85%;bottom:18.2%;right:25.8%}.info.info-4 .title{right:51%;top:10%}.info.info-4 .text{width:24em;left:unset;right:-21%;top:4%}.info.info-4 .feature{width:33%;left:-21%;bottom:unset;top:0}.info.info-4 .sticker-3{width:19%;top:16.8%;left:20.4%}.info.info-4 .sticker-15{width:17.1%;bottom:26.7%;right:9.35%;transform:rotate(7deg)}#faq{font-size:clamp(8px,1.12vw,22px)}#faq.show .faq-1{transform:rotate(-1deg) translateX(-17%)}#faq.show .faq-1:hover{transform:rotate(-1deg) translateX(-30%)}#faq.show .faq-2{transform:rotate(-3deg) translateX(-8%)}#faq.show .faq-2:hover{transform:rotate(-3deg) translateX(-60%)}#faq.show .faq-3{transform:translateY(35%)}#faq.show .faq-3:hover{transform:translateY(83%)}#faq.show .faq-4{transform:rotate(-3deg) translateY(26%)}#faq.show .faq-4:hover{transform:rotate(-3deg) translateY(80%)}#faq .title{padding:.2em 2em 0 .3em}#faq .faq-1{left:0;top:24%;height:23em;writing-mode:vertical-lr;padding-top:1.5em}#faq .faq-1 .question{margin:0}#faq .faq-2{display:flex;gap:1.2em;left:0;top:38.5%;padding-top:5%;padding-bottom:3%}#faq .faq-2 .question{writing-mode:vertical-lr;margin:0;transform:rotate(2deg)}#faq .faq-2 .answer{text-align:start;margin:1em 2em 0 0;transform:rotate(3deg)}#page1 .sticker{display:block}#page2 .sticker-content .sticker-12{top:18%;right:-13%;width:43%;transform:rotate(90deg)}#page2 .sticker-content .sticker-13{top:-3.5%;right:8%;width:37.2%}#page2 .sticker-content .sticker-14{bottom:-1.5%;left:10%;width:45.7%;transform:rotate(-30deg)}#page2 .sticker-content .sticker-15{bottom:31.3%;left:5%;width:34.2%}#page2 .sticker-content .sticker-16{bottom:6.2%;right:-2%;width:54.3%}#page2 .sticker-content .sticker-17{top:33%;right:25.5%;width:31.6%}#page2 .sticker-content .sticker-18{bottom:2.8%;left:unset;right:27%;width:40.1%}#page2 .fe-container .note{font-size:clamp(12px,1.95vw,60px)}#page2 .fe-container .note textarea{top:22%;font-size:1em}#flip_book.book-open{transform:translateX(50%)}#flip_book.book-close{transform:translateX(100%)}#flip_book.book-open #page2 .sticker-content .sticker-12{transform:translate(-79%,-150%) rotate(-5deg)}#flip_book.book-open #page2 .sticker-content .sticker-13{transform:translate(101%,11%)}#flip_book.book-open #page2 .sticker-content .sticker-14{transform:translate(-16%,-57%)}#flip_book.book-open #page2 .sticker-content .sticker-15{transform:translate(123%,15%) rotate(7deg)}#flip_book.book-open #page2 .sticker-content .sticker-16{transform:translate(67%,-27%) rotate(9deg)}#flip_book.book-open #page2 .sticker-content .sticker-17{transform:translate(18%,174%)}#flip_book.book-open #page2 .sticker-content .sticker-18{transform:translate(-33%,52%)}}@media (min-width:1500px){.info.info-1 .highlight{font-size:1.1em}}@media (max-width:768px){#flip_book.book-open #page1{z-index:2}}