@import "https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,200..800&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;width:100%;overflow-x:hidden}body{width:100%;overflow-x:hidden}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}body{letter-spacing:-.03em;color:#e4e4e4;font-optical-sizing:auto;font-family:Bricolage Grotesque,sans-serif;font-size:1.25rem;font-weight:400;line-height:1.5}::selection{color:#161616;background:#e4e4e4}h1,h2,h3,h4,h5,h6{letter-spacing:-.03em;font-variation-settings:"opsz" 96;font-family:Bricolage Grotesque,sans-serif;font-weight:700;line-height:1.1}h1{font-size:19.0625rem}h2{font-size:6rem}h3{font-size:3rem}a{z-index:0;color:inherit;text-decoration:none;transition:font-weight .3s;position:relative}a:after{content:"";clip-path:inset(100% 0 0);z-index:-1;background:#e4e4e4;transition:clip-path .3s;position:absolute;inset:0;transform:skew(-6deg)}a:hover{color:#161616;font-weight:600}a:hover:after{clip-path:inset(0)}small{font-size:.75em}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#161616;min-height:100svh;padding:.75rem;overflow-x:hidden}@media (width<=639px){body{padding:.375rem}}#root{min-height:calc(100svh - 1.5rem)}section{min-height:100svh}@keyframes spin{to{transform:rotate(360deg)}}.navbar{z-index:100;background:0 0;justify-content:space-between;align-items:center;padding-block:2rem;padding-inline:4.75rem;display:flex;position:fixed;top:0;left:0;right:0}@media (width<=1023px){.navbar{padding-inline:2.75rem}}@media (width<=767px){.navbar{padding-inline:1.75rem}}@media (width<=639px){.navbar{padding-inline:1.5rem}}.navbar{mix-blend-mode:exclusion}.navbar--menu-open{mix-blend-mode:normal}.navbar__logo{color:#e4e4e4;width:48px;height:48px}.navbar__logo-link:after{display:none}.navbar__logo-link:hover:after{clip-path:inset(100% 0 0)}.navbar__logo-link:hover{color:inherit;font-weight:inherit}.navbar__links{gap:2rem;list-style:none;display:flex}.navbar__links a{letter-spacing:-.03em;color:#e4e4e4;font-optical-sizing:none;font-variation-settings:"opsz" 14;mix-blend-mode:exclusion;font-family:Bricolage Grotesque,sans-serif;font-size:1rem;font-weight:400}.navbar__links a:hover{mix-blend-mode:normal;color:#161616;font-weight:600}.navbar__links a:after{background:#e4e4e4}.navbar__links a.navbar__link--active{font-weight:600}@media (width<=899px){.navbar__links{display:none}}.navbar__toggle{cursor:pointer;z-index:201;background:0 0;border:none;flex-direction:column;gap:5px;padding:4px;display:none}.navbar__toggle span{background:#e4e4e4;width:28px;height:2px;transition:transform .3s,opacity .3s;display:block}@media (width<=899px){.navbar__toggle{display:flex}}.navbar__overlay{z-index:500;color:#161616;opacity:0;pointer-events:none;background:#e4e4e4;flex-direction:column;justify-content:center;align-items:center;padding:2rem 4rem;transition:transform .3s,opacity .3s;display:flex;position:fixed;inset:0;transform:translate(100%)}.navbar__overlay--open{opacity:1;pointer-events:all;transform:translate(0)}.navbar__overlay-close{position:absolute;top:3.25rem;right:4.75rem}@media (width<=1023px){.navbar__overlay-close{right:2.75rem}}@media (width<=767px){.navbar__overlay-close{right:1.75rem}}@media (width<=639px){.navbar__overlay-close{right:1.5rem}}.navbar__overlay-close{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:0;padding:4px;display:flex}.navbar__overlay-close span{background:#161616;width:28px;height:2px;display:block}.navbar__overlay-close span:first-child{transform:rotate(45deg)translateY(1px)}.navbar__overlay-close span:last-child{transform:rotate(-45deg)translateY(-1px)}.navbar__overlay-links{flex-direction:column;align-items:center;gap:4rem;list-style:none;display:flex}.navbar__overlay-links a{letter-spacing:-.03em;color:#161616;font-family:Bricolage Grotesque,sans-serif;font-size:3rem;font-weight:700;text-decoration:none}.navbar__overlay-links a:after{background:#161616}.navbar__overlay-links a.navbar__link--active{font-weight:900}.navbar__overlay-links a:hover{color:#e4e4e4}@media (width<=599px){.navbar__overlay-links a{font-size:1.75rem}}.footer{padding-block:8rem;padding-bottom:1rem;color:#e4e4e4;background:#161616;flex-direction:column;flex:1;gap:4rem;padding-inline:4rem;display:flex}@media (width<=1023px){.footer{padding-inline:2rem}}@media (width<=767px){.footer{padding-block:3rem;padding-inline:1rem}}@media (width<=639px){.footer{padding-inline:.75rem}}.footer__top{justify-content:space-between;align-items:flex-start;gap:4rem;display:flex}@media (width<=899px){.footer__top{flex-direction:column;gap:2rem}}.footer__socials{flex-wrap:wrap;gap:.75rem;display:flex}.footer__social-link{color:#e4e4e4;animation:.65s both footerReveal;animation-delay:calc(var(--i) * .1s);align-items:center;transition:color .3s;display:flex}.footer__social-link:hover{color:#161616}.footer__social-link:after{background:#e4e4e4}.footer__nav{flex-direction:column;align-items:flex-end;gap:.75rem;display:flex}@media (width<=899px){.footer__nav{align-items:flex-start}}.footer__nav-link{letter-spacing:-.03em;color:#e4e4e4;font-optical-sizing:none;font-variation-settings:"opsz" 14;animation:.65s both footerReveal;animation-delay:calc(var(--i) * .1s);align-items:center;gap:6px;font-size:1rem;font-weight:300;line-height:1.1;transition:color .3s;display:inline-flex}.footer__nav-link:hover{color:#161616;font-weight:600}.footer__nav-link:after{background:#e4e4e4}.footer__spacer{flex:1}.footer__bottom{flex-direction:column;gap:.125rem;width:100%;display:flex}.footer__copyright{color:#e4e4e4d9;letter-spacing:-.03em;font-size:.85rem;font-weight:400}.footer__name{white-space:nowrap;font-weight:900;line-height:1.1}@keyframes footerReveal{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.scroll-progress{transform-origin:0;mix-blend-mode:exclusion;z-index:101;background:#e4e4e4;height:4px;position:fixed;top:0;left:0;right:0}.cursor-follower{mix-blend-mode:exclusion;pointer-events:none;z-index:9999;will-change:transform, translate;background:#e4e4e4;border-radius:50%;width:40px;height:40px;transition:width .25s,height .25s;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.cursor-follower--grow{width:80px;height:80px}.project{border-bottom:1px solid #e4e4e480;flex-direction:row;gap:2rem;padding-block:1.5rem;display:flex}.project__info{flex-direction:column;flex:1;min-width:0;display:flex}.project__year{letter-spacing:-.03em;color:#e4e4e480;font-optical-sizing:none;font-variation-settings:"opsz" 14;font-size:1rem;font-weight:600}.project__title{letter-spacing:-.03em;font-variation-settings:"opsz" 96;margin:0;font-size:2.15rem;font-weight:800;line-height:1.1}.project__desc{letter-spacing:-.03em;text-align:right;color:#e4e4e4d9;flex:1;font-size:1rem;font-weight:400;line-height:1.5}.project__icon{color:#e4e4e4;flex:1;justify-content:flex-end;align-items:flex-start;display:flex}.project[href]{cursor:pointer;text-decoration:none}@media (width<=899px){.project{flex-direction:column;gap:1rem}.project__title{font-size:1.5rem}.project__desc{font-size:1rem}.project__year{font-size:.875rem}.project--icon-only{flex-direction:row;gap:2rem}}@media (width<=639px){.project__desc{font-size:.85rem}}.loader{z-index:310;color:#e4e4e4;background:#161616;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loader__logo{color:#e4e4e4;width:60px;height:60px}.loader__hint{text-align:center;color:#e4e4e4d9;font-size:.9375rem;position:absolute;bottom:2rem;left:0;right:0}.loader__hint:before{content:"* "}@media (width>=600px){.loader__hint{display:none}}.introduction{flex-direction:column;padding:4rem;padding-inline:4rem;display:flex}@media (width<=1023px){.introduction{padding-inline:2rem}}@media (width<=899px){.introduction{padding-inline:1rem}}@media (width<=639px){.introduction{padding-inline:.75rem}}.introduction__spacer{flex:1}.introduction__content{flex-direction:column;display:flex}.introduction__name{white-space:nowrap;padding-block:.5rem;font-weight:900;line-height:1.1}.introduction__details{color:#e4e4e4d9;letter-spacing:-.03em;font-optical-sizing:none;font-variation-settings:"opsz" 14;grid-template-columns:1fr 1fr 1fr;padding-block:.5rem;font-size:1.2rem;font-weight:400;display:grid}@media (width<=899px){.introduction__details{font-size:1rem}}@media (width<=639px){.introduction__details{text-align:left;grid-template-columns:1fr;gap:4px;font-size:.8rem}.introduction__details>*{text-align:left}}.introduction__details>:first-child{text-align:left}.introduction__details>:nth-child(2){text-align:center}.introduction__details>:last-child{text-align:right}.introduction__details a{font-weight:400}.introduction__details a:hover{font-weight:600}.introduction__details .email-link{justify-self:end;align-items:center;gap:6px;width:fit-content;display:inline-flex}.introduction__details .email-link svg{transition:transform .3s}.introduction__details .email-link:hover svg{transform:translate(3px,-3px)scale(1.2)}.about{flex-direction:column;gap:4rem;height:100svh;padding-block:8rem;padding-inline:4rem;display:flex}@media (width<=1023px){.about{gap:2rem;padding-inline:2rem}}@media (width<=899px){.about{gap:4rem;padding-inline:1rem}}@media (width<=639px){.about{gap:2rem;height:auto;padding-block:4rem;padding-inline:.75rem}}.about__heading{flex:1;justify-content:flex-end;align-items:flex-end;display:flex}.about__heading p{letter-spacing:-.03em;font-variation-settings:"opsz" 96;text-align:right;max-width:75%;font-size:2.5rem;font-weight:700;line-height:1.1}@media (width<=899px){.about__heading p{max-width:100%;font-size:1.75rem}}@media (width<=639px){.about__heading p{max-width:100%;font-size:1.25rem}}.about__content{flex:1;align-items:center;gap:2rem;display:flex}.about__content>*{flex:1}@media (width<=899px){.about__content{align-items:flex-start;gap:0}}.about__logo{justify-content:flex-start;display:flex}.about__logo svg{color:#e4e4e4;width:200px;height:200px;animation:16s linear infinite spin}@media (width<=899px){.about__logo{display:none}}.about__text{letter-spacing:-.03em;color:#e4e4e4d9;font-size:1.2rem;font-weight:400;line-height:1.5}.about__text p+p{margin-top:1rem}@media (width<=639px){.about__text{font-size:1rem}}@media (width<=899px){.about__spacer{display:none}}.some-works{color:#161616;background:#e4e4e4;flex-direction:row;gap:4rem;min-height:100svh;padding-block:8rem;padding-inline:4rem;display:flex}@media (width<=1023px){.some-works{gap:4rem;padding-inline:2rem}}@media (width<=899px){.some-works{flex-direction:column;gap:2rem;padding-inline:1.75rem}}@media (width<=639px){.some-works{gap:1rem;min-height:auto;padding-block:4rem;padding-inline:.75rem}}.some-works__left{flex-direction:column;flex:1;gap:2rem;min-width:0;display:flex}.some-works__heading{white-space:nowrap;color:#161616d9;font-size:4.5rem;font-weight:800}@media (width<=767px){.some-works__heading{font-size:3rem}}@media (width<=639px){.some-works__heading{font-size:2rem}}.some-works__vector{flex:1;min-height:0;overflow:hidden}@media (width<=899px){.some-works__vector{display:none}}.some-works__svg{color:#16161680;width:100%;height:100%;display:block}.some-works__right{flex-direction:column;flex:1;gap:2rem;min-width:0;display:flex}.some-works .project{z-index:0;border-color:#16161680;position:relative}.some-works .project:after{content:"";clip-path:inset(100% 0 0);z-index:-1;background:#161616;transition:clip-path .3s;position:absolute;inset:0;transform:skew(-2deg)}.some-works .project:hover{color:#e4e4e4;border-color:#161616}.some-works .project:hover:after{clip-path:inset(0)}.some-works .project__year{color:#16161680;transition:color .3s}.some-works .project__desc{color:#161616d9;transition:color .3s}.some-works .project__icon{color:#161616;transition:color .3s}.some-works .project__icon svg{transition:transform .3s}.some-works .project:hover .project__title{color:#e4e4e4}.some-works .project:hover .project__year{color:#e4e4e480}.some-works .project:hover .project__desc{color:#e4e4e4d9}.some-works .project:hover .project__icon{color:#e4e4e4}.some-works .project:hover .project__icon svg{transform:translate(3px,-3px)scale(1.2)}.some-works::selection{color:#e4e4e4;background:#161616}.some-works ::selection{color:#e4e4e4;background:#161616}.work-experience{color:#161616;background:#e4e4e4;flex-direction:row;min-height:100svh;padding-block:8rem;padding-inline:4rem;display:flex}@media (width<=1023px){.work-experience{padding-inline:2rem}}@media (width<=899px){.work-experience{flex-direction:column;min-height:auto;padding-block:2rem;padding-inline:1.75rem}}@media (width<=639px){.work-experience{padding-block:4rem;padding-inline:.75rem}}.work-experience__spacer{flex:0 0 10%}@media (width<=1350px){.work-experience__spacer{display:none}}.work-experience__container{flex-direction:column;flex:1;gap:4rem;min-height:0;display:flex}@media (width<=767px){.work-experience__container{gap:2rem}}.work-experience__header{flex-direction:row;flex-shrink:0;align-items:flex-start;gap:8rem;display:flex}.work-experience__header svg{color:#16161680}@media (width<=1350px){.work-experience__header{gap:7.25rem}}.work-experience__vector{color:#161616d9;flex:1;min-width:0}@media (width<=899px){.work-experience__vector{display:none}}.work-experience__svg{object-fit:cover;width:100%;height:100%;display:block}.work-experience__heading{color:#161616d9;text-align:right;flex-shrink:0;font-size:4.5rem;font-weight:800}@media (width<=767px){.work-experience__heading{font-size:3rem}}@media (width<=639px){.work-experience__heading{font-size:2rem}}.work-experience__list{flex-direction:row;flex:1;gap:4rem;min-height:0;display:flex}@media (width<=767px){.work-experience__list{flex-direction:column;gap:2rem}}.work-experience .work-exp{border-top:1px solid #16161680;flex-direction:row;flex:1;gap:2rem;min-width:0;padding-block:1.5rem;display:flex}@media (width<=767px){.work-experience .work-exp{flex-direction:column;gap:1rem}}.work-experience .work-exp__info{flex-direction:column;flex:1;gap:.75rem;min-width:0;display:flex}.work-experience .work-exp__meta{flex-direction:column;display:flex}.work-experience .work-exp__company{letter-spacing:-.03em;font-variation-settings:"opsz" 96;margin:0;font-size:2.15rem;font-weight:800;line-height:1.1}@media (width<=767px){.work-experience .work-exp__company{font-size:1.5rem}}@media (width<=639px){.work-experience .work-exp__company{font-size:1.25rem}}.work-experience .work-exp__role{letter-spacing:-.03em;color:#161616d9;font-optical-sizing:none;font-variation-settings:"opsz" 14;font-size:1rem;font-weight:600}.work-experience .work-exp__period{letter-spacing:-.03em;color:#16161680;font-optical-sizing:none;font-variation-settings:"opsz" 14;margin-bottom:.75rem;font-size:.875rem;font-weight:500}.work-experience .work-exp__period:last-child{margin-bottom:0}.work-experience .work-exp__desc{letter-spacing:-.03em;text-align:right;color:#161616d9;flex:1;font-size:1rem;font-weight:400;line-height:1.5}@media (width<=767px){.work-experience .work-exp__desc{font-size:1rem}}@media (width<=639px){.work-experience .work-exp__desc{font-size:.85rem}}.work-experience::selection{color:#e4e4e4;background:#161616}.work-experience ::selection{color:#e4e4e4;background:#161616}.tools{color:#161616;text-align:center;background:#e4e4e4;flex-direction:column;align-items:center;gap:4rem;min-height:100svh;padding-block:8rem;padding-inline:4rem;display:flex}@media (width<=1023px){.tools{padding-inline:2rem}}@media (width<=899px){.tools{padding-block:2rem;padding-inline:1.75rem}}@media (width<=639px){.tools{min-height:auto;padding-block:4rem;padding-inline:.75rem}}.tools__vector{color:#161616d9;width:100%}.tools__svg{width:100%;height:auto;display:block}.tools__heading{color:#161616d9;font-size:4.5rem;font-weight:800}@media (width<=767px){.tools__heading{font-size:3rem}}@media (width<=639px){.tools__heading{font-size:2rem}}.tools__list{flex-flow:wrap;justify-content:center;align-items:center;gap:2rem 1rem;max-width:900px;display:flex}.tools__name{letter-spacing:-.03em;font-variation-settings:"opsz" 96;white-space:nowrap;font-size:2.5rem;font-weight:700;line-height:1.1}@media (width<=767px){.tools__name{font-size:1.75rem}}@media (width<=639px){.tools__name{font-size:1.25rem}}.tools__separator{color:#16161680;flex-shrink:0;width:24px;height:24px}@media (width<=899px){.tools__separator{width:16px;height:16px}}.tools__separator-svg{width:100%;height:100%;animation:12s linear infinite spin;display:block}.tools::selection{color:#e4e4e4;background:#161616}.tools ::selection{color:#e4e4e4;background:#161616}.contact{color:#e4e4e4;background:#161616;flex-direction:row;gap:4rem;min-height:auto;padding-block:8rem;padding-inline:4rem;display:flex}@media (width<=1023px){.contact{gap:4rem;padding-inline:2rem}}@media (width<=899px){.contact{flex-direction:column;gap:2rem;padding-inline:1rem}}@media (width<=639px){.contact{gap:1rem;padding-block:4rem;padding-inline:.75rem}}.contact__container{flex-direction:column;flex:1;justify-content:center;gap:1rem;min-width:0;display:flex}.contact__heading{letter-spacing:-.03em;font-variation-settings:"opsz" 96;color:#e4e4e4d9;font-size:4.5rem;font-weight:800;line-height:1.1}@media (width<=767px){.contact__heading{font-size:3rem}}@media (width<=639px){.contact__heading{font-size:2rem}}.contact__desc{letter-spacing:-.03em;color:#e4e4e4d9;font-size:1.2rem;font-weight:400;line-height:1.5}@media (width<=639px){.contact__desc{font-size:1rem}}.contact__link{z-index:0;cursor:pointer;color:inherit;border-bottom:1px solid #e4e4e480;flex-direction:row;gap:2rem;padding-block:1.5rem;text-decoration:none;display:flex;position:relative}.contact__link:after{content:"";clip-path:inset(100% 0 0);z-index:-1;background:#e4e4e4;transition:clip-path .3s;position:absolute;inset:0;transform:skew(-2deg)}.contact__link:hover:after{clip-path:inset(0)}.contact__link-info{flex-direction:column;flex:1;min-width:0;display:flex}.contact__link-title{letter-spacing:-.03em;font-variation-settings:"opsz" 96;color:#e4e4e4;margin:0;font-size:2.15rem;font-weight:800;line-height:1.1;transition:color .3s}@media (width<=899px){.contact__link-title{font-size:1.5rem}}@media (width<=639px){.contact__link-title{font-size:1.25rem}}.contact__link-sub{letter-spacing:-.03em;color:#e4e4e480;font-optical-sizing:none;font-variation-settings:"opsz" 14;font-size:1rem;font-weight:600;transition:color .3s}.contact__link-icon{color:#e4e4e4;flex:1;justify-content:flex-end;align-items:flex-start;transition:color .3s;display:flex}.contact__link-icon svg{transition:transform .3s}.contact__link:hover .contact__link-title{color:#161616}.contact__link:hover .contact__link-sub{color:#16161680}.contact__link:hover .contact__link-icon{color:#161616}.contact__link:hover .contact__link-icon svg{transform:translate(3px,-3px)scale(1.2)}.contact::selection{color:#161616;background:#e4e4e4}.contact ::selection{color:#161616;background:#e4e4e4}.contact-footer{flex-direction:column;min-height:100svh;display:flex}