*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;background:#f5f1e8;color:#171717;font-family:"Arial Narrow","Helvetica Neue",Arial,sans-serif}.page{position:relative;min-height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:4vw}.logo{position:absolute;top:5vh;left:5vw;width:min(180px,22vw);height:auto}.lang{position:absolute;top:5vh;right:5vw;color:#111;text-decoration:none;font-size:14px;letter-spacing:.12em}.story{position:relative;width:min(780px,86vw);height:360px;text-align:center}.stage{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(27px,3vw,48px);line-height:1.35}.stage1{animation:s1 16s linear forwards}.andso{animation:sA 16s linear forwards;font-size:clamp(23px,2.4vw,38px)}.stage2{animation:s2 16s linear forwards;font-size:clamp(25px,2.7vw,43px)}.stage3{animation:s3 16s linear forwards}.come{color:#111;text-decoration:none;border-bottom:1px solid #111}.unfinished{display:inline-block;margin-top:22px;font-family:"Arial Narrow",Arial,sans-serif;font-size:15px}.skip{position:absolute;left:5vw;bottom:5vh;color:#555;text-decoration:none;font-size:12px;letter-spacing:.04em}@keyframes s1{0%,4%{opacity:0}8%,22%{opacity:1}27%,100%{opacity:0}}@keyframes sA{0%,26%{opacity:0}30%,35%{opacity:1}39%,100%{opacity:0}}@keyframes s2{0%,38%{opacity:0}42%,78%{opacity:1}82%,100%{opacity:0}}@keyframes s3{0%,81%{opacity:0}86%,100%{opacity:1}}@media(prefers-reduced-motion:reduce){.stage1,.andso,.stage2{display:none}.stage3{opacity:1;animation:none}}