:root{--green-deep: #1d2316;--page-width: 430px}*{box-sizing:border-box}html,body{margin:0;padding:0;background:#0f0d09;-webkit-font-smoothing:antialiased}img{display:block}.stage{min-height:100vh;width:100%;background:#0f0d09;display:flex;justify-content:center}.page{width:100%;max-width:var(--page-width);margin:0 auto;background:var(--green-deep);position:relative}.page picture{display:block;font-size:0;margin-bottom:-4px}.page picture:last-child{margin-bottom:0}.screen{width:100%;height:auto;display:block}.page .screen:last-child{margin-bottom:0}.intro picture{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.intro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#0f0d09;display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden}.intro:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;opacity:0;pointer-events:none;transition:opacity .7s ease;z-index:2}.intro--leaving:after{opacity:1}.intro__img{width:auto;height:100dvh;max-width:100vw;max-width:100dvw;object-fit:contain;position:relative;z-index:1}@media(max-width:500px){.intro__img{width:100vw;height:auto;max-height:100dvh}}.page--hidden{opacity:0;pointer-events:none;position:absolute}.page--visible{opacity:1;animation:pageReveal .9s ease both}@keyframes pageReveal{0%{opacity:0;background:#fff}to{opacity:1}}@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}