.video-loader{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;font-family:sans-serif;transition:opacity 1s;pointer-events:none}.spinner{border:2px dotted rgba(255,255,255,.2);border-top:5px solid white;border-radius:50%;width:100px;height:100px;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.intro{width:100%;height:100%;overflow:hidden}.intro video{width:100%;height:100%;position:absolute;object-fit:cover;overflow:hidden}.intro-content{position:absolute;bottom:0;overflow:hidden;width:100%;background:linear-gradient(0deg,#000,#000000fd,#000000f5,#000000ea,#000000da,#000000c6,#000000b0,#00000098,#00000080,#00000067,#0000004f,#00000039,#00000025,#00000015,#0000000a,#00000002,#0000);padding:18vh clamp(0px,6vw,50px) 2em clamp(0px,6vw,50px)}.intro-content p{max-width:25em;line-height:1.4;font-size:clamp(1.375rem,.75rem + 2vw,2.25rem);font-weight:300}.typed-container{max-width:25em;font-size:clamp(1.375rem,.75rem + 2vw,2.25rem);margin-bottom:2em;line-height:1.4}.intro-buttons{margin-top:2em;display:flex;justify-content:space-between}#view-projects-button{background:0;border:1px solid var(--outline-color);color:#fff;text-transform:uppercase;letter-spacing:1px;border-radius:.5em;font-size:.813em;font-family:IBM Plex Mono,monospace;padding:.5em 1em;margin-right:1em;transition:border .3s}#view-projects-button:hover{border-color:#fff}#audio-button div:nth-child(1) span{display:inline-block;width:2px;margin:0 2px;background:#ffffff4d}#audio-button{background:#fff0;border:1px dashed rgba(255,255,255,0);border-radius:3em;display:flex;justify-content:center;align-items:center;flex-direction:row;padding:.5em 1.5em;cursor:pointer;transition:.3s;position:relative}#audio-button:hover div span{background:#fff}#audio-button div:nth-child(1),#audio-button div:nth-child(2){display:flex;justify-content:center;align-items:center;flex-direction:row;height:30px}#audio-button div:nth-child(2){position:absolute;opacity:0;transition:opacity .3s ease}#audio-button.on div:nth-child(2){opacity:1}#audio-button div:nth-child(1) span{display:inline-block;width:2px;margin:0 3px;background:#ffffff4d;transition:background .3s}#audio-button:hover div:nth-child(1) span{background:#fff}#audio-button div:nth-child(1) span:nth-child(1),#audio-button div:nth-child(1) span:nth-child(5){height:4px}#audio-button div:nth-child(1) span:nth-child(2),#audio-button div:nth-child(1) span:nth-child(4){height:8px}#audio-button div:nth-child(1) span:nth-child(3){height:20px}#audio-button.on div:nth-child(2) span{background:#fff;display:inline-block;width:2px;margin:0 3px;vertical-align:middle}#audio-button.on div:nth-child(1) span{opacity:0}.timeline-container{position:relative;width:100%;margin-inline:clamp(0px,50px);height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;margin-top:1.5em;display:none}.timeline-1{position:relative;width:100%;height:1px;border-radius:3px;overflow:hidden}.timeline{position:relative;width:100%;height:2px;background:repeating-linear-gradient(to right,rgba(255,255,255,.15) 0px,rgba(255,255,255,.15) 1px,transparent 1px,transparent 30px);border-radius:3px;overflow:hidden}.timeline-progress{position:absolute;top:0;left:0;height:100%;width:0%;background:repeating-linear-gradient(to right,rgba(255,255,255,.25) 0px,rgba(255,255,255,.25) 2px,transparent 2px,transparent 30px);transition:width .1s linear}.timeline-progress-line-style{position:absolute;top:0;left:0;height:100%;width:0%;background:#fff;transition:width .1s linear}.timeline-progress-gradient-line-style{position:absolute;left:0;height:100%;height:1px;width:0%;transition:width .1s linear;background:linear-gradient(to right,#fff0,#fff)}.splash-actions{margin-right:3.5em;padding-bottom:.9em;display:none}.splash-actions a{border:1px dotted rgba(255,255,255,.2);padding:.75em 1em;border-radius:.5em;font-size:.875em;margin-right:.5em;color:#ffffffb3}#typed{font-size:clamp(.813rem,.501rem + .9984vw,1.125rem);font-family:IBM Plex Mono,monospace}#typed span{margin-left:.5em}#main{padding-top:3em;margin-top:3em}h2{font-weight:400;text-transform:uppercase;font-size:.875em;letter-spacing:2px;margin-bottom:3em;animation:fade-up .5s}.gradient-strip{height:300px;width:100%;position:absolute;background:linear-gradient(0deg,#0000,#00000001,#00000004,#00000009,#00000010,#00000019,#00000024,#00000031,#00000040,#00000051,#00000064,#00000079,#0000008f,#000000a8,#000000c3,#000000e0,#000)}