@charset "UTF-8";*[data-v-4eddf71d],*[data-v-4eddf71d]:before,*[data-v-4eddf71d]:after{box-sizing:border-box;margin:0;padding:0}html[data-v-4eddf71d],body[data-v-4eddf71d]{width:100%;overscroll-behavior:none;overflow-x:hidden;min-height:100%}html[data-v-4eddf71d]{font-size:62.5%;overflow-x:hidden}@media (max-width: 1366px){html[data-v-4eddf71d]{font-size:60%}}@media (max-width: 1110px){html[data-v-4eddf71d]{font-size:50%}}@media (max-width: 350px){html[data-v-4eddf71d]{font-size:35%}}body[data-v-4eddf71d]{background-color:#131313;font-family:Helvetica Neue,sans-serif;transition:all .3s ease;background-image:url(/images/noise1.png)}body[data-v-4eddf71d]::-webkit-scrollbar{display:none}p[data-v-4eddf71d]::selection,h1[data-v-4eddf71d]::selection,h2[data-v-4eddf71d]::selection,h3[data-v-4eddf71d]::selection,a[data-v-4eddf71d]::selection,span[data-v-4eddf71d]::selection{background:green}.light[data-v-4eddf71d]{background-color:#d9d9d9;background-image:url(data:image/png;base64,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)}.light p[data-v-4eddf71d],.light .nav-links a[data-v-4eddf71d],.light .nav-links input[data-v-4eddf71d]{color:#131313}.light .btn[data-v-4eddf71d]{border:1px solid #131313;background-color:#d9d9d9}.light header[data-v-4eddf71d]{border-bottom:1px solid #242424;background-color:#d9d9d9}.light header.fixed[data-v-4eddf71d]{background-color:#d9d9d9}.light .mobile-nav-section[data-v-4eddf71d]{background-color:#d9d9d9}.light .mobile-nav-section .mobile-nav .nav-links .nav-link[data-v-4eddf71d]{border-bottom:1px solid #242424}.light .mobile-nav-section .mobile-nav .footer[data-v-4eddf71d]{border-top:1px solid #242424}.light .hamburger-icon div[data-v-4eddf71d]{background-color:#131313}.light .section-header[data-v-4eddf71d]{border-bottom:1px solid #242424;border-top:1px solid #242424}.light .hero-section h2[data-v-4eddf71d]{color:#707070}.light .hero-section h2 span[data-v-4eddf71d]{color:#131313}.light .about-section .text[data-v-4eddf71d]{z-index:auto}.light .about-section p[data-v-4eddf71d]{filter:invert(.8);color:#131313;mix-blend-mode:difference}.light .about-section .btn[data-v-4eddf71d]{filter:invert(.2);background:none}.light .about-section .image-border[data-v-4eddf71d]{border:1px solid #131313;filter:invert(.5)}.light .about-section .image .disclaimer[data-v-4eddf71d]{filter:invert(.8);color:#000;mix-blend-mode:difference}.light .about-section .image img.light[data-v-4eddf71d]{display:block}.light .about-section .image img.dark[data-v-4eddf71d]{display:none}.light .work-section .project[data-v-4eddf71d]:not(:nth-child(1)){border-top:1px solid #242424}.light .work-section .project:hover .dot[data-v-4eddf71d],.light .work-section .project:hover h3[data-v-4eddf71d]{filter:invert(1)}.light .work-section .project:hover .skills span[data-v-4eddf71d]{filter:invert(.7)}.light .contact-section .socials ul li a[data-v-4eddf71d],.light .contact-section .socials ul li svg[data-v-4eddf71d]{color:#242424;fill:#131313}.light .contact-section .footer .credits p[data-v-4eddf71d]{color:#131313}.light .contact-section .footer .credits p a[data-v-4eddf71d]{color:#242424}.light .contact-section .footer .email-container .email h2[data-v-4eddf71d]{color:#131313}.light .contact-section .footer .email-container .email h2[data-v-4eddf71d]:after{background-color:#242424}.light .skills-section[data-v-4eddf71d]{border-bottom:1px solid #242424}h1[data-v-4eddf71d],h2[data-v-4eddf71d],h3[data-v-4eddf71d]{font-weight:400}h1[data-v-4eddf71d]{font-size:12rem}@media (min-width: 1366px){h1[data-v-4eddf71d]{font-size:10rem}}@media (max-width: 800px){h1[data-v-4eddf71d]{font-size:6rem}}h2[data-v-4eddf71d]{font-size:8rem;color:#242424;line-height:8.8rem}@media (max-width: 700px){h2[data-v-4eddf71d]{font-size:6rem}}h2 span[data-v-4eddf71d]{color:#fff}h3[data-v-4eddf71d]{font-size:6.5rem;color:#242424;line-height:6.8rem}p[data-v-4eddf71d]{all:unset;font-size:1.8rem;line-height:2.5rem;color:#fff}b[data-v-4eddf71d]{font-weight:700}.logo button[data-v-4eddf71d]{all:unset;font-size:1.8rem;line-height:2.5rem;color:#fff;cursor:pointer}.container[data-v-4eddf71d]{max-width:90%;margin:auto}@media (min-width: 1920px){.container[data-v-4eddf71d]{max-width:1920px}}.d-flex[data-v-4eddf71d]{display:flex}.preloader-section .section-header .content[data-v-4eddf71d]{animation:marqueeRight-4eddf71d 5s linear infinite}header[data-v-4eddf71d]{padding:2rem 0;border-bottom:1px solid rgba(255,255,255,.2);transition:all .3s ease;position:fixed;width:100%;background-color:#131313;background-image:url(/images/noise1.png);z-index:3}header .header[data-v-4eddf71d]{display:flex;align-items:center}header .header .controls[data-v-4eddf71d]{flex-grow:1;display:flex;justify-content:end;align-items:center}header .header .controls .nav-links a[data-v-4eddf71d]{margin:0 2rem}header .header .controls .nav-links a[data-v-4eddf71d]:hover{transform:scale(1.5)}header .header .controls .nav-links button[data-v-4eddf71d]{margin:0 2rem}@media (max-width: 800px){header .header .controls .nav-links[data-v-4eddf71d]{display:none}}header .header .controls .nav-links[data-v-4eddf71d],header .header .controls .header-buttons[data-v-4eddf71d]{margin:0 20px}@media (max-width: 800px){header .header .controls .nav-links[data-v-4eddf71d],header .header .controls .header-buttons[data-v-4eddf71d]{display:none}}.nav-links a[data-v-4eddf71d],.nav-links button[data-v-4eddf71d]{all:unset;font-style:light;font-weight:300;font-size:1.4rem;line-height:2rem;align-items:center;color:#fff;cursor:pointer;text-decoration:none}.btn[data-v-4eddf71d]{font-style:normal;font-weight:600;font-size:1.5rem;line-height:2rem;align-items:center;border:none;border-radius:100px;cursor:pointer;margin-right:1rem;position:relative;height:3.5rem;border:1px solid #ffffff;overflow:hidden}.btn span[data-v-4eddf71d]{position:absolute;font-family:Helvetica Neue,sans-serif;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);transition:all .3s ease;color:#131313}.btn[data-v-4eddf71d]:after{display:block;position:absolute;transform:translate(-50%,50%);opacity:0;width:100%;top:50%;left:50%;transition:all .3s ease}.btn:hover span[data-v-4eddf71d]{opacity:0;transform:translate(-50%,-150%);transition-duration:.2s}.btn[data-v-4eddf71d]:hover:after{opacity:1;transform:translate(-50%,-50%)}.btn_download[data-v-4eddf71d]{padding:1rem 10rem}@media (max-width: 500px){.btn_download[data-v-4eddf71d]{margin:0}}.btn_download[data-v-4eddf71d]:after{content:"DOWNLOAD RESUME"}.hero-section[data-v-4eddf71d]{height:100vh;display:flex;align-items:baseline;border-bottom:1px solid rgba(255,255,255,.2)}@media (min-width: 1920px){.hero-section[data-v-4eddf71d]{height:90rem}}@media (max-width: 800px){.hero-section h2[data-v-4eddf71d]{line-height:6.5rem}}.hero-section .container[data-v-4eddf71d]{display:flex;align-items:end;width:100%;padding-top:5rem}@media (max-width: 700px){.hero-section br[data-v-4eddf71d]{display:none}}@media (max-width: 1110px){.hero-section[data-v-4eddf71d]{height:auto;padding:10rem 0rem}}.hero-section .text-content[data-v-4eddf71d]{flex-grow:1}.hero-section .images[data-v-4eddf71d]{margin:0rem;align-items:end;justify-content:start;display:flex}.hero-section .images img[data-v-4eddf71d]{width:25rem;margin:2rem 3rem}@media (max-width: 700px){.hero-section .images img[data-v-4eddf71d]{margin:2rem 0rem}}.hero-section .t1[data-v-4eddf71d]{display:flex}@media (max-width: 700px){.hero-section .t1[data-v-4eddf71d]{flex-direction:column-reverse}}.hero-section .t1 h2[data-v-4eddf71d]{display:inline-block}.scroller[data-v-4eddf71d]{align-self:end;display:flex;justify-content:end;bottom:0;height:auto}@media (max-width: 890px){.scroller[data-v-4eddf71d]{display:none}}.scroller .bg[data-v-4eddf71d]{background-color:#fff;padding:4.5rem;border-radius:50%;bottom:0}@media (max-width: 1110px){.scroller .bg[data-v-4eddf71d]{padding:2rem}}.scroller .circle[data-v-4eddf71d]{position:relative;height:24rem;width:24rem;display:flex;border-radius:50%;justify-content:center;align-items:center}@media (max-width: 1110px){.scroller .circle[data-v-4eddf71d]{height:20rem;width:20rem}}.scroller .circle .roundText[data-v-4eddf71d]{width:100%;height:100%;position:absolute;color:#131313;animation:rotateText-4eddf71d 10s linear infinite}@keyframes rotateText-4eddf71d{0%{transform:rotate(-360deg)}}.scroller .circle .roundText p[data-v-4eddf71d]{color:#131313}.scroller .circle .roundText span[data-v-4eddf71d]{position:absolute;left:50%;transform-origin:0 12rem}@media (max-width: 1110px){.scroller .circle .roundText span[data-v-4eddf71d]{transform-origin:0 10rem}}.section-header[data-v-4eddf71d]{padding:5rem 0;border-bottom:1px solid rgba(255,255,255,.2);display:flex;width:100%;overflow:hidden;justify-content:center}.section-header.vertical[data-v-4eddf71d]{position:absolute}@media (max-width: 800px){.section-header[data-v-4eddf71d]{padding:2.5rem 0}.section-header .arrow[data-v-4eddf71d]{width:5rem}}.section-header .content[data-v-4eddf71d]{display:flex;align-items:center;justify-content:space-around}@keyframes marqueeRight-4eddf71d{0%{transform:translate(-50%)}to{transform:translate(0)}}@keyframes marqueeLeft-4eddf71d{0%{transform:translate(0)}to{transform:translate(-50%)}}.section-header .content div[data-v-4eddf71d]{display:flex;align-items:center;margin:0 2rem}.section-header h1[data-v-4eddf71d]{display:inline;color:#fff;width:max-content}.section-header h1 span[data-v-4eddf71d]{color:#242424}.section-header .arrow[data-v-4eddf71d]{margin:0 3rem}.about-section[data-v-4eddf71d]{border-bottom:1px solid rgba(255,255,255,.2)}.about-section .section-header .content[data-v-4eddf71d]{animation:marqueeRight-4eddf71d 5s linear infinite}.about-section .image[data-v-4eddf71d]{position:relative}.about-section .image .disclaimer[data-v-4eddf71d]{position:absolute;display:inline;font-size:1.2rem;font-style:italic;z-index:2;top:2rem;left:-5rem;color:#fff3;line-height:1.68rem}@media (max-width: 500px){.about-section .image .disclaimer[data-v-4eddf71d]{left:-1rem}}.about-section .image-border[data-v-4eddf71d]{border:1px solid rgba(255,255,255,.2);width:60.4rem;height:34rem;position:absolute;transition:all .3s ease;z-index:-1}@media (max-width: 800px){.about-section .image-border[data-v-4eddf71d]{margin-left:0rem;margin-top:0rem;width:100%;height:90%}}.about-section img[data-v-4eddf71d]{transition:all .3s ease;width:62rem}.about-section img.light[data-v-4eddf71d]{display:none}.about-section img.dark[data-v-4eddf71d]{display:block}@media (max-width: 800px){.about-section img[data-v-4eddf71d]{margin-left:0rem;margin-top:0rem;width:90vw}}.about-section .text[data-v-4eddf71d]{width:75rem;margin-left:30rem;margin-top:-5rem;z-index:2}@media (max-width: 800px){.about-section .text[data-v-4eddf71d]{margin-left:0rem;margin-top:5rem;width:100%}}@media (max-width: 500px){.about-section .text[data-v-4eddf71d]{width:100%}}.about-section .text P[data-v-4eddf71d]{display:inline-block;line-height:3rem;text-transform:uppercase}.about-section .text P b[data-v-4eddf71d]{font-style:italic}.about-section .text .btn[data-v-4eddf71d]{margin:2rem 0;padding:1rem 7rem}.about-section .text .btn[data-v-4eddf71d]:after{content:"GET IN TOUCH"}html[lang=zh] .about-section .text[data-v-4eddf71d]:after{content:"\8054\7cfb\6211"}.about-section .container[data-v-4eddf71d]{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding:15rem 0}@media (max-width: 800px){.about-section .container[data-v-4eddf71d]{padding:10rem 0}}.about-section .container:hover .image-border[data-v-4eddf71d]{transform:translate(-1.5%,-2.5%)}.about-section .container:hover img[data-v-4eddf71d]{transform:translate(1.5%,2.5%)}.work-section .section-header .content[data-v-4eddf71d]{animation:marqueeLeft-4eddf71d 5s linear infinite}.work-section .projects[data-v-4eddf71d]{transition:all .3s ease}.work-section .projects .load-more[data-v-4eddf71d]{display:none}@media (max-width: 800px){.work-section .projects .load-more[data-v-4eddf71d]{display:flex;align-items:center;padding:5%;border-bottom:1px solid rgba(255,255,255,.2)}.work-section .projects .load-more p[data-v-4eddf71d]{flex-grow:1}.work-section .projects .load-more .bi-plus[data-v-4eddf71d]{justify-self:flex-end;color:#fff}}.work-section .projects .project[data-v-4eddf71d]{cursor:pointer;border-bottom:1px solid rgba(255,255,255,.2);position:relative;transition:all .3s ease}@media (max-width: 800px){.work-section .projects .project[data-v-4eddf71d]{display:flex;padding:3rem 0;flex-direction:column-reverse}}.work-section .projects .project:hover .dot[data-v-4eddf71d]{transform:translate(0);background-color:#fff}.work-section .projects .project:hover h3[data-v-4eddf71d]{transform:translate(0);color:#fff}.work-section .projects .project:hover .skills span[data-v-4eddf71d]{transform:translate(0);margin:2.5rem 1rem;font-size:1.3rem}@media (max-width: 800px){.work-section .projects .project:hover .skills span[data-v-4eddf71d]{font-size:1.2rem}}.work-section .projects .project:hover .image[data-v-4eddf71d]{height:36.9rem;z-index:1;display:flex;align-items:center;justify-content:center}@media (max-width: 800px){.work-section .projects .project:hover .image[data-v-4eddf71d]{height:inherit}}.work-section .projects .project:hover .image img[data-v-4eddf71d]{transform:scale(1)}@media (max-width: 800px){.work-section .projects .project .container[data-v-4eddf71d]{align-items:start;display:flex;margin-left:2rem}}.work-section .projects .project .container[data-v-4eddf71d]:nth-child(1){padding:5rem 0 0;display:flex;align-items:center;position:relative;overflow:hidden}@media (max-width: 800px){.work-section .projects .project .container[data-v-4eddf71d]:nth-child(1){order:1;padding:0;margin:0 5%}}.work-section .projects .project .dot[data-v-4eddf71d]{width:20px;height:20px;border-radius:50%;background-color:#242424;display:inline-block;margin-right:3rem;transform:translate(-3rem);transition:all .5s ease}@media (max-width: 800px){.work-section .projects .project .dot[data-v-4eddf71d]{transform:translate(0);background-color:#fff;width:12px;height:12px;margin-right:1.5rem}}.work-section .projects .project h3[data-v-4eddf71d]{display:inline;transform:translate(-2rem);transition:all .5s ease}@media (max-width: 800px){.work-section .projects .project h3[data-v-4eddf71d]{transform:translate(0);color:#fff;font-style:italic;font-size:4.5rem}}.work-section .projects .project .skills[data-v-4eddf71d]{display:block;margin-left:3rem;overflow:hidden}@media (max-width: 800px){.work-section .projects .project .skills[data-v-4eddf71d]{overflow:visible}.work-section .projects .project .skills span[data-v-4eddf71d]{font-size:1.2rem}}.work-section .projects .project .skills span[data-v-4eddf71d]{color:#fff;border:1px solid #ffffff;border-radius:2rem;padding:1rem 2rem;display:inline-block;margin:.5rem 1rem;transform:translateY(125%);transition:all .5s ease;transition-delay:calc(.05s * var(--i))}@media (max-width: 800px){.work-section .projects .project .skills span[data-v-4eddf71d]{transform:translate(0);margin:2.5rem 1rem}}.work-section .projects .project .image a[data-v-4eddf71d]{height:100%}.work-section .projects .project .image[data-v-4eddf71d]{width:40%;height:0%;position:absolute;top:0;right:0;transition:all .2s ease-in-out;overflow:hidden}@media (max-width: 800px){.work-section .projects .project .image[data-v-4eddf71d]{position:relative;order:1;scale:1;width:auto;height:100%;margin:5%}}.work-section .projects .project .image .cursor[data-v-4eddf71d]{position:absolute;border:1px solid #ffffff;height:10rem;width:10rem;align-items:center;justify-content:center;display:flex;border-radius:50%;display:none;top:0}.work-section .projects .project .image img[data-v-4eddf71d]{width:100%;transform:scale(1.7);transition:all .3s ease-in-out}@media (max-width: 800px){.work-section .projects .project .image img[data-v-4eddf71d]{transform:scale(1)}}.skills-section[data-v-4eddf71d]{border-bottom:1px solid rgba(255,255,255,.2)}.skills-section .section-header .content[data-v-4eddf71d]{animation:marqueeRight-4eddf71d 5s linear infinite}.skills-section .skills[data-v-4eddf71d]{padding:5rem 0;overflow:hidden}.skills-section .skills div[data-v-4eddf71d]{margin:5rem 0}@media (max-width: 800px){.skills-section .skills div[data-v-4eddf71d]{margin:1rem 0}}.skills-section h2[data-v-4eddf71d]{display:flex;justify-content:space-around;gap:10px}@media (max-width: 800px){.skills-section h2[data-v-4eddf71d]{font-size:4rem}}.skills-section h2 span[data-v-4eddf71d]{color:#242424;width:100%;transition:all .1s ease}.skills-section h2 span[data-v-4eddf71d]:hover{color:#fff;transform:skew(-15deg)}.contact-section[data-v-4eddf71d]{border-bottom:1px solid rgba(255,255,255,.2)}.contact-section .section-header .content[data-v-4eddf71d]{animation:marqueeLeft-4eddf71d 5s linear infinite}.contact-section .section[data-v-4eddf71d]{border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:13rem}.contact-section .socials[data-v-4eddf71d]{margin:5rem 0;width:100%;display:flex;justify-content:end}@media (max-width: 500px){.contact-section .socials[data-v-4eddf71d]{margin:3rem 0;justify-content:start}}.contact-section .socials li[data-v-4eddf71d]{margin:4rem 5rem;list-style-type:none;transition:all .3s ease}@media (max-width: 500px){.contact-section .socials li[data-v-4eddf71d]{margin:4rem 0}}.contact-section .socials li a[data-v-4eddf71d]{font-size:1.8rem;color:#fff;padding:2rem 0;text-decoration:none}.contact-section .socials li svg[data-v-4eddf71d]{margin:0 .9rem;opacity:0;transform:translate(-50%);transition:all .3s ease}.contact-section .socials li[data-v-4eddf71d]:hover{transform:scale(105%)}.contact-section .socials li:hover svg[data-v-4eddf71d]{margin:0 .9rem;opacity:1;transform:translate(0)}.contact-section .footer[data-v-4eddf71d]{display:flex;width:100%;position:relative}@media (max-width: 950px){.contact-section .footer[data-v-4eddf71d]{flex-direction:column-reverse}}.contact-section .footer .email-container .copy-text[data-v-4eddf71d]{background-color:#fff;position:absolute;padding:1rem 2rem;border-radius:4rem;margin-left:45rem;margin-top:2.5rem;transform:translate(-20%);opacity:0;transition:all .3s ease}@media (max-width: 950px){.contact-section .footer .email-container .copy-text[data-v-4eddf71d]{top:5rem;left:0;margin-left:0}}@media (max-width: 500px){.contact-section .footer .email-container .copy-text[data-v-4eddf71d]{top:25rem}}.contact-section .footer .email-container .copy-text p[data-v-4eddf71d]{color:#000}.contact-section .footer .email-container:hover .copy-text[data-v-4eddf71d]{transform:translate(0);opacity:1}.contact-section .footer .email-container .email[data-v-4eddf71d]{transition:all .3s ease}.contact-section .footer .email-container .email h2[data-v-4eddf71d]{color:#fff;cursor:pointer;position:relative}@media (max-width: 500px){.contact-section .footer .email-container .email h2[data-v-4eddf71d]{font-size:4rem;margin-bottom:-3rem}.contact-section .footer .email-container .email h2[data-v-4eddf71d]:after{top:6.2rem}}.contact-section .footer .email-container .email h2[data-v-4eddf71d]:nth-child(1):after{left:0}.contact-section .footer .email-container .email h2[data-v-4eddf71d]:after{height:5px;background-color:#fff;content:" ";position:absolute;bottom:-4px;right:0;width:0%;transition:all .3s ease}.contact-section .footer .email-container .email[data-v-4eddf71d]:hover{transform:skew(-10deg)}.contact-section .footer .email-container .email:hover h2[data-v-4eddf71d]:nth-child(1):after{width:56%}.contact-section .footer .email-container .email:hover h2[data-v-4eddf71d]:after{width:100%}@media (max-width: 950px){.contact-section .footer .email-container .email:hover h2[data-v-4eddf71d]:after{width:75%;right:25%}}@media (max-width: 800px){.contact-section .footer .email-container .email:hover h2[data-v-4eddf71d]:after{width:90%;right:10%}}@media (max-width: 500px){.contact-section .footer .email-container .email:hover h2[data-v-4eddf71d]:after{width:100%;right:0}}.contact-section .footer .credits[data-v-4eddf71d]{display:flex;width:100%;justify-content:end;align-items:end}@media (max-width: 950px){.contact-section .footer .credits[data-v-4eddf71d]{margin:4rem -1rem}}@media (max-width: 500px){.contact-section .footer .credits[data-v-4eddf71d]{justify-content:start}}.contact-section .footer .credits p[data-v-4eddf71d]{color:#fff3}.contact-section .footer .credits a[data-v-4eddf71d]{color:#fff}.image.no-img[data-v-4a740acb]{top:-30px}.image img[data-v-4a740acb]{width:26rem;max-width:100%;height:auto}.text[data-v-4a740acb]{background:rgba(0,0,0,.5);padding:3rem 4rem;border-radius:1.2rem}body.light .text[data-v-4a740acb]{background:rgba(255,255,255,.8)}body.light .text p[data-v-4a740acb]{color:#131313}.tech-card[data-v-4a740acb]{background:#131313;border-radius:1.2rem;padding:2rem 2.4rem;width:100%;font-size:1.6rem;line-height:1.8;color:#fff}.tech-card .tech-card-bar[data-v-4a740acb]{display:flex;gap:.8rem;margin-bottom:1.6rem}.tech-card .tech-card-bar span[data-v-4a740acb]{width:1.2rem;height:1.2rem;border-radius:50%;background:rgba(255,255,255,.2)}.tech-card .tech-card-bar span[data-v-4a740acb]:first-child{background:#ff5f57}.tech-card .tech-card-bar span[data-v-4a740acb]:nth-child(2){background:#febc2e}.tech-card .tech-card-bar span[data-v-4a740acb]:last-child{background:#28c840}.tech-card pre[data-v-4a740acb]{margin:0;white-space:pre-wrap;word-break:break-word}.tech-card pre code[data-v-4a740acb]{font-family:ui-monospace,Cascadia Code,Menlo,Consolas,monospace}*[data-v-174dd1e9],*[data-v-174dd1e9]:before,*[data-v-174dd1e9]:after{box-sizing:border-box;margin:0;padding:0}html[data-v-174dd1e9],body[data-v-174dd1e9]{width:100%;overscroll-behavior:none;overflow-x:hidden;min-height:100%}html[data-v-174dd1e9]{font-size:62.5%;overflow-x:hidden}@media (max-width: 1366px){html[data-v-174dd1e9]{font-size:60%}}@media (max-width: 1110px){html[data-v-174dd1e9]{font-size:50%}}@media (max-width: 350px){html[data-v-174dd1e9]{font-size:35%}}body[data-v-174dd1e9]{background-color:#131313;font-family:Helvetica Neue,sans-serif;transition:all .3s ease;background-image:url(/images/noise1.png)}body[data-v-174dd1e9]::-webkit-scrollbar{display:none}p[data-v-174dd1e9]::selection,h1[data-v-174dd1e9]::selection,h2[data-v-174dd1e9]::selection,h3[data-v-174dd1e9]::selection,a[data-v-174dd1e9]::selection,span[data-v-174dd1e9]::selection{background:green}.light[data-v-174dd1e9]{background-color:#d9d9d9;background-image:url(data:image/png;base64,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)}.light p[data-v-174dd1e9],.light .nav-links a[data-v-174dd1e9],.light .nav-links input[data-v-174dd1e9]{color:#131313}.light .btn[data-v-174dd1e9]{border:1px solid #131313;background-color:#d9d9d9}.light header[data-v-174dd1e9]{border-bottom:1px solid #242424;background-color:#d9d9d9}.light header.fixed[data-v-174dd1e9]{background-color:#d9d9d9}.light .mobile-nav-section[data-v-174dd1e9]{background-color:#d9d9d9}.light .mobile-nav-section .mobile-nav .nav-links .nav-link[data-v-174dd1e9]{border-bottom:1px solid #242424}.light .mobile-nav-section .mobile-nav .footer[data-v-174dd1e9]{border-top:1px solid #242424}.light .hamburger-icon div[data-v-174dd1e9]{background-color:#131313}.light .section-header[data-v-174dd1e9]{border-bottom:1px solid #242424;border-top:1px solid #242424}.light .hero-section h2[data-v-174dd1e9]{color:#707070}.light .hero-section h2 span[data-v-174dd1e9]{color:#131313}.light .about-section .text[data-v-174dd1e9]{z-index:auto}.light .about-section p[data-v-174dd1e9]{filter:invert(.8);color:#131313;mix-blend-mode:difference}.light .about-section .btn[data-v-174dd1e9]{filter:invert(.2);background:none}.light .about-section .image-border[data-v-174dd1e9]{border:1px solid #131313;filter:invert(.5)}.light .about-section .image .disclaimer[data-v-174dd1e9]{filter:invert(.8);color:#000;mix-blend-mode:difference}.light .about-section .image img.light[data-v-174dd1e9]{display:block}.light .about-section .image img.dark[data-v-174dd1e9]{display:none}.light .work-section .project[data-v-174dd1e9]:not(:nth-child(1)){border-top:1px solid #242424}.light .work-section .project:hover .dot[data-v-174dd1e9],.light .work-section .project:hover h3[data-v-174dd1e9]{filter:invert(1)}.light .work-section .project:hover .skills span[data-v-174dd1e9]{filter:invert(.7)}.light .contact-section .socials ul li a[data-v-174dd1e9],.light .contact-section .socials ul li svg[data-v-174dd1e9]{color:#242424;fill:#131313}.light .contact-section .footer .credits p[data-v-174dd1e9]{color:#131313}.light .contact-section .footer .credits p a[data-v-174dd1e9]{color:#242424}.light .contact-section .footer .email-container .email h2[data-v-174dd1e9]{color:#131313}.light .contact-section .footer .email-container .email h2[data-v-174dd1e9]:after{background-color:#242424}.light .skills-section[data-v-174dd1e9]{border-bottom:1px solid #242424}h1[data-v-174dd1e9],h2[data-v-174dd1e9],h3[data-v-174dd1e9]{font-weight:400}h1[data-v-174dd1e9]{font-size:12rem}@media (min-width: 1366px){h1[data-v-174dd1e9]{font-size:10rem}}@media (max-width: 800px){h1[data-v-174dd1e9]{font-size:6rem}}h2[data-v-174dd1e9]{font-size:8rem;color:#242424;line-height:8.8rem}@media (max-width: 700px){h2[data-v-174dd1e9]{font-size:6rem}}h2 span[data-v-174dd1e9]{color:#fff}h3[data-v-174dd1e9]{font-size:6.5rem;color:#242424;line-height:6.8rem}p[data-v-174dd1e9]{all:unset;font-size:1.8rem;line-height:2.5rem;color:#fff}b[data-v-174dd1e9]{font-weight:700}.logo button[data-v-174dd1e9]{all:unset;font-size:1.8rem;line-height:2.5rem;color:#fff;cursor:pointer}.container[data-v-174dd1e9]{max-width:90%;margin:auto}@media (min-width: 1920px){.container[data-v-174dd1e9]{max-width:1920px}}.d-flex[data-v-174dd1e9]{display:flex}.preloader-section .section-header .content[data-v-174dd1e9]{animation:marqueeRight-174dd1e9 5s linear infinite}header[data-v-174dd1e9]{padding:2rem 0;border-bottom:1px solid rgba(255,255,255,.2);transition:all .3s ease;position:fixed;width:100%;background-color:#131313;background-image:url(/images/noise1.png);z-index:3}header .header[data-v-174dd1e9]{display:flex;align-items:center}header .header .controls[data-v-174dd1e9]{flex-grow:1;display:flex;justify-content:end;align-items:center}header .header .controls .nav-links a[data-v-174dd1e9]{margin:0 2rem}header .header .controls .nav-links a[data-v-174dd1e9]:hover{transform:scale(1.5)}header .header .controls .nav-links button[data-v-174dd1e9]{margin:0 2rem}@media (max-width: 800px){header .header .controls .nav-links[data-v-174dd1e9]{display:none}}header .header .controls .nav-links[data-v-174dd1e9],header .header .controls .header-buttons[data-v-174dd1e9]{margin:0 20px}@media (max-width: 800px){header .header .controls .nav-links[data-v-174dd1e9],header .header .controls .header-buttons[data-v-174dd1e9]{display:none}}.nav-links a[data-v-174dd1e9],.nav-links button[data-v-174dd1e9]{all:unset;font-style:light;font-weight:300;font-size:1.4rem;line-height:2rem;align-items:center;color:#fff;cursor:pointer;text-decoration:none}.btn[data-v-174dd1e9]{font-style:normal;font-weight:600;font-size:1.5rem;line-height:2rem;align-items:center;border:none;border-radius:100px;cursor:pointer;margin-right:1rem;position:relative;height:3.5rem;border:1px solid #ffffff;overflow:hidden}.btn span[data-v-174dd1e9]{position:absolute;font-family:Helvetica Neue,sans-serif;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);transition:all .3s ease;color:#131313}.btn[data-v-174dd1e9]:after{display:block;position:absolute;transform:translate(-50%,50%);opacity:0;width:100%;top:50%;left:50%;transition:all .3s ease}.btn:hover span[data-v-174dd1e9]{opacity:0;transform:translate(-50%,-150%);transition-duration:.2s}.btn[data-v-174dd1e9]:hover:after{opacity:1;transform:translate(-50%,-50%)}.btn_download[data-v-174dd1e9]{padding:1rem 10rem}@media (max-width: 500px){.btn_download[data-v-174dd1e9]{margin:0}}.btn_download[data-v-174dd1e9]:after{content:"DOWNLOAD RESUME"}.hero-section[data-v-174dd1e9]{height:100vh;display:flex;align-items:baseline;border-bottom:1px solid rgba(255,255,255,.2)}@media (min-width: 1920px){.hero-section[data-v-174dd1e9]{height:90rem}}@media (max-width: 800px){.hero-section h2[data-v-174dd1e9]{line-height:6.5rem}}.hero-section .container[data-v-174dd1e9]{display:flex;align-items:end;width:100%;padding-top:5rem}@media (max-width: 700px){.hero-section br[data-v-174dd1e9]{display:none}}@media (max-width: 1110px){.hero-section[data-v-174dd1e9]{height:auto;padding:10rem 0rem}}.hero-section .text-content[data-v-174dd1e9]{flex-grow:1}.hero-section .images[data-v-174dd1e9]{margin:0rem;align-items:end;justify-content:start;display:flex}.hero-section .images img[data-v-174dd1e9]{width:25rem;margin:2rem 3rem}@media (max-width: 700px){.hero-section .images img[data-v-174dd1e9]{margin:2rem 0rem}}.hero-section .t1[data-v-174dd1e9]{display:flex}@media (max-width: 700px){.hero-section .t1[data-v-174dd1e9]{flex-direction:column-reverse}}.hero-section .t1 h2[data-v-174dd1e9]{display:inline-block}.scroller[data-v-174dd1e9]{align-self:end;display:flex;justify-content:end;bottom:0;height:auto}@media (max-width: 890px){.scroller[data-v-174dd1e9]{display:none}}.scroller .bg[data-v-174dd1e9]{background-color:#fff;padding:4.5rem;border-radius:50%;bottom:0}@media (max-width: 1110px){.scroller .bg[data-v-174dd1e9]{padding:2rem}}.scroller .circle[data-v-174dd1e9]{position:relative;height:24rem;width:24rem;display:flex;border-radius:50%;justify-content:center;align-items:center}@media (max-width: 1110px){.scroller .circle[data-v-174dd1e9]{height:20rem;width:20rem}}.scroller .circle .roundText[data-v-174dd1e9]{width:100%;height:100%;position:absolute;color:#131313;animation:rotateText-174dd1e9 10s linear infinite}@keyframes rotateText-174dd1e9{0%{transform:rotate(-360deg)}}.scroller .circle .roundText p[data-v-174dd1e9]{color:#131313}.scroller .circle .roundText span[data-v-174dd1e9]{position:absolute;left:50%;transform-origin:0 12rem}@media (max-width: 1110px){.scroller .circle .roundText span[data-v-174dd1e9]{transform-origin:0 10rem}}.section-header[data-v-174dd1e9]{padding:5rem 0;border-bottom:1px solid rgba(255,255,255,.2);display:flex;width:100%;overflow:hidden;justify-content:center}.section-header.vertical[data-v-174dd1e9]{position:absolute}@media (max-width: 800px){.section-header[data-v-174dd1e9]{padding:2.5rem 0}.section-header .arrow[data-v-174dd1e9]{width:5rem}}.section-header .content[data-v-174dd1e9]{display:flex;align-items:center;justify-content:space-around}@keyframes marqueeRight-174dd1e9{0%{transform:translate(-50%)}to{transform:translate(0)}}@keyframes marqueeLeft-174dd1e9{0%{transform:translate(0)}to{transform:translate(-50%)}}.section-header .content div[data-v-174dd1e9]{display:flex;align-items:center;margin:0 2rem}.section-header h1[data-v-174dd1e9]{display:inline;color:#fff;width:max-content}.section-header h1 span[data-v-174dd1e9]{color:#242424}.section-header .arrow[data-v-174dd1e9]{margin:0 3rem}.about-section[data-v-174dd1e9]{border-bottom:1px solid rgba(255,255,255,.2)}.about-section .section-header .content[data-v-174dd1e9]{animation:marqueeRight-174dd1e9 5s linear infinite}.about-section .image[data-v-174dd1e9]{position:relative}.about-section .image .disclaimer[data-v-174dd1e9]{position:absolute;display:inline;font-size:1.2rem;font-style:italic;z-index:2;top:2rem;left:-5rem;color:#fff3;line-height:1.68rem}@media (max-width: 500px){.about-section .image .disclaimer[data-v-174dd1e9]{left:-1rem}}.about-section .image-border[data-v-174dd1e9]{border:1px solid rgba(255,255,255,.2);width:60.4rem;height:34rem;position:absolute;transition:all .3s ease;z-index:-1}@media (max-width: 800px){.about-section .image-border[data-v-174dd1e9]{margin-left:0rem;margin-top:0rem;width:100%;height:90%}}.about-section img[data-v-174dd1e9]{transition:all .3s ease;width:62rem}.about-section img.light[data-v-174dd1e9]{display:none}.about-section img.dark[data-v-174dd1e9]{display:block}@media (max-width: 800px){.about-section img[data-v-174dd1e9]{margin-left:0rem;margin-top:0rem;width:90vw}}.about-section .text[data-v-174dd1e9]{width:75rem;margin-left:30rem;margin-top:-5rem;z-index:2}@media (max-width: 800px){.about-section .text[data-v-174dd1e9]{margin-left:0rem;margin-top:5rem;width:100%}}@media (max-width: 500px){.about-section .text[data-v-174dd1e9]{width:100%}}.about-section .text P[data-v-174dd1e9]{display:inline-block;line-height:3rem;text-transform:uppercase}.about-section .text P b[data-v-174dd1e9]{font-style:italic}.about-section .text .btn[data-v-174dd1e9]{margin:2rem 0;padding:1rem 7rem}.about-section .text .btn[data-v-174dd1e9]:after{content:"GET IN TOUCH"}html[lang=zh] .about-section .text[data-v-174dd1e9]:after{content:"\8054\7cfb\6211"}.about-section .container[data-v-174dd1e9]{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding:15rem 0}@media (max-width: 800px){.about-section .container[data-v-174dd1e9]{padding:10rem 0}}.about-section .container:hover .image-border[data-v-174dd1e9]{transform:translate(-1.5%,-2.5%)}.about-section .container:hover img[data-v-174dd1e9]{transform:translate(1.5%,2.5%)}.work-section .section-header .content[data-v-174dd1e9]{animation:marqueeLeft-174dd1e9 5s linear infinite}.work-section .projects[data-v-174dd1e9]{transition:all .3s ease}.work-section .projects .load-more[data-v-174dd1e9]{display:none}@media (max-width: 800px){.work-section .projects .load-more[data-v-174dd1e9]{display:flex;align-items:center;padding:5%;border-bottom:1px solid rgba(255,255,255,.2)}.work-section .projects .load-more p[data-v-174dd1e9]{flex-grow:1}.work-section .projects .load-more .bi-plus[data-v-174dd1e9]{justify-self:flex-end;color:#fff}}.work-section .projects .project[data-v-174dd1e9]{cursor:pointer;border-bottom:1px solid rgba(255,255,255,.2);position:relative;transition:all .3s ease}@media (max-width: 800px){.work-section .projects .project[data-v-174dd1e9]{display:flex;padding:3rem 0;flex-direction:column-reverse}}.work-section .projects .project:hover .dot[data-v-174dd1e9]{transform:translate(0);background-color:#fff}.work-section .projects .project:hover h3[data-v-174dd1e9]{transform:translate(0);color:#fff}.work-section .projects .project:hover .skills span[data-v-174dd1e9]{transform:translate(0);margin:2.5rem 1rem;font-size:1.3rem}@media (max-width: 800px){.work-section .projects .project:hover .skills span[data-v-174dd1e9]{font-size:1.2rem}}.work-section .projects .project:hover .image[data-v-174dd1e9]{height:36.9rem;z-index:1;display:flex;align-items:center;justify-content:center}@media (max-width: 800px){.work-section .projects .project:hover .image[data-v-174dd1e9]{height:inherit}}.work-section .projects .project:hover .image img[data-v-174dd1e9]{transform:scale(1)}@media (max-width: 800px){.work-section .projects .project .container[data-v-174dd1e9]{align-items:start;display:flex;margin-left:2rem}}.work-section .projects .project .container[data-v-174dd1e9]:nth-child(1){padding:5rem 0 0;display:flex;align-items:center;position:relative;overflow:hidden}@media (max-width: 800px){.work-section .projects .project .container[data-v-174dd1e9]:nth-child(1){order:1;padding:0;margin:0 5%}}.work-section .projects .project .dot[data-v-174dd1e9]{width:20px;height:20px;border-radius:50%;background-color:#242424;display:inline-block;margin-right:3rem;transform:translate(-3rem);transition:all .5s ease}@media (max-width: 800px){.work-section .projects .project .dot[data-v-174dd1e9]{transform:translate(0);background-color:#fff;width:12px;height:12px;margin-right:1.5rem}}.work-section .projects .project h3[data-v-174dd1e9]{display:inline;transform:translate(-2rem);transition:all .5s ease}@media (max-width: 800px){.work-section .projects .project h3[data-v-174dd1e9]{transform:translate(0);color:#fff;font-style:italic;font-size:4.5rem}}.work-section .projects .project .skills[data-v-174dd1e9]{display:block;margin-left:3rem;overflow:hidden}@media (max-width: 800px){.work-section .projects .project .skills[data-v-174dd1e9]{overflow:visible}.work-section .projects .project .skills span[data-v-174dd1e9]{font-size:1.2rem}}.work-section .projects .project .skills span[data-v-174dd1e9]{color:#fff;border:1px solid #ffffff;border-radius:2rem;padding:1rem 2rem;display:inline-block;margin:.5rem 1rem;transform:translateY(125%);transition:all .5s ease;transition-delay:calc(.05s * var(--i))}@media (max-width: 800px){.work-section .projects .project .skills span[data-v-174dd1e9]{transform:translate(0);margin:2.5rem 1rem}}.work-section .projects .project .image a[data-v-174dd1e9]{height:100%}.work-section .projects .project .image[data-v-174dd1e9]{width:40%;height:0%;position:absolute;top:0;right:0;transition:all .2s ease-in-out;overflow:hidden}@media (max-width: 800px){.work-section .projects .project .image[data-v-174dd1e9]{position:relative;order:1;scale:1;width:auto;height:100%;margin:5%}}.work-section .projects .project .image .cursor[data-v-174dd1e9]{position:absolute;border:1px solid #ffffff;height:10rem;width:10rem;align-items:center;justify-content:center;display:flex;border-radius:50%;display:none;top:0}.work-section .projects .project .image img[data-v-174dd1e9]{width:100%;transform:scale(1.7);transition:all .3s ease-in-out}@media (max-width: 800px){.work-section .projects .project .image img[data-v-174dd1e9]{transform:scale(1)}}.skills-section[data-v-174dd1e9]{border-bottom:1px solid rgba(255,255,255,.2)}.skills-section .section-header .content[data-v-174dd1e9]{animation:marqueeRight-174dd1e9 5s linear infinite}.skills-section .skills[data-v-174dd1e9]{padding:5rem 0;overflow:hidden}.skills-section .skills div[data-v-174dd1e9]{margin:5rem 0}@media (max-width: 800px){.skills-section .skills div[data-v-174dd1e9]{margin:1rem 0}}.skills-section h2[data-v-174dd1e9]{display:flex;justify-content:space-around;gap:10px}@media (max-width: 800px){.skills-section h2[data-v-174dd1e9]{font-size:4rem}}.skills-section h2 span[data-v-174dd1e9]{color:#242424;width:100%;transition:all .1s ease}.skills-section h2 span[data-v-174dd1e9]:hover{color:#fff;transform:skew(-15deg)}.contact-section[data-v-174dd1e9]{border-bottom:1px solid rgba(255,255,255,.2)}.contact-section .section-header .content[data-v-174dd1e9]{animation:marqueeLeft-174dd1e9 5s linear infinite}.contact-section .section[data-v-174dd1e9]{border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:13rem}.contact-section .socials[data-v-174dd1e9]{margin:5rem 0;width:100%;display:flex;justify-content:end}@media (max-width: 500px){.contact-section .socials[data-v-174dd1e9]{margin:3rem 0;justify-content:start}}.contact-section .socials li[data-v-174dd1e9]{margin:4rem 5rem;list-style-type:none;transition:all .3s ease}@media (max-width: 500px){.contact-section .socials li[data-v-174dd1e9]{margin:4rem 0}}.contact-section .socials li a[data-v-174dd1e9]{font-size:1.8rem;color:#fff;padding:2rem 0;text-decoration:none}.contact-section .socials li svg[data-v-174dd1e9]{margin:0 .9rem;opacity:0;transform:translate(-50%);transition:all .3s ease}.contact-section .socials li[data-v-174dd1e9]:hover{transform:scale(105%)}.contact-section .socials li:hover svg[data-v-174dd1e9]{margin:0 .9rem;opacity:1;transform:translate(0)}.contact-section .footer[data-v-174dd1e9]{display:flex;width:100%;position:relative}@media (max-width: 950px){.contact-section .footer[data-v-174dd1e9]{flex-direction:column-reverse}}.contact-section .footer .email-container .copy-text[data-v-174dd1e9]{background-color:#fff;position:absolute;padding:1rem 2rem;border-radius:4rem;margin-left:45rem;margin-top:2.5rem;transform:translate(-20%);opacity:0;transition:all .3s ease}@media (max-width: 950px){.contact-section .footer .email-container .copy-text[data-v-174dd1e9]{top:5rem;left:0;margin-left:0}}@media (max-width: 500px){.contact-section .footer .email-container .copy-text[data-v-174dd1e9]{top:25rem}}.contact-section .footer .email-container .copy-text p[data-v-174dd1e9]{color:#000}.contact-section .footer .email-container:hover .copy-text[data-v-174dd1e9]{transform:translate(0);opacity:1}.contact-section .footer .email-container .email[data-v-174dd1e9]{transition:all .3s ease}.contact-section .footer .email-container .email h2[data-v-174dd1e9]{color:#fff;cursor:pointer;position:relative}@media (max-width: 500px){.contact-section .footer .email-container .email h2[data-v-174dd1e9]{font-size:4rem;margin-bottom:-3rem}.contact-section .footer .email-container .email h2[data-v-174dd1e9]:after{top:6.2rem}}.contact-section .footer .email-container .email h2[data-v-174dd1e9]:nth-child(1):after{left:0}.contact-section .footer .email-container .email h2[data-v-174dd1e9]:after{height:5px;background-color:#fff;content:" ";position:absolute;bottom:-4px;right:0;width:0%;transition:all .3s ease}.contact-section .footer .email-container .email[data-v-174dd1e9]:hover{transform:skew(-10deg)}.contact-section .footer .email-container .email:hover h2[data-v-174dd1e9]:nth-child(1):after{width:56%}.contact-section .footer .email-container .email:hover h2[data-v-174dd1e9]:after{width:100%}@media (max-width: 950px){.contact-section .footer .email-container .email:hover h2[data-v-174dd1e9]:after{width:75%;right:25%}}@media (max-width: 800px){.contact-section .footer .email-container .email:hover h2[data-v-174dd1e9]:after{width:90%;right:10%}}@media (max-width: 500px){.contact-section .footer .email-container .email:hover h2[data-v-174dd1e9]:after{width:100%;right:0}}.contact-section .footer .credits[data-v-174dd1e9]{display:flex;width:100%;justify-content:end;align-items:end}@media (max-width: 950px){.contact-section .footer .credits[data-v-174dd1e9]{margin:4rem -1rem}}@media (max-width: 500px){.contact-section .footer .credits[data-v-174dd1e9]{justify-content:start}}.contact-section .footer .credits p[data-v-174dd1e9]{color:#fff3}.contact-section .footer .credits a[data-v-174dd1e9]{color:#fff}section[data-v-174dd1e9]{background:#131313;height:100vh;width:100vw;position:fixed;top:0;z-index:4}section[data-v-174dd1e9]:nth-child(2){background:#242424;height:100vh;width:100vw;position:fixed;top:0;z-index:2}section[data-v-174dd1e9]:nth-child(3){background:rgba(255,255,255,.2);height:100vh;width:100vw;position:fixed;top:0;z-index:1}.loader-container[data-v-174dd1e9]{width:20%;margin:5rem 0;position:absolute;bottom:0}.loader-container span[data-v-174dd1e9]{font-size:2rem}@media (max-width: 800px){.loader-container[data-v-174dd1e9]{width:50%}}.loader-container .loader[data-v-174dd1e9]{height:1rem;width:100%;border:1px solid white;border-radius:10px;display:flex;align-items:center;margin:1rem 0;bottom:0}.loader-container .loader div[data-v-174dd1e9]{width:0%;background:white;height:.6rem;border-radius:10px}.loader-container span[data-v-174dd1e9]{color:#fff}body.light section[data-v-174dd1e9]{background:#d9d9d9}body.light section[data-v-174dd1e9]:nth-child(2){background:#c9c9c9}body.light section[data-v-174dd1e9]:nth-child(3){background:rgba(19,19,19,.08)}body.light .section-header h1[data-v-174dd1e9],body.light .loader-container .text p[data-v-174dd1e9],body.light .loader-container span[data-v-174dd1e9]{color:#131313}body.light .loader-container .loader[data-v-174dd1e9]{border-color:#131313}body.light .loader-container .loader div[data-v-174dd1e9]{background:#131313}.spotify-container[data-v-eb5563ae]{padding:.5rem 1rem;align-items:center;display:flex;justify-content:space-between;width:20rem;position:fixed;top:87%;left:-15rem;background:black;transition:all .5s ease;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;opacity:.5;z-index:3}.spotify-container.offline[data-v-eb5563ae]{left:-10rem;width:14rem;padding:.5rem}@media (max-width: 800px){.spotify-container.offline[data-v-eb5563ae]{left:-9rem}}.spotify-container[data-v-eb5563ae]:hover{left:0;opacity:1}.spotify-container p[data-v-eb5563ae]{color:#bdbdbdde;font-size:1.3rem}.spotify-container .playing-text[data-v-eb5563ae]{width:80%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.spotify-container .playing-text span[data-v-eb5563ae]{color:#1ccc5b;display:block;font-weight:600}.spotify-container .playing-text span[data-v-eb5563ae]:nth-child(3){color:#fff3}.spotify-container .playing-text p[data-v-eb5563ae]{color:#fff;font-size:1.3rem}.theme-switcher[data-v-ab8f3a39]{padding:3px;width:-moz-fit-content;width:fit-content;display:flex;border-radius:9999px;border:1px solid #242424;color:#fff}.theme-switcher_switch[data-v-ab8f3a39]{width:3.4rem;height:3.4rem;display:flex;align-items:center;justify-content:center;border-radius:inherit;border:0;background:none;cursor:pointer;color:inherit}.theme-switcher_switch[data-v-ab8f3a39]:hover{background-color:#8080802e}.theme-switcher_switch[data-active=true][data-v-ab8f3a39]{background-color:#8080804d}.theme-switcher_switch[data-v-ab8f3a39]:active{background-color:#80808059}body.light .theme-switcher[data-v-ab8f3a39]{color:#131313}.hamburger-icon[data-v-7d923001]{cursor:pointer;transition:all .3s ease-in-out;display:none}@media (max-width: 800px){.hamburger-icon[data-v-7d923001]{display:block}}.hamburger-icon div[data-v-7d923001]{margin:.7rem;display:flex;background:#ffffff;height:.2rem;width:3rem;border-radius:2rem;transition:all .5s ease-in-out}.hamburger-icon.active div[data-v-7d923001]:nth-child(1){transform:rotate(-45deg) translateY(600%)}.hamburger-icon.active div[data-v-7d923001]:nth-child(2){transform:translate(50%);opacity:0}.hamburger-icon.active div[data-v-7d923001]:nth-child(3){transform:rotate(45deg) translateY(-600%)}.lang-switch[data-v-841dec1d]{position:relative;font-size:1.4rem}.lang-switch .lang-current[data-v-841dec1d]{display:flex;align-items:center;gap:.8rem;background:none;border:.15rem solid #242424;border-radius:10rem;padding:.8rem 1.6rem;color:#fff;cursor:pointer;text-transform:uppercase}.lang-switch .lang-list[data-v-841dec1d]{position:absolute;top:calc(100% + .8rem);right:0;list-style:none;margin:0;padding:.6rem;min-width:100%;background:#131313;border:.15rem solid #242424;border-radius:1.2rem;z-index:20}.lang-switch .lang-list li[data-v-841dec1d]{padding:.8rem 1.6rem;border-radius:.8rem;cursor:pointer;white-space:nowrap;color:#fff;text-transform:uppercase}.lang-switch .lang-list li[data-v-841dec1d]:hover{background:#242424}.lang-switch .lang-list li.active[data-v-841dec1d]{color:#fff3;pointer-events:none}body.light .lang-switch .lang-current[data-v-841dec1d]{color:#131313}body.light .lang-switch .lang-list[data-v-841dec1d]{background:#ffffff}body.light .lang-switch .lang-list li[data-v-841dec1d]{color:#131313}body.light .lang-switch .lang-list li[data-v-841dec1d]:hover{background:#d9d9d9}body.light .lang-switch .lang-list li.active[data-v-841dec1d]{color:#242424}section[data-v-b9c6fb2c]{transition:all .5s ease;position:fixed;height:100vh;background:#131313;z-index:5;width:100%;top:6rem;left:100%}section .mobile-nav[data-v-b9c6fb2c]{display:flex;flex-direction:column;height:93%}section .mobile-nav .header-buttons[data-v-b9c6fb2c]{padding:3rem}section .mobile-nav .controls[data-v-b9c6fb2c]{display:flex;flex-grow:1;flex-direction:column}section .mobile-nav .controls .switch[data-v-b9c6fb2c]{align-self:end;width:8.2rem}section .mobile-nav .nav-links[data-v-b9c6fb2c]{display:flex;flex-direction:column}section .mobile-nav .nav-links .nav-link[data-v-b9c6fb2c]{padding:5rem;font-size:2rem;border-bottom:1px solid rgba(255,255,255,.2)}section .mobile-nav .footer[data-v-b9c6fb2c]{display:flex;padding:3rem 5rem;border-top:1px solid rgba(255,255,255,.2);align-items:center;gap:1.5rem}section .mobile-nav .footer p[data-v-b9c6fb2c]{font-size:2rem;flex-grow:1}section .mobile-nav .footer .lang-switch .lang-list[data-v-b9c6fb2c]{top:auto;bottom:calc(100% + .8rem)}header.fixed[data-v-4a22857a]{position:fixed;z-index:10;width:100%;background:#131313;transition:all .5s ease}@media (max-width: 800px){.switch[data-v-4a22857a]{display:none}}.lang-switch[data-v-4a22857a]{margin-left:1.5rem}@media (max-width: 800px){.lang-switch[data-v-4a22857a]{display:none}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;overscroll-behavior:none;overflow-x:hidden;min-height:100%}html{font-size:62.5%;overflow-x:hidden}@media (max-width: 1366px){html{font-size:60%}}@media (max-width: 1110px){html{font-size:50%}}@media (max-width: 350px){html{font-size:35%}}body{background-color:#131313;font-family:Helvetica Neue,sans-serif;transition:all .3s ease;background-image:url(/images/noise1.png)}body::-webkit-scrollbar{display:none}p::selection,h1::selection,h2::selection,h3::selection,a::selection,span::selection{background:green}.light{background-color:#d9d9d9;background-image:url(data:image/png;base64,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)}.light p,.light .nav-links a,.light .nav-links input{color:#131313}.light .btn{border:1px solid #131313;background-color:#d9d9d9}.light header{border-bottom:1px solid #242424;background-color:#d9d9d9}.light header.fixed{background-color:#d9d9d9}.light .mobile-nav-section{background-color:#d9d9d9}.light .mobile-nav-section .mobile-nav .nav-links .nav-link{border-bottom:1px solid #242424}.light .mobile-nav-section .mobile-nav .footer{border-top:1px solid #242424}.light .hamburger-icon div{background-color:#131313}.light .section-header{border-bottom:1px solid #242424;border-top:1px solid #242424}.light .hero-section h2{color:#707070}.light .hero-section h2 span{color:#131313}.light .about-section .text{z-index:auto}.light .about-section p{filter:invert(.8);color:#131313;mix-blend-mode:difference}.light .about-section .btn{filter:invert(.2);background:none}.light .about-section .image-border{border:1px solid #131313;filter:invert(.5)}.light .about-section .image .disclaimer{filter:invert(.8);color:#000;mix-blend-mode:difference}.light .about-section .image img.light{display:block}.light .about-section .image img.dark{display:none}.light .work-section .project:not(:nth-child(1)){border-top:1px solid #242424}.light .work-section .project:hover .dot,.light .work-section .project:hover h3{filter:invert(1)}.light .work-section .project:hover .skills span{filter:invert(.7)}.light .contact-section .socials ul li a,.light .contact-section .socials ul li svg{color:#242424;fill:#131313}.light .contact-section .footer .credits p{color:#131313}.light .contact-section .footer .credits p a{color:#242424}.light .contact-section .footer .email-container .email h2{color:#131313}.light .contact-section .footer .email-container .email h2:after{background-color:#242424}.light .skills-section{border-bottom:1px solid #242424}h1,h2,h3{font-weight:400}h1{font-size:12rem}@media (min-width: 1366px){h1{font-size:10rem}}@media (max-width: 800px){h1{font-size:6rem}}h2{font-size:8rem;color:#242424;line-height:8.8rem}@media (max-width: 700px){h2{font-size:6rem}}h2 span{color:#fff}h3{font-size:6.5rem;color:#242424;line-height:6.8rem}p{all:unset;font-size:1.8rem;line-height:2.5rem;color:#fff}b{font-weight:700}.logo button{all:unset;font-size:1.8rem;line-height:2.5rem;color:#fff;cursor:pointer}.container{max-width:90%;margin:auto}@media (min-width: 1920px){.container{max-width:1920px}}.d-flex{display:flex}.preloader-section .section-header .content{animation:marqueeRight 5s linear infinite}header{padding:2rem 0;border-bottom:1px solid rgba(255,255,255,.2);transition:all .3s ease;position:fixed;width:100%;background-color:#131313;background-image:url(/images/noise1.png);z-index:3}header .header{display:flex;align-items:center}header .header .controls{flex-grow:1;display:flex;justify-content:end;align-items:center}header .header .controls .nav-links a{margin:0 2rem}header .header .controls .nav-links a:hover{transform:scale(1.5)}header .header .controls .nav-links button{margin:0 2rem}@media (max-width: 800px){header .header .controls .nav-links{display:none}}header .header .controls .nav-links,header .header .controls .header-buttons{margin:0 20px}@media (max-width: 800px){header .header .controls .nav-links,header .header .controls .header-buttons{display:none}}.nav-links a,.nav-links button{all:unset;font-style:light;font-weight:300;font-size:1.4rem;line-height:2rem;align-items:center;color:#fff;cursor:pointer;text-decoration:none}.btn{font-style:normal;font-weight:600;font-size:1.5rem;line-height:2rem;align-items:center;border:none;border-radius:100px;cursor:pointer;margin-right:1rem;position:relative;height:3.5rem;border:1px solid #ffffff;overflow:hidden}.btn span{position:absolute;font-family:Helvetica Neue,sans-serif;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);transition:all .3s ease;color:#131313}.btn:after{display:block;position:absolute;transform:translate(-50%,50%);opacity:0;width:100%;top:50%;left:50%;transition:all .3s ease}.btn:hover span{opacity:0;transform:translate(-50%,-150%);transition-duration:.2s}.btn:hover:after{opacity:1;transform:translate(-50%,-50%)}.btn_download{padding:1rem 10rem}@media (max-width: 500px){.btn_download{margin:0}}.btn_download:after{content:"DOWNLOAD RESUME"}.hero-section{height:100vh;display:flex;align-items:baseline;border-bottom:1px solid rgba(255,255,255,.2)}@media (min-width: 1920px){.hero-section{height:90rem}}@media (max-width: 800px){.hero-section h2{line-height:6.5rem}}.hero-section .container{display:flex;align-items:end;width:100%;padding-top:5rem}@media (max-width: 700px){.hero-section br{display:none}}@media (max-width: 1110px){.hero-section{height:auto;padding:10rem 0rem}}.hero-section .text-content{flex-grow:1}.hero-section .images{margin:0rem;align-items:end;justify-content:start;display:flex}.hero-section .images img{width:25rem;margin:2rem 3rem}@media (max-width: 700px){.hero-section .images img{margin:2rem 0rem}}.hero-section .t1{display:flex}@media (max-width: 700px){.hero-section .t1{flex-direction:column-reverse}}.hero-section .t1 h2{display:inline-block}.scroller{align-self:end;display:flex;justify-content:end;bottom:0;height:auto}@media (max-width: 890px){.scroller{display:none}}.scroller .bg{background-color:#fff;padding:4.5rem;border-radius:50%;bottom:0}@media (max-width: 1110px){.scroller .bg{padding:2rem}}.scroller .circle{position:relative;height:24rem;width:24rem;display:flex;border-radius:50%;justify-content:center;align-items:center}@media (max-width: 1110px){.scroller .circle{height:20rem;width:20rem}}.scroller .circle .roundText{width:100%;height:100%;position:absolute;color:#131313;animation:rotateText 10s linear infinite}@keyframes rotateText{0%{transform:rotate(-360deg)}}.scroller .circle .roundText p{color:#131313}.scroller .circle .roundText span{position:absolute;left:50%;transform-origin:0 12rem}@media (max-width: 1110px){.scroller .circle .roundText span{transform-origin:0 10rem}}.section-header{padding:5rem 0;border-bottom:1px solid rgba(255,255,255,.2);display:flex;width:100%;overflow:hidden;justify-content:center}.section-header.vertical{position:absolute}@media (max-width: 800px){.section-header{padding:2.5rem 0}.section-header .arrow{width:5rem}}.section-header .content{display:flex;align-items:center;justify-content:space-around}@keyframes marqueeRight{0%{transform:translate(-50%)}to{transform:translate(0)}}@keyframes marqueeLeft{0%{transform:translate(0)}to{transform:translate(-50%)}}.section-header .content div{display:flex;align-items:center;margin:0 2rem}.section-header h1{display:inline;color:#fff;width:max-content}.section-header h1 span{color:#242424}.section-header .arrow{margin:0 3rem}.about-section{border-bottom:1px solid rgba(255,255,255,.2)}.about-section .section-header .content{animation:marqueeRight 5s linear infinite}.about-section .image{position:relative}.about-section .image .disclaimer{position:absolute;display:inline;font-size:1.2rem;font-style:italic;z-index:2;top:2rem;left:-5rem;color:#fff3;line-height:1.68rem}@media (max-width: 500px){.about-section .image .disclaimer{left:-1rem}}.about-section .image-border{border:1px solid rgba(255,255,255,.2);width:60.4rem;height:34rem;position:absolute;transition:all .3s ease;z-index:-1}@media (max-width: 800px){.about-section .image-border{margin-left:0rem;margin-top:0rem;width:100%;height:90%}}.about-section img{transition:all .3s ease;width:62rem}.about-section img.light{display:none}.about-section img.dark{display:block}@media (max-width: 800px){.about-section img{margin-left:0rem;margin-top:0rem;width:90vw}}.about-section .text{width:75rem;margin-left:30rem;margin-top:-5rem;z-index:2}@media (max-width: 800px){.about-section .text{margin-left:0rem;margin-top:5rem;width:100%}}@media (max-width: 500px){.about-section .text{width:100%}}.about-section .text P{display:inline-block;line-height:3rem;text-transform:uppercase}.about-section .text P b{font-style:italic}.about-section .text .btn{margin:2rem 0;padding:1rem 7rem}.about-section .text .btn:after{content:"GET IN TOUCH"}html[lang=zh] .about-section .text:after{content:"\8054\7cfb\6211"}.about-section .container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding:15rem 0}@media (max-width: 800px){.about-section .container{padding:10rem 0}}.about-section .container:hover .image-border{transform:translate(-1.5%,-2.5%)}.about-section .container:hover img{transform:translate(1.5%,2.5%)}.work-section .section-header .content{animation:marqueeLeft 5s linear infinite}.work-section .projects{transition:all .3s ease}.work-section .projects .load-more{display:none}@media (max-width: 800px){.work-section .projects .load-more{display:flex;align-items:center;padding:5%;border-bottom:1px solid rgba(255,255,255,.2)}.work-section .projects .load-more p{flex-grow:1}.work-section .projects .load-more .bi-plus{justify-self:flex-end;color:#fff}}.work-section .projects .project{cursor:pointer;border-bottom:1px solid rgba(255,255,255,.2);position:relative;transition:all .3s ease}@media (max-width: 800px){.work-section .projects .project{display:flex;padding:3rem 0;flex-direction:column-reverse}}.work-section .projects .project:hover .dot{transform:translate(0);background-color:#fff}.work-section .projects .project:hover h3{transform:translate(0);color:#fff}.work-section .projects .project:hover .skills span{transform:translate(0);margin:2.5rem 1rem;font-size:1.3rem}@media (max-width: 800px){.work-section .projects .project:hover .skills span{font-size:1.2rem}}.work-section .projects .project:hover .image{height:36.9rem;z-index:1;display:flex;align-items:center;justify-content:center}@media (max-width: 800px){.work-section .projects .project:hover .image{height:inherit}}.work-section .projects .project:hover .image img{transform:scale(1)}@media (max-width: 800px){.work-section .projects .project .container{align-items:start;display:flex;margin-left:2rem}}.work-section .projects .project .container:nth-child(1){padding:5rem 0 0;display:flex;align-items:center;position:relative;overflow:hidden}@media (max-width: 800px){.work-section .projects .project .container:nth-child(1){order:1;padding:0;margin:0 5%}}.work-section .projects .project .dot{width:20px;height:20px;border-radius:50%;background-color:#242424;display:inline-block;margin-right:3rem;transform:translate(-3rem);transition:all .5s ease}@media (max-width: 800px){.work-section .projects .project .dot{transform:translate(0);background-color:#fff;width:12px;height:12px;margin-right:1.5rem}}.work-section .projects .project h3{display:inline;transform:translate(-2rem);transition:all .5s ease}@media (max-width: 800px){.work-section .projects .project h3{transform:translate(0);color:#fff;font-style:italic;font-size:4.5rem}}.work-section .projects .project .skills{display:block;margin-left:3rem;overflow:hidden}@media (max-width: 800px){.work-section .projects .project .skills{overflow:visible}.work-section .projects .project .skills span{font-size:1.2rem}}.work-section .projects .project .skills span{color:#fff;border:1px solid #ffffff;border-radius:2rem;padding:1rem 2rem;display:inline-block;margin:.5rem 1rem;transform:translateY(125%);transition:all .5s ease;transition-delay:calc(.05s * var(--i))}@media (max-width: 800px){.work-section .projects .project .skills span{transform:translate(0);margin:2.5rem 1rem}}.work-section .projects .project .image a{height:100%}.work-section .projects .project .image{width:40%;height:0%;position:absolute;top:0;right:0;transition:all .2s ease-in-out;overflow:hidden}@media (max-width: 800px){.work-section .projects .project .image{position:relative;order:1;scale:1;width:auto;height:100%;margin:5%}}.work-section .projects .project .image .cursor{position:absolute;border:1px solid #ffffff;height:10rem;width:10rem;align-items:center;justify-content:center;display:flex;border-radius:50%;display:none;top:0}.work-section .projects .project .image img{width:100%;transform:scale(1.7);transition:all .3s ease-in-out}@media (max-width: 800px){.work-section .projects .project .image img{transform:scale(1)}}.skills-section{border-bottom:1px solid rgba(255,255,255,.2)}.skills-section .section-header .content{animation:marqueeRight 5s linear infinite}.skills-section .skills{padding:5rem 0;overflow:hidden}.skills-section .skills div{margin:5rem 0}@media (max-width: 800px){.skills-section .skills div{margin:1rem 0}}.skills-section h2{display:flex;justify-content:space-around;gap:10px}@media (max-width: 800px){.skills-section h2{font-size:4rem}}.skills-section h2 span{color:#242424;width:100%;transition:all .1s ease}.skills-section h2 span:hover{color:#fff;transform:skew(-15deg)}.contact-section{border-bottom:1px solid rgba(255,255,255,.2)}.contact-section .section-header .content{animation:marqueeLeft 5s linear infinite}.contact-section .section{border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:13rem}.contact-section .socials{margin:5rem 0;width:100%;display:flex;justify-content:end}@media (max-width: 500px){.contact-section .socials{margin:3rem 0;justify-content:start}}.contact-section .socials li{margin:4rem 5rem;list-style-type:none;transition:all .3s ease}@media (max-width: 500px){.contact-section .socials li{margin:4rem 0}}.contact-section .socials li a{font-size:1.8rem;color:#fff;padding:2rem 0;text-decoration:none}.contact-section .socials li svg{margin:0 .9rem;opacity:0;transform:translate(-50%);transition:all .3s ease}.contact-section .socials li:hover{transform:scale(105%)}.contact-section .socials li:hover svg{margin:0 .9rem;opacity:1;transform:translate(0)}.contact-section .footer{display:flex;width:100%;position:relative}@media (max-width: 950px){.contact-section .footer{flex-direction:column-reverse}}.contact-section .footer .email-container .copy-text{background-color:#fff;position:absolute;padding:1rem 2rem;border-radius:4rem;margin-left:45rem;margin-top:2.5rem;transform:translate(-20%);opacity:0;transition:all .3s ease}@media (max-width: 950px){.contact-section .footer .email-container .copy-text{top:5rem;left:0;margin-left:0}}@media (max-width: 500px){.contact-section .footer .email-container .copy-text{top:25rem}}.contact-section .footer .email-container .copy-text p{color:#000}.contact-section .footer .email-container:hover .copy-text{transform:translate(0);opacity:1}.contact-section .footer .email-container .email{transition:all .3s ease}.contact-section .footer .email-container .email h2{color:#fff;cursor:pointer;position:relative}@media (max-width: 500px){.contact-section .footer .email-container .email h2{font-size:4rem;margin-bottom:-3rem}.contact-section .footer .email-container .email h2:after{top:6.2rem}}.contact-section .footer .email-container .email h2:nth-child(1):after{left:0}.contact-section .footer .email-container .email h2:after{height:5px;background-color:#fff;content:" ";position:absolute;bottom:-4px;right:0;width:0%;transition:all .3s ease}.contact-section .footer .email-container .email:hover{transform:skew(-10deg)}.contact-section .footer .email-container .email:hover h2:nth-child(1):after{width:56%}.contact-section .footer .email-container .email:hover h2:after{width:100%}@media (max-width: 950px){.contact-section .footer .email-container .email:hover h2:after{width:75%;right:25%}}@media (max-width: 800px){.contact-section .footer .email-container .email:hover h2:after{width:90%;right:10%}}@media (max-width: 500px){.contact-section .footer .email-container .email:hover h2:after{width:100%;right:0}}.contact-section .footer .credits{display:flex;width:100%;justify-content:end;align-items:end}@media (max-width: 950px){.contact-section .footer .credits{margin:4rem -1rem}}@media (max-width: 500px){.contact-section .footer .credits{justify-content:start}}.contact-section .footer .credits p{color:#fff3}.contact-section .footer .credits a{color:#fff}