@font-face{font-family:Clash Grotesk;src:url(/fonts/ClashGrotesk-Variable.ttf) format("truetype");font-weight:200 700;font-style:normal;font-display:swap}@font-face{font-family:Sentient;src:url(/fonts/Sentient-Variable.ttf) format("truetype");font-weight:200 700;font-style:normal;font-display:swap}:root{--bp-xs: 36em;--bp-sm: 48em;--bp-md: 62em;--bp-lg: 75em;--bp-xl: 88em;--spacing: 1rem;--gap: 1rem;--black: #1C1C1C;--white: #F7F7F5;--green: #3dd969;--container-bg-color: rgb(229, 229, 229);--container-bg-color-hover: rgb(245, 245, 245);--container-border-color: rgb(200, 200, 200);--container-text-color: rgb(40, 40, 40)}@media(min-width:48em){:root{--spacing: 2rem}}@media(min-width:75em){:root{--spacing: 4rem}}body{font-family:Clash Grotesk,sans-serif;font-weight:400;background-color:var(--white);color:var(--black);margin:0;padding:0}#root{padding:2rem}h1{font-family:Clash Grotesk,sans-serif;font-weight:700;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:0;margin:0}h2,h3{font-family:Sentient,serif;font-weight:700;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:0;margin:0}.inline-button{all:unset;display:inline-flex}.inline-button:focus-visible{outline:2px solid var(--green);outline-offset:2px}.hero-container{position:relative}.hero{display:flex;flex-direction:column;justify-content:flex-start;position:sticky;top:0;z-index:2;width:100%}.navbar{position:sticky;top:0;z-index:3}.fixed-navbar{position:fixed;top:0;z-index:3}.profile{position:relative;width:100%;z-index:1}.inview-sensor{display:block;width:100%;height:1px}.btn{position:relative;overflow:hidden;background:var(--black);color:var(--white);outline:none;border:1px solid var(--black);cursor:pointer;display:flex;align-items:center;gap:.25rem;padding:.125rem .375rem;border-radius:1rem;width:fit-content}.bg{position:absolute;inset:-1px;border-radius:inherit;background:var(--white);transform:translate(-100%);z-index:0}.label{font-size:.375rem;font-weight:500;text-transform:uppercase;color:var(--white);position:relative;z-index:1}@media(min-width:48em){.btn{padding:.25rem .5rem;border-radius:1rem;gap:.25rem}.label{font-size:.5rem}}@media(min-width:62em){.btn{padding:.375rem .75rem;border-radius:1rem;gap:.375rem}.label{font-size:.75rem}}@media(min-width:75em){.btn{padding:.5rem 1.25rem;border-radius:3rem;gap:.75rem}.label{font-size:1.25rem}}.modal{position:fixed;bottom:0;left:50%;transform:translate(-50%);height:fit-content;width:calc(100% - 8 * var(--spacing));z-index:1001;padding:var(--spacing) var(--spacing);border-radius:.5rem .5rem 0 0;background-color:var(--white);box-shadow:0 10px 30px #0003;display:flex;flex-direction:column;align-items:center;gap:var(--gap);border:2px solid var(--black);border-bottom:none!important}.backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:1000}.title{font-size:1rem;margin:0;padding:0}.socials{display:flex;flex-wrap:wrap;gap:calc(var(--gap) / 2)}.socials>:first-child{flex:1 1 100%}.socials>:not(:first-child){flex:1 1 calc(50% - var(--gap))}.social{display:flex;align-items:center;gap:calc(var(--gap));border:2px solid var(--container-bg-color-hover);background-color:var(--container-bg-color);border-radius:.5rem;padding:.5rem}.icon{display:flex;align-items:center;justify-content:center;padding:.5rem;border-radius:.25rem}.icon img{width:1rem;height:1rem}a{text-decoration:none;color:inherit}.labelContainer{display:flex;flex-direction:column;gap:.125rem}.socialLabel{font-family:Clash Grotesk,sans-serif;font-weight:500;font-size:.75rem;color:var(--container-text-color);padding:0;margin:0}.socialSublabel{font-family:Clash Grotesk,sans-serif;font-weight:200;font-size:.625rem;color:var(--container-text-color)}@media(min-width:48em){.title{font-size:1.5rem}.socials{gap:var(--gap)}.icon img{width:1.5rem;height:1.5rem}.socialLabel{font-size:1rem}.socialSublabel{font-size:.75rem}}@media(min-width:62em){.socialLabel{font-size:1.25rem}.socialSublabel{font-size:1rem}}.globe-container{position:fixed;bottom:0;left:0;width:100%;height:100%;overflow:auto;pointer-events:none;z-index:-10}.container{padding:var(--spacing)}.wrapper{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between}.name{font-size:3rem;line-height:.85;letter-spacing:-2px;text-align:left;text-transform:uppercase}.info{display:flex;flex-direction:column;width:100%;align-items:flex-end;text-align:right;gap:calc(var(--spacing)/4)}.description{font-size:.75rem;line-height:.95}.dot{position:relative;z-index:1;width:2px;height:2px;background-color:var(--green);border-radius:50%;animation:pulse-core 1.8s ease-in-out infinite}.dot:after{content:"";position:absolute;inset:0;border-radius:50%;background-color:var(--green);opacity:.4;animation:pulse-ring 1.8s ease-out infinite}@keyframes pulse-core{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:.8}}@keyframes pulse-ring{0%{transform:scale(1);opacity:.4}to{transform:scale(3);opacity:0}}@media(min-width:48em){.name{font-size:4.5rem;line-height:1}.description{font-size:1.5rem;line-height:.82}.info{width:fit-content;gap:calc(.5rem - 1px)}.dot{width:3px;height:3px;background-color:var(--green);border-radius:50%}}@media(min-width:62em){.name{font-size:6rem;line-height:1.05;letter-spacing:-3px}.description{font-size:2rem;line-height:.85}.info{gap:calc(.75rem - 1px)}.dot{width:4px;height:4px;background-color:var(--green);border-radius:50%}}@media(min-width:75em){.wrapper{align-items:flex-end}.name{font-size:7.5rem;line-height:.75;letter-spacing:-5px}.description{font-size:2.5rem;line-height:.9}.info{gap:calc(1rem - 1px)}.dot{width:6px;height:6px;background-color:var(--green);border-radius:50%}}ul{margin:var(--spacing);padding:0;position:relative;display:flex;flex-direction:column;gap:calc(var(--gap));z-index:1}li{list-style-type:none;position:relative;cursor:pointer;display:flex;align-items:center;width:fit-content}.line{background-color:var(--black);height:2px;width:80px;border-radius:2px;margin-right:.5rem}.nav-label{position:absolute;top:0x;white-space:nowrap;font-family:Clash Grotesk,sans-serif;font-size:.75rem;font-weight:400;text-transform:uppercase}@media(min-width:48em){.nav-label{font-size:1rem}}@media(min-width:62em){.line{height:2px}}.profile-text{font-family:Clash Grotesk,sans-serif;color:var(--container-text-color);font-size:1.25rem}@media(min-width:48em){.profile-text{font-size:1.5rem}}.projects-container{position:relative;height:250vh}.projects-sticky{position:sticky;width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between}.projects-list{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:.5rem;width:100%}.project-item{position:relative;width:100%}.project-item .project-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:1rem}.project-item .project-header .project-name{font-weight:500;font-size:1.25rem;letter-spacing:-1px;margin:0}.project-item .project-header .project-stack{display:flex;flex-direction:row;align-items:center;gap:.5rem}.project-item .project-header .project-stack .stack-item{position:relative;display:flex;align-items:center;justify-content:center;padding:.25rem;border-radius:.25rem;cursor:pointer}.project-item .project-header .project-stack .stack-item[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:120%;left:50%;transform:translate(-50%);background-color:var(--black);color:var(--white);opacity:0;font-size:.75rem;text-transform:capitalize;white-space:nowrap;padding:.25rem .5rem;border-radius:.25rem;pointer-events:none;transition:opacity .2s ease-in-out;transition-delay:.1s}.project-item .project-header .project-stack .stack-item:hover:after{opacity:1}.project-item .project-description{font-family:Sentient,sans-serif;font-weight:400;font-size:.75rem;letter-spacing:.25px;margin-top:8px}.project-item .text-seperator{display:block;width:100%;height:2px;background-color:var(--black);margin:8px 0 16px;border-radius:2px}.image-container{margin-top:16px;position:fixed;bottom:2rem;width:calc(100% - var(--spacing) * 6)}.image{width:100%;height:150px;object-fit:cover;border-radius:4px}.external-link-button{background:#1c1c1c1a;border:1px solid rgba(28,28,28,.25);border-radius:100%;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease-in-out}.external-link-button:hover{background:#1c1c1c40;border:1px solid rgba(28,28,28,.5);border-radius:100%;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center}@media(min-width:48em){.project-item .project-description{font-size:.75rem}.image-container{width:calc(100% - var(--spacing) * 4)}.image{height:250px;width:100%}}@media(min-width:62em){.project-item .project-header .project-name{font-size:1.75rem}.project-item .project-description{font-size:1rem}.image-container{position:relative;width:30%}.projects-sticky{flex-direction:row}.projects-list{width:60%}.image{height:400px;width:300px}}.contact-container{position:relative;height:250vh}.contact-sticky{position:sticky;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.contact-title{font-weight:500;font-size:1.5rem;text-align:center;margin:0 0 1.5rem}@media(min-width:48em){.contact-title{font-size:2.5rem}}