@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@300;400;500&display=swap";#nprogress{pointer-events:none}#nprogress .bar{background:linear-gradient(90deg,var(--c1),var(--c2));position:fixed;z-index:1031;top:50%;left:0;width:100%;height:2px}#nprogress .peg{display:block;position:absolute;right:0;width:100px;height:100%;opacity:1;-webkit-transform:rotate(3deg) translate(0px,-4px);-ms-transform:rotate(3deg) translate(0px,-4px);transform:rotate(3deg) translateY(-4px)}#nprogress .spinner{display:block;position:fixed;z-index:1031;top:15px;right:15px}#nprogress .spinner-icon{width:18px;height:18px;box-sizing:border-box;border:solid 2px transparent;border-top-color:#29d;border-left-color:#29d;border-radius:50%;-webkit-animation:nprogress-spinner .4s linear infinite;animation:nprogress-spinner .4s linear infinite}.nprogress-custom-parent{overflow:hidden;position:relative}.nprogress-custom-parent #nprogress .spinner,.nprogress-custom-parent #nprogress .bar{position:absolute}@-webkit-keyframes nprogress-spinner{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@keyframes nprogress-spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}main.loading{color:#fff;position:absolute;left:0;top:0;width:100%;height:100vh;display:flex;align-items:center;justify-content:center}:root{--c1: #510ef3;--c2: #864cde;--font: "Space Grotesk", sans-serif;--max-width: 1500px;--text: #727272}body{margin:0;background:black;font-family:var(--font);color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body::-webkit-scrollbar{width:6px}body::-webkit-scrollbar-track{background:none}body::-webkit-scrollbar-thumb{background:var(--c2)}body::-webkit-scrollbar-thumb:hover{background:var(--c1)}html,body,#root{width:100%;margin:0;padding:0}*{box-sizing:border-box}body{overflow-x:hidden}html.lenis{height:auto}.lenis.lenis-smooth{scroll-behavior:auto}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-scrolling iframe{pointer-events:none}section.hero{top:0;left:0;width:100%;height:100vh;display:flex;align-items:center;justify-content:center;position:relative}@media all and (max-width: 999px){section.hero{overflow:hidden}}section.hero:before{position:absolute;z-index:10;width:100%;height:40%;left:0;bottom:0;background:linear-gradient(0deg,rgb(0,0,0) 0%,rgba(0,0,0,0) 100%);content:""}section.hero .inner-view{display:flex;align-items:center;position:absolute;justify-content:center;left:0;top:0;bottom:0;right:0;z-index:100;width:100%;mix-blend-mode:plus-lighter}@media all and (max-width: 999px){section.hero .inner-view{flex-direction:column}}section.hero .inner-view .name{position:relative}section.hero .inner-view .name .line1{position:absolute;max-width:400px;height:4px;background:white;left:0%;top:55%;transform-origin:0 0;transform:rotate(-45deg);background:linear-gradient(90deg,var(--c1),white);mix-blend-mode:multiply;z-index:2}@media all and (max-width: 999px){section.hero .inner-view .name .line1{max-width:200px}}section.hero .inner-view .name .line2{position:absolute;max-width:400px;height:4px;background:white;right:5%;bottom:45%;transform-origin:100% 100%;transform:rotate(-45deg);background:linear-gradient(270deg,var(--c1),white);mix-blend-mode:multiply;z-index:2}@media all and (max-width: 999px){section.hero .inner-view .name .line2{max-width:200px;right:0}}section.hero .inner-view h1{font-size:10vw;color:#fff;font-weight:500;padding:2rem 0;margin:0;margin-right:2rem;opacity:1;mix-blend-mode:soft-light;line-height:1.1;display:flex;flex-direction:column}@media all and (max-width: 999px){section.hero .inner-view h1{font-size:30vw;margin-right:0}}section.hero .inner-view h1 .whitespace{outline:1px solid red;display:none}section.hero .inner-view h1 .word:nth-child(1){position:relative;margin-bottom:-2vw}section.hero .inner-view h1 .char{color:#5721b0}section.hero .inner-view h3{font-weight:100;color:#fff;font-size:2.5vw;margin:0;margin-left:4rem}@media all and (max-width: 999px){section.hero .inner-view h3{margin-left:0;width:100%;font-size:8vw;margin-left:15vw}}section.about{left:0;width:100%;height:100vh;display:flex;align-items:center;justify-content:center;view-timeline-name:--section;position:relative}section.about .inner-view{display:flex;align-items:center;color:#fff;justify-content:center;position:absolute;left:0;top:0;bottom:0;right:0;z-index:2;mix-blend-mode:plus-lighter}section.about .inner-view h3{font-weight:400;color:#fff;margin:0;line-height:1.1;max-width:var(--max-width);animation:fill both linear;animation-timeline:--section;animation-range:cover;align-items:center;font-size:6vw;text-wrap:pretty}section.about .inner-view h3 .word{background:-webkit-linear-gradient(var(--c1),white);-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media all and (min-width: 1800px){section.about .inner-view h3{font-size:7rem}}@media all and (max-width: 1600px){section.about .inner-view h3{padding:10vw}}@media all and (max-width: 999px){section.about .inner-view h3{font-size:9vw;padding:6vw}}@media all and (max-width: 699px){section.about .inner-view h3{font-size:10vw}}main{position:relative;width:100%}.line--1{width:0;height:3px;background:white;position:absolute;top:40vh;z-index:100;left:100vw;transform:rotate(135deg);transform-origin:0% 100%;background:var(--c2);mix-blend-mode:hard-light;margin-left:-10px}@media all and (max-width: 999px){.line--1{top:99vh;left:101vw}}.line4{width:0;max-width:100vw;height:2px;background:white;position:absolute;top:200vh;z-index:100;left:0;transform:rotate(315deg);transform-origin:0% 100%;background:-webkit-linear-gradient(var(--c1),white);mix-blend-mode:difference}.line5{width:0vw;height:2px;background:white;position:absolute;top:240vh;z-index:100;left:100vw;transform:rotate(135deg);transform-origin:0% 100%;background:-webkit-linear-gradient(var(--c1),white);mix-blend-mode:difference;margin-left:-10px}section.skills{width:100%;display:flex;align-items:center;justify-content:center;height:100vh;position:relative}section.skills .line{width:0vw;height:3px;background:white;position:absolute;top:0;z-index:100;left:100vw;transform:rotate(135deg);transform-origin:0% 100%;background:var(--c2);mix-blend-mode:hard-light;margin-left:-10px}section.skills .content{max-width:var(--max-width);margin:0 auto;width:100%;padding:0 20px;transition:all .3s ease-in}section.skills .content .list{width:100%;display:flex;flex-wrap:wrap;gap:2vw}@media all and (max-width: 999px){section.skills .content .list{gap:5vw}}section.skills .content .list span{font-size:clamp(3vw,4vw,70px);font-weight:300;position:relative;padding:1vw 1.5vw}@media all and (max-width: 999px){section.skills .content .list span{font-size:8vw;padding:2vw}}section.skills .content .list span:before{background:linear-gradient(black,black) padding-box,linear-gradient(to right,darkblue,darkorchid) border-box;border-radius:10px;position:absolute;left:0;top:0;bottom:0;right:0;content:"";border:2px solid transparent;z-index:-1;transition:all .3s ease-in}section.skills .content .list span:hover{cursor:default}section.skills .content .list span:hover:before{border-radius:10px;opacity:1;transform:scale(1.02);background:linear-gradient(to right,darkblue,darkorchid);border:0}section.projects{width:100%;height:100vh;background:linear-gradient(234.22deg,#2a082d 6.32%,#0d012c 98.1%)}@media all and (max-width: 999px){section.projects{overflow:hidden;height:100vh}}section.projects .content{max-width:1500px;padding-top:2rem;padding-bottom:3rem;margin:0 auto;height:100%;display:flex;flex-direction:column}@media all and (max-width: 999px){section.projects .content{height:100%}}section.projects h3{font-size:2.5vw;font-weight:400;font-weight:300;margin-top:2rem;background:linear-gradient(91.02deg,#5000ff 11.19%,#8055bf 62.12%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent;letter-spacing:-.2rem}@media all and (max-width: 999px){section.projects h3{letter-spacing:0;font-size:12vw;margin-left:5vw}}section.projects .project-list{width:100%;flex:1;display:flex;overflow:visible}section.projects .project-list .inset{height:100%;gap:2rem;white-space:nowrap;display:flex;will-change:"transform"}@media all and (max-width: 999px){section.projects .project-list .inset{margin-left:20px}}section.projects .project-list .inset .item{width:40vw;height:100%;background:black;position:relative}@media all and (max-width: 999px){section.projects .project-list .inset .item{width:80vw;aspect-ratio:1/1.5}}section.projects .project-list .inset .item:hover .info{opacity:0}section.projects .project-list .inset .item:hover .image img{opacity:1}section.projects .project-list .inset .item .info{position:absolute;left:0;top:0;bottom:0;right:0;padding:3rem;align-items:flex-end;display:flex;background:linear-gradient(0deg,rgb(0,0,0) 0%,rgba(0,0,0,0) 100%);z-index:2;transition:all .3s ease-in}@media all and (max-width: 999px){section.projects .project-list .inset .item .info{padding:1rem}}section.projects .project-list .inset .item .info .info-inset{width:100%;max-width:400px}section.projects .project-list .inset .item .info .project-data{display:flex;justify-content:space-between;width:100%;align-items:center;margin-bottom:1rem}@media all and (max-width: 999px){section.projects .project-list .inset .item .info .project-data{flex-direction:column;align-items:flex-start}}section.projects .project-list .inset .item .info .project-data:after{content:"";height:1px;flex:1;background:white;opacity:.2;order:2;margin:0 1rem}section.projects .project-list .inset .item .info .project-data h4{margin:0;background:-webkit-linear-gradient(180deg,var(--c1),var(--c2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:2rem;font-weight:500;order:1}section.projects .project-list .inset .item .info .project-data .year{color:var(--text);font-size:1.4rem;order:3}section.projects .project-list .inset .item .roles{display:flex;gap:1rem}@media all and (max-width: 999px){section.projects .project-list .inset .item .roles{flex-wrap:wrap;gap:10px;margin-bottom:20px}}section.projects .project-list .inset .item .roles span{color:var(--text)}section.projects .project-list .inset .item .image{width:100%;height:100%;position:absolute}section.projects .project-list .inset .item .image img{width:100%;height:100%;object-fit:cover;opacity:.4;display:block;transition:all .3s ease-in}section.contact{height:90vh;width:100%;display:block}@media all and (max-width: 999px){section.contact{height:auto;overflow:hidden}}section.contact .content{height:100%;display:grid;grid-template-columns:repeat(2,1fr);max-width:var(--max-width);margin:0 auto;align-items:center;gap:2vw;position:relative}@media all and (max-width: 999px){section.contact .content{display:flex;flex-direction:column;padding:10vw;align-items:center;justify-content:center}}section.contact .content .line-contact{position:absolute;background:linear-gradient(90deg,var(--c1),var(--c2));width:0%;height:2px;transform:rotate(295deg);left:50%;bottom:0;transform-origin:0 100%;margin-left:-20%}@media all and (max-width: 999px){section.contact .content .line-contact{margin-left:0;bottom:0}}section.contact .content .left{display:flex;flex-direction:column}section.contact .content .left h3{font-size:5vw;font-weight:100;margin:0;line-height:1;margin-bottom:2rem}@media all and (max-width: 999px){section.contact .content .left h3{font-size:15vw}}section.contact .content .left h4{font-weight:100;font-size:2vw;color:#888;margin:0}@media all and (max-width: 999px){section.contact .content .left h4{font-size:10vw}}section.contact .content .right{display:flex;flex-direction:column;padding-left:20%}@media all and (max-width: 999px){section.contact .content .right{padding-left:0;width:100%;margin-top:10px}}section.contact .content .right a{font-size:3vw;text-decoration:none;margin:1rem 0;font-weight:100;color:#666}@media all and (max-width: 999px){section.contact .content .right a{font-size:8vw;margin:10px 0}}section.contact .content .right a:hover{color:#fff}.loading{color:#fff}section.contact{position:fixed;bottom:0;left:0}section.contact .right{transform:translate3d(0,-20%,0);opacity:0}section.contact h3{opacity:0;transform:translate3d(0,20%,0)}section.contact h4{opacity:0;transform:translate3d(0,30%,0)}@media all and (max-width: 999px){section.contact{height:90vh}}.main-pin{background:black;margin-bottom:90vh;z-index:100;position:relative}