*{margin:0;padding:0}.d-none{display:none}html,body{margin:0;--color-text: #000;--color-bg: #fff;--color-link: #4b4b4b;--color-link-hover: #000;color:var(--color-text);background-color:var(--color-bg);font-family:ivymode,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#content{display:flex;flex-direction:column;width:100vw;position:relative;align-items:center;height:100vh;justify-content:center}.empty-div{position:absolute;width:100%}#slider{position:fixed;top:0;left:0;width:100%;height:100%}#slider:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;pointer-events:none;z-index:1}.webgl{position:fixed;top:0;left:0;outline:none}.title{position:fixed;top:40%;left:50%;transform:translate(-50%);z-index:10;text-align:center;pointer-events:none;width:100%}.text-group{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;clip-path:inset(100% 0% 0% 0%)}.title h1{font-family:"Lay Grotesk - Trial",sans-serif;font-weight:600;font-size:5rem;color:#fff;text-transform:uppercase;letter-spacing:2px}.subtitle{font-family:Georgia,Times New Roman,Times,serif;font-size:1.5rem;color:#fff;text-transform:lowercase;font-style:italic}#clicker{background:white;width:100px;height:50px;position:absolute;z-index:1;right:0;bottom:0;font-size:20px;font-weight:600;color:var(--color-text);text-align:center;cursor:pointer}.headline{white-space:nowrap}#scroll-indicator{position:fixed;right:10px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:4px;z-index:9999;pointer-events:none}.scroll-bar{width:15px;height:1px;background-color:#fff;opacity:.6;transition:width .3s ease,opacity .3s ease;transform-origin:right;align-self:flex-end}.scroll-bar.active{width:30px;opacity:1}