:root{--bg-color:#161616;--text-color:#fff;--accent-color:#ffffff4d;--font-main:"Syne", sans-serif;--fluid-font-size:clamp(40px, 7.25vw, 100px)}html,body{background-color:var(--bg-color);color:var(--text-color);scroll-behavior:smooth;margin:0;padding:0;overflow-x:hidden}body{scrollbar-width:none;-ms-overflow-style:none}body::-webkit-scrollbar{display:none}.progressbar{z-index:10;background-color:#fff6;inline-size:1px;position:fixed;inset-block-start:0;inset-inline-start:85%}.navigation-list{margin-block:240px 200px;margin-inline-start:100px;list-style:none}.navigation-item{-webkit-user-select:none;user-select:none;display:block}.navigation-link{block-size:260px;color:var(--accent-color);font-family:var(--font-main);font-size:var(--fluid-font-size);align-items:center;font-weight:800;line-height:1;text-decoration:none;transition:color .3s;display:flex}.navigation-item span{align-items:center;block-size:100%;inline-size:100%;line-height:1;display:flex;position:relative}.navigation-item span:before{block-size:100%;color:var(--text-color);content:attr(data-text);white-space:nowrap;align-items:center;inline-size:0;transition:inline-size .3s cubic-bezier(.84,0,.08,.99);display:flex;position:absolute;inset-block-start:0;inset-inline-start:0;overflow:hidden}.navigation-item span:hover:before{inline-size:100%}.project-preview-wrapper{pointer-events:none;justify-content:center;display:flex;position:fixed;inset:0}.project-preview{background-color:#222;block-size:400px;inline-size:0;position:fixed;inset-block-start:12%;inset-inline-start:50%;overflow:hidden;transform:translate(-50%)}.project-preview img{object-fit:cover;object-position:center;background-repeat:no-repeat;background-size:cover;block-size:100%;inline-size:100%;display:block}@media (max-width:1120px){.progressbar{display:none}.navigation-wrapper ul{margin-inline-start:2rem}a{margin-block:60px}}@media (max-width:520px){.project-preview-wrapper{display:none}a{margin-block:30px}}