:root{--spring:cubic-bezier(0.22,1,0.36,1)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{width:100%;height:100%;font-family:General Sans,sans-serif}h1,h2,h3,h4,h5,h6{font-family:Gambarino,serif}h1{font-weight:700}#cloud-sky{position:absolute;top:50%;left:50%;width:512px;height:512px;margin-left:-256px;margin-top:-256px;transform-style:preserve-3d}@keyframes card-in{0%{opacity:0;transform:translateY(-50%) scale(.95)}to{opacity:1;transform:translateY(-50%) scale(1)}}@keyframes annotation-in{0%{opacity:0;transform:scale(.92) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes clouds-fade-in{0%{opacity:0}to{opacity:1}}@keyframes zoom-in-up{0%{opacity:0;transform:scale(1.07) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.scroll-reveal{opacity:0;transform:scale(1.07) translateY(20px)}.scroll-reveal.revealed{animation:zoom-in-up .45s var(--spring) both}.scroll-reveal-hero.reveal-exit-up,.scroll-reveal.reveal-exit-up{animation:reveal-exit-up .25s cubic-bezier(.4,0,.8,.2) both}.scroll-reveal-hero.reveal-exit-down,.scroll-reveal.reveal-exit-down{animation:reveal-exit-down .25s cubic-bezier(.4,0,.8,.2) both}.scroll-reveal-hero.revealed{animation:zoom-in-up .45s var(--spring) both}@keyframes reveal-exit-up{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(1.04) translateY(-18px)}}@keyframes reveal-exit-down{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(1.04) translateY(18px)}}.cloud-layer{position:absolute;left:50%;top:50%;width:256px;height:256px;margin-left:-128px;margin-top:-128px;opacity:1}