body,html{font-family:Roboto,Helvetica,Arial,sans-serif;margin:0}*{box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0);-moz-tap-highlight-color:rgba(0,0,0,0)}#root{overflow:hidden;height:100vh;width:100vw;min-height:640px;font-size:14px}.intro--container{position:relative;width:100%;height:100%;display:grid;grid-template-rows:repeat(12,1fr);grid-gap:40px;min-height:640px;padding:0 20vw}h1{font-family:Roboto,Helvetica,Arial,sans-serif;font-weight:200;font-size:3.5rem}.intro--container{z-index:2;transition:opacity 1s ease-in;opacity:0}.intro--container_loading .intro--play{background-color:#fff6}.intro--container_loaded,.intro--container_init,.intro--container_loading{opacity:1}.intro--container_loaded .intro--play{background-color:#fff9}.intro--container_loaded .intro--play-button{opacity:.5}.intro--container_starting{opacity:0}.intro--logo_fg{position:absolute;will-change:width}.intro--title{font-size:16px;font-weight:100;color:#999;margin:0}.intro--text{font-size:14px;line-height:40px;color:#666;text-align:center;letter-spacing:.08em}.intro--play{cursor:pointer;display:flex;justify-content:center}.intro--play:hover .intro--play-button{opacity:1}.intro--play-button{transition:opacity .5s ease-out;will-change:opacity;opacity:0;align-self:center;text-align:center}.intro--play svg{display:inline-block}.started .intro--play{pointer-events:none;opacity:0}.scene-container{opacity:0;transition:opacity 4s ease-out;will-change:opacity;position:absolute;top:0;left:0;width:100%;height:100%}.scene-container_playing{opacity:1}.scene-container_ending{opacity:0}.intro--progress{font-size:22px;color:beige}