*{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:340px;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(26px,3vw,48px);line-height:1.22;letter-spacing:.02em}
.stage1{animation:s1 15s linear forwards}.andso{animation:sA 15s linear forwards;font-size:clamp(22px,2.4vw,38px);font-style:italic}.stage2{animation:s2 15s linear forwards;font-size:clamp(24px,2.7vw,43px)}.stage3{animation:s3 15s 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:14px;letter-spacing:.18em}
.skip{position:absolute;right:5vw;bottom:5vh;color:#555;text-decoration:none;font-size:12px;letter-spacing:.14em;text-transform:uppercase}
@keyframes s1{0%,4%{opacity:0}8%,23%{opacity:1}28%,100%{opacity:0}}@keyframes sA{0%,27%{opacity:0}31%,37%{opacity:1}41%,100%{opacity:0}}@keyframes s2{0%,40%{opacity:0}44%,76%{opacity:1}80%,100%{opacity:0}}@keyframes s3{0%,79%{opacity:0}84%,100%{opacity:1}}
@media(prefers-reduced-motion:reduce){.stage1,.andso,.stage2{display:none}.stage3{opacity:1;animation:none}}