@font-face{font-family:geoWide-Regular;src:url(../fonts/geoWide-Regular.woff) format("woff"),url(../fonts/geoWide-Regular.woff2) format("woff2"),url(../fonts/geoWide-Regular.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}html,body,*{margin:0;padding:0;overflow-x:hidden;box-sizing:border-box}a,p{display:block;text-decoration:none;color:#121212;font-family:geoWide-Regular,sans-serif;font-size:12px;font-weight:400}.header,.footer{position:fixed;top:0;left:0;width:100vw;height:50px;display:flex;justify-content:space-between;align-items:center;padding:0 20px;z-index:10}.header h1,.footer h1{font-family:geoWide-Regular,sans-serif;font-size:20px;color:#121212;opacity:.7}.footer{top:auto;bottom:0;justify-content:end}.scroll-distortion-section .gradient-bg{position:absolute;bottom:0;width:100vw;height:100svh;z-index:0;transition:background .5s ease-in-out}.scroll-distortion-section .project-container{position:relative;width:100vw;height:100dvh;overflow:hidden;z-index:2}.scroll-distortion-section .project-container .project-title-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:50%;aspect-ratio:16/9}.scroll-distortion-section .project-container .project-title-container #project-link{width:100%;height:100%;display:flex;align-items:end;text-decoration:none;color:#fff}.scroll-distortion-section .project-container .project-title-container #project-link .project-title-mask{position:relative;width:100%;height:40px;clip-path:polygon(0 0,100% 0,100% 100%,0% 100%);overflow:hidden}.scroll-distortion-section .project-container .project-title-container #project-link .project-title-mask #project-title{display:block;position:relative;transform:translateY(0);color:#fff;font-family:geoWide-Regular,sans-serif!important;font-size:40px}