*,*:before,*:after{box-sizing:border-box}*,html,body{margin:0;padding:0;border:0}html,body{height:100%}body{line-height:1.25;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}img,picture,video,canvas,svg{display:block}input,button,textarea,select{font:inherit;color:inherit}button{background:none;cursor:pointer}a{text-decoration:none;color:inherit}ul,ol{list-style:none}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;margin-bottom:1rem}table{width:100%;border-collapse:collapse}th,td{padding:.5rem;text-align:left}#root,#__next{isolation:isolate}@media(prefers-reduced-motion:reduce){*{animation:none;transition:none;scroll-behavior:auto}}@font-face{font-family:Author;src:url(../fonts/Author-Variable.woff2) format("woff2"),url(../fonts/Author-Variable.woff) format("woff"),url(../fonts/Author-Variable.ttf) format("truetype");font-weight:200 700;font-display:swap;font-style:normal}@font-face{font-family:Author-Italic;src:url(../fonts/Author-VariableItalic.woff2) format("woff2"),url(../fonts/Author-VariableItalic.woff) format("woff"),url(../fonts/Author-VariableItalic.ttf) format("truetype");font-weight:200 700;font-display:swap;font-style:italic}:root{--main-bg-color: #fff;--main-color: #000000}.canvas{opacity:0}.canvas,.canvas-post-process{position:fixed;width:100vw;height:105vh;left:0;top:0vh}html{font-size:1vw}body{font-family:Author,sans-serif;color:var(--main-color);background-color:var(--main-bg-color);-ms-overflow-style:none;scrollbar-width:none;font-size:1vw}::-webkit-scrollbar{display:none}h1,h2,h3,h4{font-weight:400;line-height:1}section{position:relative;display:flex;flex-direction:row;justify-content:center}nav,footer{position:absolute;display:flex;flex-direction:row;justify-content:space-between;align-items:center;font-size:clamp(16px,1.5vw,40px);width:100%;padding:1vw 3.75vw 1vw 4.25vw}footer{bottom:0}nav .logo,nav a{font-weight:400}.scroll-area{overflow:hidden;position:fixed;height:100vh;width:100vw}.container{position:absolute;height:auto;width:100%}.line-wrapper,.line{position:relative;width:100%;overflow:hidden;will-change:transform}.word-wrapper,.word{position:relative;overflow:hidden;will-change:transform}.hero-section{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center}.hero-section{display:flex;flex-direction:column;justify-content:center;gap:.5vw;align-items:center;min-height:100dvh;opacity:0}.hero-image-wrapper{position:absolute;width:20vw;height:20vw;opacity:1;filter:brightness(1.1) contrast(1.1);will-change:transform;overflow:hidden}.hero-image-wrapper img{width:100%;height:100%;object-fit:cover}.hero-section .word{z-index:-1;display:flex;letter-spacing:-.25vw;overflow:hidden}.hero-section .word .char{display:inline-block;will-change:transform}.hero-section .word .char-wrapper{position:relative;overflow:hidden;will-change:transform}.hero-section .word:nth-child(1){line-height:.65}.hero-section .word:nth-child(1) .char{font-weight:200;font-size:calc(16px + 20vw)}.hero-section .word:nth-child(2){line-height:.75}.hero-section .word:nth-child(2) .char{font-weight:400;font-size:calc(16px + 17.9vw)}.hero-section .word:nth-child(3){line-height:.65}.hero-section .word:nth-child(3) .char{font-weight:700;font-size:calc(16px + 17.8vw)}a{font-weight:300;line-height:1.5;text-transform:uppercase;position:relative;display:flex;flex-direction:row;align-items:center;gap:1vw;width:fit-content;overflow:hidden;padding-right:.1vw;z-index:100;cursor:pointer}a .line{position:absolute;left:0;bottom:2px;width:100%;height:.25px;background-color:var(--main-color);transform:translate3d(-101%,0,0);transition:.5s transform cubic-bezier(.075,.82,.165,1);content:""}a:hover .line{transform:translateZ(0)}@media only screen and (max-width:786px){.hero-section img{width:35vw;height:35vw}.project-left{display:none}.project-center{flex-basis:40%}.project-right{flex-basis:60%}}@media only screen and (max-width:580px){canvas{opacity:0}.hero-section img,.project img{opacity:1}.show-mobile{display:inherit}.hide-mobile{display:none}.hero-section .word:nth-child(1) .char{font-weight:200;font-size:21.25vw}.hero-section .word:nth-child(2){line-height:.75}.hero-section .word:nth-child(2) .char{font-weight:400;font-size:19.25vw}.hero-section .word:nth-child(3){line-height:.65}.hero-section .word:nth-child(3) .char{font-weight:700;font-size:19vw}.project,.project.inverse{flex-direction:column;gap:5vw}.project-right,.project.inverse .project-right{text-align:left}.about-section{align-items:center}.skills-section-content{flex-direction:column;gap:10vw;width:fit-content}.skill-cell:nth-child(1),.skill-cell:nth-child(2),.skill-cell:nth-child(3){transform:none}.skill-cell:nth-child(2){transform:translate3d(40%,0,0)}.skill-cell:nth-child(1),.skill-cell:nth-child(3){transform:translate3d(-40%,0,0)}}.inverse a{justify-content:flex-end}.loader{z-index:100;position:fixed;width:100vw;height:100vh;top:0;left:0}.loader.complete{display:none}.loader .loader-text-wrapper{position:absolute;top:.5vw;right:50%;transform:translate(50%);color:#979797;font-size:calc(16px + 1.5vw);font-weight:300}.extralight{font-weight:200}.light{font-weight:300}.regular{font-weight:400}.medium{font-weight:500}.semibold{font-weight:600}.bold{font-weight:700}.extra-bold{font-weight:800}.black{font-weight:900}.italic{font-style:italic}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}