*,*: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: #fdfaf3;--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{position:relative;display:flex;flex-direction:row;justify-content:space-between;align-items:center;font-size:clamp(16px,1.5vw,40px);width:100%;padding:1vw 5vw}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,.about-section,.projects-section,.skills-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:92.5vh}.hero-section img{aspect-ratio:1;position:absolute;width:20vw;height:20vw;opacity:0;will-change:transform}.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 + 15vw)}.hero-section .word:nth-child(2){line-height:.75}.hero-section .word:nth-child(2) .char{font-weight:400;font-size:calc(16px + 13.5vw)}.hero-section .word:nth-child(3){line-height:.65}.hero-section .word:nth-child(3) .char{font-weight:700;font-size:calc(16px + 13.25vw)}.marquee-container{display:flex;flex-direction:row;flex-grow:1}.x{flex-direction:row;width:100%}.about-section{font-size:clamp(18px,3.25vw,64px);display:flex;flex-direction:column;align-items:end;padding:12vw 8vw}.about-section-content-d,.about-section-content-m{display:flex;flex-direction:column;gap:1.5vw;line-height:1.1;font-weight:300;color:#515151}.about-section-content-d .line-wrapper-group:nth-child(1),.about-section-content-m .line-wrapper-group:nth-child(1){color:#000;font-weight:400}.projects-section-title,.skills-section-title{font-size:15vw;display:flex;gap:10vw;padding-block:2.5vw;transform:var(--xTransform);will-change:transform;transition-timing-function:ease-out}.projects-section-title div:nth-child(2n),.skills-section-title div:nth-child(2n){font-weight:200}.project{position:relative;display:flex;justify-content:start;flex-direction:row;padding:6vw 5vw;width:100%;gap:2.5vw;font-size:clamp(18px,2vw,40px);line-height:1.1;font-weight:300;color:#000}.project img{opacity:0}.project.inverse{flex-direction:row-reverse}.project-left{display:flex;flex-direction:column;position:relative;flex-basis:20%;justify-content:end}.project-left .line{text-align:right}.project.inverse .project-left .line{text-align:left}.project-center{position:relative;display:flex;flex-direction:column;justify-content:space-between;flex-basis:40%;height:auto}.project-center .project-button{font-size:clamp(16px,1.25vw,32px);font-weight:400;position:absolute;color:var(--main-color);background-color:var(--main-bg-color);padding:clamp(4px,1vw,8px) clamp(8px,1.25vw,12px);border-radius:clamp(24px,1.25vw,32px);top:calc(50% - clamp(16px,1.25vw,32px))}.project-center img{width:100%;height:auto}.project-right{display:flex;height:auto;flex-direction:column;justify-content:space-between;position:relative;flex-basis:40%}.project-right{text-align:left}.project.inverse .project-right{text-align:right}.project-right .project-right-title{font-size:clamp(32px,3.75vw,120px);line-height:.9;font-weight:300}.skills-section-content{position:relative;display:flex;flex-direction:row;justify-content:center;padding:6vw 5vw 16vw;width:100%;gap:10vw;font-size:clamp(20px,2vw,32px);font-weight:300}.skill-cell{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:3vw}.skill-cell:nth-child(1){transform:translateZ(0)}.skill-cell:nth-child(2){transform:translate3d(0,25%,0)}.skill-cell:nth-child(3){transform:translateZ(0)}.skill-cell-title{font-size:clamp(24px,3vw,48px);font-weight:400;line-height:1}.skill-cell-text{font-weight:300}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)}a img{transition:.75s transform cubic-bezier(.075,.82,.165,1)}footer{z-index:100;width:100vw;padding:8vw 0vw 0vw;color:#fdfaf3;display:flex;flex-direction:row;justify-items:center;align-items:center;font-size:clamp(20px,2vw,32px);background:radial-gradient(circle,#151515,#010101);align-items:end}footer .footer-content{width:100%;height:fit-content;font-size:clamp(16px,1.5vw,28px);font-weight:300;line-height:1.1;display:flex;flex-direction:column;gap:5vw}footer .footer-top{padding:0vw 6vw;width:100%;display:flex;flex-direction:row;justify-content:space-between}footer .footer-top-cell:nth-child(1){display:flex;flex-direction:column;gap:.25vw;flex:1}footer .footer-top-cell:nth-child(2){display:flex;flex-direction:column;justify-content:space-between;gap:1vw;flex:1}footer .footer-top-cell:nth-child(3){display:flex;flex-direction:column;justify-content:end;align-items:end;flex:.5}footer .footer-bottom{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1vw;font-size:32vw;font-weight:300;line-height:.75;letter-spacing:-1vw}footer a .line{background-color:#fdfaf3}a.back-to-top{padding-left:1.5vw;line-height:2}a.back-to-top img{width:.8vw;height:auto;position:absolute;left:0}a.back-to-top img:nth-child(1){transform:translateZ(0) rotate(-45deg)}a.back-to-top img:nth-child(2){transform:translate3d(0,350%,0) rotate(-45deg)}a.back-to-top:hover img:nth-child(1){transform:translate3d(0,-350%,0) rotate(-45deg)}a.back-to-top:hover img:nth-child(2){transform:translateZ(0) rotate(-45deg)}a.send-mail{line-height:2}a.send-mail .line:nth-child(1){transform:translateZ(0);opacity:.65}.show-mobile{display:none}.hide-mobile{display:inherit}@media only screen and (min-width: 786px) and (max-width: 1080px){.project-left{flex-basis:10%}.project-center{flex-basis:40%}.project-right{flex-basis:50%}}@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%}footer .footer-top-cell:nth-child(3){display:none}}@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)}}@media only screen and (max-width: 320px){footer .footer-top{flex-direction:column;gap:10vw}.skill-cell:nth-child(1),.skill-cell:nth-child(2),.skill-cell:nth-child(3){transform:none}footer .footer-top-cell:nth-child(2){text-align:center;align-items:center}footer .footer-top-cell:nth-child(1){justify-content:space-around;display:flex;flex-direction:row;gap:2vw;flex:1}}.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}