html,body{margin:0;height:100%;background:#000;overflow-x:hidden;font-family:Google Sans Flex,sans-serif;font-optical-sizing:auto;font-style:normal;font-weight:200;font-variation-settings:"slnt" 0,"wdth" 100,"GRAD" 0,"ROND" 0}h1{font-size:8vw;font-weight:300;text-shadow:0px 0px 10px rgba(0,0,0,.05)}h2{font-size:3vw;font-weight:300;text-shadow:0px 0px 10px rgba(0,0,0,.05)}section{height:100vh}#smooth-wrapper{height:100%;overflow:hidden;position:relative;z-index:2}#smooth-content{min-height:350vh}canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;display:block;background:#111;z-index:1}.intro,.end,.blank{position:relative;height:100vh;width:100%;z-index:2;display:flex;color:#fff}.intro{align-items:center;justify-content:center}.end{align-items:end;justify-content:start}.end .inner-content{padding:10vw;max-width:38vw;width:100%}#loader{position:fixed;inset:0;background:#a1a0a5;color:#fff;display:flex;align-items:center;justify-content:center;z-index:9999;flex-direction:column;font-family:sans-serif;transition:opacity .6s ease,visibility .6s ease}#loader.hidden{opacity:0;visibility:hidden}.progress-bar{width:300px;height:6px;background:#a1a0a5;border:1px solid #fff;border-radius:3px;overflow:hidden;margin-bottom:10px}.progress-fill{width:0%;height:100%;background:#fff;transition:width .2s ease}.progress-text{font-size:14px;text-align:center}