@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: #134bb9;--c2: #f6bc9d;--c2-light: #2c64d4;--font: "Space Grotesk", sans-serif;--max-width: 1500px;--text: #727272;--gradient1: linear-gradient( 180deg, rgb(60, 14, 243) 0%, rgb(255, 255, 255) 50%, rgb(62, 23, 255) 100% );--gradient1-h: linear-gradient( 90deg, rgb(60, 14, 243) 0%, rgb(255, 255, 255) 50%, rgb(62, 23, 255) 100% )}body{margin:0;background:#000;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:hsl(from var(--c1) h s l/.5)}body::-webkit-scrollbar-thumb:hover{background:hsl(from var(--c1) h s l/.8)}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}.line-div{position:absolute;z-index:10;width:100%;height:1px;bottom:0;background:var(--gradient1-h);opacity:.3;z-index:10000}.line-div.top{top:0;bottom:auto}.line-div:before{content:"";border-top:7px solid rgba(0,0,0,0);border-bottom:7px solid rgba(0,0,0,0);border-right:7px solid rgba(0,0,0,0);border-left:7px solid hsl(from var(--c2-light) h s l/1);width:0;height:0;position:absolute;top:-7px;left:0;left:calc((100vw - var(--max-width)) / 2 - 19px);z-index:10000;opacity:1}.line-div:after{content:"";border-top:7px solid rgba(0,0,0,0);border-bottom:7px solid rgba(0,0,0,0);border-left:7px solid rgba(0,0,0,0);border-right:7px solid hsl(from var(--c2-light) h s l/1);width:0;height:0;position:absolute;top:-7px;right:calc((100vw - var(--max-width)) / 2 - 19px);z-index:10000;opacity:1}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,#000,#0000);content:""}section.hero .inner-view{display:flex;position:absolute;justify-content:center;left:0;top:0;bottom:0;right:0;z-index:100;width:100%;mix-blend-mode:plus-lighter}section.hero .inner-view .inner-view-wrapper{padding:0px 4vw;display:flex;align-items:center;max-width:var(--max-width);width:100%}section.hero .inner-view .inner-view-wrapper .inner-view-content{display:grid;grid-template-columns:repeat(2,1fr);align-items:center;width:100%}@media all and (max-width: 999px){section.hero .inner-view .inner-view-wrapper .inner-view-content{grid-template-columns:repeat(1,1fr)}}@media all and (max-width: 999px){section.hero .inner-view .inner-view-wrapper{flex-direction:column;justify-content:center}}section.hero .inner-view .name{position:relative}section.hero .inner-view .name .line1{position:absolute;max-width:400px;height:4px;background:#fff;left:0%;top:55%;transform-origin:0 0;transform:rotate(-45deg);background:linear-gradient(90deg,var(--c1),rgb(255,169,41));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:#fff;right:5%;bottom:45%;transform-origin:100% 100%;transform:rotate(-45deg);background:linear-gradient(270deg,var(--c1),rgb(255,196,107));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:13rem;color:#fff;font-weight:300;padding:2rem 0;margin:0;margin-right:2rem;opacity:1;mix-blend-mode:soft-light;line-height:1;display:flex;flex-direction:column}@media all and (max-width: 1499px){section.hero .inner-view h1{font-size:14vw;line-height:.9}}@media all and (max-width: 999px){section.hero .inner-view h1{font-size:30vw;margin-right:0;line-height:.85}}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:#204ae0}section.hero .inner-view h3{font-weight:100;background:-webkit-linear-gradient(var(--c1),rgb(255,158,46));-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:2.5vw;margin:0;margin-left:4rem}@media all and (max-width: 1499px){section.hero .inner-view h3{font-size:3.5vw}}@media all and (max-width: 999px){section.hero .inner-view h3{margin-left:0;width:100%;font-size:8vw;margin-top:20px}}section.about{left:0;width:100%;height:100vh;display:flex;align-items:center;justify-content:center;view-timeline-name:--section;position:relative}@media all and (max-width: 999px){section.about{overflow:hidden}}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 .inner-view-wrapper{width:100%;max-width:var(--max-width);padding:0px 4vw;display:flex;align-items:center}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:4vw;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:6rem}}@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:#fff;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:#fff;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:#fff;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:#fff;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:1vw}@media all and (max-width: 999px){section.skills .content .list{gap:5vw}}section.skills .content .list span{font-size:clamp(1.5vw,2.5vw,50px);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(#000,#000) padding-box,linear-gradient(to right,#3e2b13,#211b78) border-box;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{opacity:1;transform:scale(1.02);background:linear-gradient(to right,#070756,#de8444);border:0}section.projects{width:100vw;height:100vh;background:linear-gradient(234.22deg,#0a1732 6.32%,#060e1e 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 .title{position:relative;width:calc(var(--max-width) + 30px);margin-left:-15px;padding-bottom:30px;padding-left:40px;margin-bottom:40px}section.projects .title .line-div{left:0}section.projects .title .line-div:before{left:0}section.projects .title .line-div:after{right:0}section.projects h3{font-size:2.2vw;font-weight:400;font-weight:300;margin:0;background:linear-gradient(91.02deg,var(--c1),white);-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:6vw}}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:#000;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,#000,#0000);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:#fff;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:100vw;display:block}@media all and (max-width: 999px){section.contact{height:auto;overflow:hidden}}section.contact .content{height:100%}section.contact .content .content-inset{display:grid;grid-template-columns:repeat(2,1fr);max-width:var(--max-width);margin:0 auto;align-items:center;gap:2vw;position:relative;padding:0px 3rem;height:100%}@media all and (max-width: 999px){section.contact .content .content-inset{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}}@keyframes gradient-bg{0%{background-size:100% 100%}25%{background-size:100% 200%}50%{background-size:100% 100%}75%{background-size:100% 200%}to{background-size:100% 100%}}.main-wrapper:before{position:fixed;left:calc((100vw - var(--max-width)) / 2 - 20px);top:0;bottom:0;width:1px;background:var(--gradient1);content:"";z-index:1000;opacity:.3;transition:all .3s ease-in;mix-blend-mode:hard-light}.main-wrapper:after{position:fixed;right:calc((100vw - var(--max-width)) / 2 - 20px);top:0;bottom:0;width:1px;background:var(--gradient1);content:"";z-index:1000;opacity:.3;transition:all .3s ease-in;mix-blend-mode:hard-light}.main-pin{background:#000;margin-bottom:90vh;z-index:100;position:relative}