:root{font-size:20px}*{margin:0;padding:0;box-sizing:border-box;font-family:Heebo}.loader{display:flex;justify-content:center;align-items:center;height:100vh}.loader .center{position:relative}.loader img{height:10rem}.loader .percentage{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:1.3rem;font-weight:700;color:#350868}h1,h2{font-family:Heebo}#selkie-animation{position:fixed;top:0;left:50%;transform:translate(-50%);height:100vh;aspect-ratio:1 / 1;opacity:0}#selkie-animation.loaded{opacity:1;transform:translate(-50%);transition:opacity .7s}#selkie-animation.ended{position:absolute;top:unset;bottom:0}section{height:100vh;color:#000}.hero{display:flex;justify-content:center;align-items:center;color:#350868;background-color:#fff;overflow:visible}.hero .titles h1{line-height:.9em;font-family:Russo One;text-transform:uppercase;opacity:0;transform:scale(.95)}.hero .titles h1.loaded{transition:.7s;transition-delay:.05s;opacity:1;transform:unset}.subassembly{position:relative}.description{transition:opacity .3s}.description.position-center{max-width:800px;position:absolute;top:4rem;left:50%;transform:translate(-50%)}.description.position-left{max-width:calc(((100vw - 100vh) / 2 - 2rem) + var(--poke-into-animation-amount));position:absolute;top:50%;transform:translateY(-50%);left:2rem}.description.position-right{max-width:calc(((100vw - 100vh) / 2 - 2rem) + var(--poke-into-animation-amount));position:absolute;top:50%;transform:translateY(-50%);right:2rem}.description h2{font-size:2.5rem}.description p .highlight{color:#350868;font-weight:700}.description p{font-weight:400}.hero h1{font-family:Heebo,sans-serif}.robot-journey{overflow:hidden;position:relative}.end{height:100vh;background-color:#fff;display:flex;flex-direction:column}.metrics{display:flex}.metric{background-color:#350868;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;width:100%;padding:3rem 1rem;text-align:center}.end .metric .number{font-size:4rem;font-family:Heebo;font-weight:800}.end .reveal-link{display:grid;place-items:center;background-size:cover;background-position:10%;flex-grow:1}.end .reveal-link a{text-decoration:none;color:#fff;background-color:#00000057;padding:1em;border:1px solid #fff;transition:.3s}.end .reveal-link a:hover{text-decoration:none;color:#000;background-color:#fff;padding:1em;border:1px solid #fff}@media only screen and (max-width: 700px){#selkie-animation{height:unset;width:100vw;top:unset;bottom:0}.description.description.position-left,.description.position-right,.description.position-center{position:unset;max-width:100%;transform:unset;font-size:.7rem;padding:2.5rem 1rem 1rem}.metrics{flex-direction:column}.end .reveal-link a{margin:4rem}}