/* The artboard, the three screens (home / yeeps / monarch) and the buttons on top of them. */
.stage{position:relative;width:100%;height:calc(2574*var(--u));min-height:100vh;overflow:hidden;background:#fff}
.artboard{position:absolute;left:50%;top:0;width:calc(1047*var(--u));height:100%;margin-left:calc(-523.5*var(--u))}
.artboard>*,.stage>*{position:absolute;max-width:none;height:auto}
.hill{left:0;top:calc(1381*var(--u));width:100%;height:calc(1193*var(--u))}
.hill img{display:block;width:100%;height:100%}
.screen{opacity:0;pointer-events:none;transition:opacity .4s}
.stage[data-screen=home] .screen-home,.stage[data-screen=yeeps] .screen-yeeps,.stage[data-screen=monarch] .screen-monarch{opacity:1}
.hit,.go-button,.back-button,.popup-close{background:none;border:0;padding:0;margin:0;cursor:pointer;display:block;border-radius:calc(30*var(--u))}
.hit{display:none}
.stage[data-screen=home] .hit-home,.stage[data-screen=yeeps] .hit-yeeps,.stage[data-screen=monarch] .hit-monarch{display:block}
.go-button,.back-button{display:none}
.stage[data-screen=yeeps] .go-yeeps,
.stage[data-screen=monarch] .go-monarch,
.stage:not([data-screen=home]) .back-button{display:block}
a.go-button{border-radius:99px}
.site-footer{z-index:30} .site-footer a{position:absolute;display:block;border-radius:calc(6*var(--u))}