@font-face{font-family:Inter;font-style:italic;font-weight:100 900;font-display:swap;src:url(../fonts/UcCm3FwrK3iLTcvnUwQT9mI1F54.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/UcCo3FwrK3iLTcviYwYZ8UA3.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}html{--color-brand: #ffffff;--color-background: #a8a2b981;--color-text-primary: #ffffff;--color-text-secondary: #cdd5e7;--color-emphasis: #4f4068;--font-family-body: "Inter", Helvetica, "Franklin Gothic Medium", "Franklin Gothic", "ITC Franklin Gothic", sans-serif;--font-family-display: "Inter", serif;--font-family-mono: monospace;--font-size-1: .75rem;--font-size-2: .875rem;--font-size-3: 1rem;--font-size-4: 1.125rem;--font-size-5: 1.25rem;--font-size-6: 1.5rem;--font-size-7: 2rem;--font-size-8: 2.75rem;--paragraph-width: 60ch;--shadow-card: 0px 1px 2px hsla(271, 35%, 29%, .2), 0px 2px 4px hsla(271, 35%, 29%, .2), 0px 4px 8px hsla(271, 35%, 29%, .2)}*,*:before,*:after{margin:0;padding:0;border:0;box-sizing:border-box;vertical-align:baseline}html,body{height:100%;font-family:var(--font-family-body);font-weight:400;font-style:normal}ol,ul{list-style:none}a{color:inherit;text-decoration:none}p{font-size:var(--font-size-3);line-height:1.5;max-width:var(--paragraph-width);text-wrap:balance}h1,h2,h3,h4,h5,h6{font-weight:400}button{display:block;margin:0;padding:0;border:none;background:transparent;cursor:pointer;text-align:left;font:inherit;color:inherit}.webgl{position:fixed;top:0;left:0;outline:none}header{position:fixed;top:0;left:0;padding-block:24px;padding-inline:24px}.logo{visibility:visible;color:var(--color-brand);width:80px;height:auto}.socials-overlay{visibility:visible;display:flex;flex-direction:column;color:var(--color-text-primary);font-size:var(--font-size-1);font-weight:500;letter-spacing:.1px}.socials-overlay a{line-height:1.4}.socials-overlay a:hover{box-shadow:0 1.5px 0 var(--color-emphasis);transition:box-shadow .2s}@media (max-width: 35rem){.socials-overlay{flex-direction:row;justify-content:center;flex-wrap:wrap;column-gap:8px}}.main-nav{visibility:visible;display:flex;flex-direction:column;align-items:flex-start;gap:4px;counter-reset:navs}.nav-item{display:flex;flex-direction:row;align-items:center;gap:2px;height:32px;font-family:var(--font-family-display);font-size:var(--font-size-6);text-transform:uppercase;line-height:.9;color:var(--color-text-secondary);counter-increment:navs;position:relative}.nav-item.selected,.nav-item:hover{color:var(--color-text-primary)}.nav-item:before{align-self:flex-start;font-size:var(--font-size-1);content:"(0" counter(navs) ")"}.nav-item .content{align-self:flex-end}.nav-item.selected .content:before{position:absolute;top:20%;left:0;background-color:currentColor;display:inline-block;height:8px;width:8px;margin-inline-end:100px;border-radius:100%}@media (max-width: 35rem){.main-nav{flex-direction:row;justify-content:center;align-items:center;gap:8px}.nav-item{flex-direction:column;font-size:var(--font-size-4)}}footer{position:fixed;bottom:0;width:100%;display:flex;justify-content:space-between;align-items:self-end;--padding-footer: 24px;padding-inline:var(--padding-footer);padding-block-end:var(--padding-footer);gap:var(--padding-footer)}@media (max-width: 35rem){footer{--padding-footer: 16px;flex-direction:column;align-items:center;gap:12px}}.inline-link{transition:box-shadow .2s;box-shadow:0 1.5px 0 var(--color-emphasis)}.inline-link:hover{color:var(--color-emphasis)}section{width:400px;height:fit-content;border-radius:16px;padding:32px 16px;color:var(--color-text-primary);display:none;background-color:var(--color-background);position:absolute;top:100px;right:100px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);box-shadow:var(--shadow-card)}section.active{display:revert;visibility:visible}section .wrapper{display:flex;flex-direction:column;gap:8px}.content__projects{top:60px;right:50px}.content__home{top:100px;left:50px}@media (max-width: 35rem){main{display:flex;flex-direction:column;justify-content:flex-start;padding:24px;padding-block-start:70px}.content__home,.content__projects,.content__writings,.content__about{position:relative;top:0;right:0;bottom:0;left:0;width:100%;max-height:40vh;padding:6px 12px;overflow-y:scroll;scrollbar-width:thin}.content__projects{max-height:20vh}.content__about{max-height:60vh}}.visually-hidden{position:absolute;overflow:hidden;clip:rect(0 0 0 0);height:1px;width:1px;margin:-1px;padding:0;border:0}.overlay{height:100%;visibility:hidden}main{position:relative;width:100%;height:100%}.toggleCamera{position:absolute;bottom:50%;right:16px;visibility:visible;border:2px solid var(--color-brand);border-radius:100%;padding:8px}.toggleCamera:hover{border-color:var(--color-background);background-color:var(--color-background)}.toggleCamera .icon{color:var(--color-brand);transform:translateY(2px)}@media (max-width: 35rem){.toggleCamera{bottom:80px}.toggleCamera .icon{width:16px;height:16px}}