.loading{animation:disappear var(--ease-in-out-sine) var(--ms500) both;animation-delay:calc(var(--s2) + var(--ms500));background-color:var(--neutral-400);box-shadow:0 1rem 3.25rem var(--neutral-450);height:100vh;justify-content:center;position:absolute;width:100vw;z-index:100}.loading,.loading .acme{align-items:center;display:flex}.loading .acme{aspect-ratio:1/1;flex-direction:column;justify-content:space-between;position:relative;width:clamp(6rem,15vw,10.125rem)}.acme .icon{animation:scale var(--ease-in-out-quad) var(--ms800) forwards;animation-delay:var(--ms300);transform:scale(0);width:clamp(4.6875rem,10vw,7.5rem)}.acme .bar{animation:underline var(--ease-in-out-quad) calc(var(--s1) + var(--ms300)) both;animation-delay:calc(var(--s1) + var(--ms100));background-color:var(--primary-600);border-radius:50em;bottom:0;height:4px;left:0;position:absolute;transform-origin:right;width:0}.nav{align-items:center;background-color:var(--neutral-380);display:flex;inset:0 0 auto;justify-content:space-between;overflow:hidden;padding:1em 1.5em;position:fixed;transition:all var(--ease-out-sine) var(--ms200);z-index:100}.nav.blur-bg{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 0 .75em var(--neutral-450);padding-block:.5em}.nav-logo-box{align-items:center;color:var(--primary-600);display:flex;text-decoration:none}.nav-logo-icon{display:inline-block;height:2.25rem}.nav-logo-text{font-family:var(--ff-sans-title);font-size:var(--fs-xl);font-weight:600;letter-spacing:1px;margin-left:-2px}.nav-links-box{align-items:center;display:flex;gap:2.375rem}.nav-links{color:var(--neutral-800);display:block;font-family:var(--ff-sans-title);font-size:var(--fs-xs);font-weight:600;letter-spacing:.25px;position:relative;text-decoration:none}.nav-links:not(.resume):after{background-color:var(--primary-600);bottom:-.125rem;content:"";height:2px;left:0;position:absolute;transform:scale(0);transform-origin:center;transition:all var(--ease-out-quad) var(--ms200);width:100%}.nav-links:not(.resume):is(:hover,:active,:focus){color:var(--neutral-700)}.nav-links:not(.resume):is(:hover,:active,:focus):after{transform:scale(1)}.nav-links.resume{background-color:var(--primary-600);border-radius:2em;color:var(--neutral-400);padding:.75em 2em;transition:all var(--ease-out-sine) var(--ms200)}.nav-links.resume:is(:hover,:active,:focus){background-color:var(--primary-570);box-shadow:var(--box-shadow-btn)}.nav-menu{display:none}@media only screen and (max-width:50em){.nav{overflow:visible;padding:1.5rem;position:fixed}.nav-menu{display:block;height:2rem}.nav-logo-icon{display:inline-block;max-height:2rem}.nav-logo-text{font-size:var(--fs-base)}.nav-links-box{background-color:var(--neutral-400);box-shadow:0 100vh 0 100vh var(--neutral-670);display:none;inset:5em 0 auto 0;opacity:0;padding-block:2em;position:absolute;transform:translateY(-20%);transition:box-shadow var(--ease-out-sine) var(--ms200);z-index:0}.nav-links{font-size:var(--fs-base)}.nav-links-box.expanded{animation:menu-open var(--ease-out-sine) var(--ms300) forwards;display:flex;flex-direction:column;gap:2.25rem;z-index:50}.nav-links-box.expanded.fix{top:3.5em}.nav.blur-bg{padding-block:.75em}}.hero{display:flex;margin:0 auto;max-width:var(--body-max-w);min-height:100vh;padding:8rem 4rem}.hero .hero-box{display:grid;grid-template-columns:repeat(2,1fr)}.hero .text-box{align-items:flex-start;display:flex;flex-direction:column;justify-content:center}.hero .hello-world{animation:type calc(var(--s5) + var(--ms500)) steps(67) forwards,blink var(--ms900) step-end 3 forwards;animation-delay:var(--ms300),var(--s3);border-right:2px solid var(--primary-570);color:var(--neutral-750);font-family:var(--ff-mono);font-size:var(--fs-lg);font-weight:700;letter-spacing:.1px;max-width:-moz-fit-content;max-width:fit-content;overflow:hidden;white-space:nowrap;width:0}.hero .title{color:var(--neutral-800);font-family:var(--ff-sans-title);font-size:var(--fs-6xl);font-weight:900;letter-spacing:.25px;line-height:1;margin-block:.25em}.hero .title .name{position:relative}.hero .title .name:after{animation:underline var(--ms350) var(--ease-in-out-quad) both;animation-delay:calc(var(--s2) + var(--ms600));background-color:var(--primary-600);bottom:0;content:"";height:.125em;left:0;position:absolute;top:1.2em;width:0}.hero .sub-title{color:var(--neutral-750);font-family:var(--ff-sans-title);font-size:calc(var(--fs-4xl) - .95rem);font-weight:750;letter-spacing:.2px;line-height:1.1;top:1.2em}.hero .intro{color:var(--neutral-700);font-family:var(--ff-sans-body);font-size:var(--fs-lg);font-weight:400;line-height:1.75em;margin-block-start:1.25em;max-width:52ch}.hero .intro .status{color:var(--neutral-800);font-weight:500}.hero .text-box .btn{font-size:var(--fs-base);margin-block:2em}.hero .image-box{align-items:center;display:flex;justify-content:flex-end}.hero .image-wrapper{align-items:flex-end;border-radius:3em;-webkit-border-radius:3em 3em 3em 3em;-moz-border-radius:3em 3em 3em 3em;-ms-border-radius:3em 3em 3em 3em;-o-border-radius:3em 3em 3em 3em;display:flex;max-width:16.5rem;min-height:18rem;overflow:hidden;position:relative;transition:transform var(--ease-out-quad) var(--ms150)}.hero .image-wrapper .background{aspect-ratio:1/1;background-color:var(--primary-600);border-radius:50em;width:16.5rem}.hero .image-wrapper .profile{position:absolute;top:.12rem;z-index:10}.hero .wrapper{margin-top:-14rem;position:relative}.hero .wrapper .tag-box{background-color:var(--neutral-800);border-radius:.25em;opacity:0;padding:.5em .75em;position:absolute;right:-2.5rem;top:-1.125rem;transition:all var(--ease-in-out-cubic) var(--ms300);visibility:hidden;z-index:20}.hero .wrapper .tag{color:var(--neutral-400);font-family:var(--ff-mono);font-size:calc(var(--fs-xs) - .0625rem);font-weight:500;letter-spacing:.25px}.hero .wrapper .tag .wave{animation:wave var(--s2) infinite;display:inline-block;transform-origin:70% 70%}.hero .wrapper .tag:after{background-color:var(--neutral-800);bottom:-8px;clip-path:polygon(50% 100%,0 0,100% 0);content:"";height:10px;left:.75rem;position:absolute;width:10%}.hero .wrapper:is(:hover,:active,:focus) .tag-box{opacity:1;transform:translateY(-.75rem);visibility:visible}.hero .wrapper:is(:hover,:active,:focus) .wave{animation:wave var(--s2) infinite;display:inline-block;transform-origin:70% 70%}@media only screen and (min-width:1100px){.hero .title .break{display:none}}@media only screen and (max-width:50em){.hero{display:block;margin-inline:unset;min-height:auto;padding:0 1.5rem}.hero .hero-box{gap:1.5rem;grid-template-columns:1fr}.hero .image-box{grid-row:1;justify-content:center;margin-top:7rem}.hero .text-box{align-items:center;text-align:center}.hero .hello-world{animation:none;border:none;margin-inline:auto;width:100%}.hero .title{margin-block:1rem}.hero .title .name:after{animation-delay:.5s}.hero .intro{font-size:var(--fs-base)}.hero .intro,.hero .text-box .btn{margin-inline:auto}.hero .image-wrapper .profile{top:-1rem;z-index:unset}.hero .wrapper{margin-top:auto}.hero .image-wrapper,.hero .image-wrapper .background{max-width:10rem}.hero .image-wrapper{min-height:auto}.hero .wrapper .tag-box{right:-4.5rem;top:-1rem}.hero .wrapper .tag{font-size:.75rem}}.projects{margin-inline:auto;max-width:1356px;padding:4.5rem 4rem}.projects .title{color:var(--neutral-800);font-family:var(--ff-sans-title);font-size:var(--fs-2xl);font-weight:800;letter-spacing:.25px;margin-block-end:.5em;margin-inline:auto;max-width:-moz-fit-content;max-width:fit-content;position:relative}.projects .title:after{background-color:var(--primary-600);bottom:-4px;content:"";height:.125em;left:0;position:absolute;width:100%}.projects .sub-title{color:var(--neutral-750);font-family:var(--ff-sans-title);font-size:var(--fs-xl);font-weight:700;text-align:center}.projects-box{display:grid;gap:6rem;grid-template-rows:repeat(1,1fr);margin-block-start:5rem}.projects-box .sample-box{display:flex;flex-direction:row;gap:1.5rem}.projects-box .sample-box:nth-child(2n){flex-direction:row-reverse}.project-title{color:var(--neutral-800);font-family:var(--ff-sans-title);font-size:var(--fs-xl);font-weight:700;margin-block-end:.2rem}.project-info{font-weight:400;line-height:1.75rem}.project-date,.project-info{color:var(--neutral-700);font-family:var(--ff-sans-body);font-size:var(--fs-base);max-width:52ch}.project-date{font-weight:200;line-height:1.5rem;margin-block-end:.7rem}.sample-box .stack{display:flex;flex-wrap:wrap;gap:1rem;margin-block:1.5rem}.sample-box .stack .item{background-color:var(--primary-430);border-radius:.25em;color:var(--primary-600);font-family:var(--ff-mono);font-size:var(--fs-xs);font-weight:500;letter-spacing:.15px;padding:.5em .35em}.text-box .external-links{display:flex;gap:.75rem}.text-box .external-links .link{color:var(--primary-570);font-size:1.5rem;transition:all var(--ease-out-sine) var(--ms200)}.text-box .external-links .link:is(:hover,:active,:focus){color:var(--primary-600);transform:translateY(-.125em)}.sample-box .image-box{flex-basis:85%}.sample-box .image-box .sample{filter:saturate(10%) drop-shadow(.5em .5em .25em var(--primary-450));margin-inline:auto;max-width:85%;opacity:.8;transition:all var(--ease-in-out-quad) var(--ms300)}.sample-box:nth-child(2n) .image-box .sample{filter:saturate(10%) drop-shadow(-.5em .5em .25em var(--primary-450))}.sample-box .image-box .sample:hover{filter:none;opacity:1;transform:translateY(-.25em)}@media only screen and (max-width:50em){.projects{padding:4rem 1.5rem}.projects .title{font-size:var(--fs-xl);gap:3.5rem;margin-top:3.5rem}.project-title,.projects .sub-title{font-size:var(--fs-lg)}.projects .sub-title{margin-bottom:2em}.projects-box{gap:3.5rem;margin-block-start:4rem}.projects-box .sample-box{border-bottom:1px solid var(--primary-450);display:grid}.text-box .external-links{margin-inline:auto;padding-block-end:1.5rem}.sample-box .image-box{align-items:flex-end;display:flex;grid-row:1}.sample-box .image-box .sample,.sample-box:nth-child(2n) .image-box .sample{filter:none;max-width:100%;opacity:1}.sample-box .image-box .sample:hover{transform:none}}.connect{margin-inline:auto;max-width:1356px;padding-block:4rem 10rem;padding-inline:4rem}.cta-box{border-bottom:1px solid var(--primary-450);margin-bottom:2.5rem;margin-inline:auto;text-align:center}.cta-box,.cta-box .title{max-width:-moz-fit-content;max-width:fit-content}.cta-box .title{color:var(--neutral-800);font-family:var(--ff-sans-title);font-size:var(--fs-2xl);font-weight:800;letter-spacing:.25px;margin-block-end:.5em;margin-inline:auto;position:relative}.cta-box .title:after{background-color:var(--primary-600);bottom:-5px;content:"";height:.125em;left:0;position:absolute;width:100%}.cta-box .sub-title{color:var(--neutral-750);font-family:var(--ff-sans-title);font-size:var(--fs-xxl);font-weight:700}.cta-box .text{color:var(--neutral-700);font-family:var(--ff-sans-body);font-size:var(--fs-base);font-weight:400;line-height:1.75rem;margin-block:1.125em;margin-inline:auto;max-width:55ch}.cta-box .text .bold{color:var(--neutral-800);font-weight:500}.cta-box .btn{margin-inline:auto}.connect-links{display:flex;flex-wrap:wrap;gap:1.375rem;justify-content:center}.connect-links .link{color:var(--primary-570);display:block;font-size:1.625rem;transition:all var(--ease-out-sine) var(--ms200)}.connect-links .link:is(:hover,:active,:focus){color:var(--primary-600);transform:translateY(-.125em)}@media only screen and (max-width:50em){.connect{padding-block:5rem 6rem;padding-inline:1.5rem}.cta-box .title{font-size:var(--fs-xl)}.cta-box .sub-title{font-size:var(--fs-lg)}.cta-box .cta{font-size:var(--fs-base)}}.whoami{align-items:center;display:flex;margin-block-end:3rem;margin-inline:auto;max-width:1356px;padding-block-start:5rem;padding-inline:4rem}.whoami-box{display:grid;gap:2em;grid-template-columns:1fr 1fr}.text-box{display:flex;flex-direction:column;justify-content:center}.whoami .title{color:var(--neutral-800);font-family:var(--ff-sans-title);font-size:var(--fs-xxl);font-weight:800;letter-spacing:.25px;margin-block-end:1rem;max-width:-moz-fit-content;max-width:fit-content;position:relative}.whoami .title:after{background-color:var(--primary-600);bottom:0;content:"";height:.125em;left:0;position:absolute;width:100%}.whoami .text{color:var(--neutral-700);font-family:var(--ff-sans-body);font-size:var(--fs-base);line-height:2rem;margin-block:.75rem;max-width:72ch}.whoami .text .bold{color:var(--neutral-800);font-weight:500}.whoami .text .italic{font-style:italic}.whoami .text .mono{color:var(--neutral-800);font-family:var(--ff-mono);font-weight:500}@media only screen and (max-width:1030px){.whoami{justify-content:center}.whoami-box{grid-template-columns:1fr}.whoami .text-box{align-items:center}.whoami .title{margin-inline:auto}}@media only screen and (max-width:50em){.whoami{margin-block-start:0;padding-block-start:1.5rem;padding-inline:1.5rem}.whoami .title{font-size:var(--fs-xl)}}.footer{border:0;padding-block:2.5em}.footer .text-box{margin-inline:auto}.footer .text-box .text{color:var(--neutral-800);font-family:var(--ff-sans-body);font-size:var(--fs-xs);font-weight:500;text-align:center}.text-box .text .external-link{color:var(--neutral-800);font-weight:700;position:relative;text-decoration:none;transition:all var(--ease-out-sine) var(--ms200)}.text-box .text .external-link:is(:hover,:focus-within){color:var(--primary-600)}.anchor-links{align-items:center;bottom:0;left:1.5em;position:fixed;z-index:30}.anchor-links,.anchor-links .links-box{display:flex;flex-direction:column;gap:.75em}.anchor-links .links-box .link{color:var(--primary-570);display:block;font-size:1.75rem;text-decoration:none;transition:all var(--ease-out-sine) var(--ms200)}.anchor-links .decoration{background-color:var(--primary-500);height:4rem;width:1px}.anchor-links .links-box .link:is(:hover,:active,:focus){color:var(--primary-600);transform:translateY(-.125em)}@media only screen and (max-width:50em){.anchor-links{display:none}}.anchor-mail{align-items:center;bottom:0;display:flex;flex-direction:column;gap:4.75em;position:fixed;right:-2.5em;z-index:30}.anchor-mail .mail{color:var(--primary-570);font-family:var(--ff-mono);font-size:var(--fs-sm);font-weight:700;text-decoration:none;transform:rotate(90deg);transition:all var(--ease-out-sine) var(--ms200)}.anchor-mail .mail:is(:hover,:active,:focus){color:var(--primary-600)}.anchor-mail .decoration{background-color:var(--primary-500);height:4rem;width:1px}@media only screen and (max-width:50em){.anchor-mail{display:none}}.knowledge-sphere{border-radius:9999px;margin-inline:auto;max-width:-moz-fit-content;max-width:fit-content;position:relative}.sphere{cursor:default;font-family:var(--ff-mono);font-size:var(--fs-lg);font-weight:500;left:0;letter-spacing:.0625em;position:absolute;top:0}.sphere--item{color:var(--neutral-500);transition:all var(--ease-out-sine) var(--ms200)}@media only screen and (max-width:490px){.knowledge-sphere-box{display:none}}.btn-box .btn{background-color:var(--primary-600);border-radius:2em;color:var(--neutral-400);display:block;font-family:var(--ff-sans-title);font-size:var(--fs-base);font-weight:600;letter-spacing:.25px;margin-block:1.5rem;max-width:-moz-fit-content;max-width:fit-content;padding:.75em 2em;text-decoration:none;transition:all var(--ease-out-sine) var(--ms200)}.btn-box .btn:is(:hover,:active,:focus){background-color:var(--primary-570);box-shadow:var(--box-shadow-btn)}.show-more{display:flex;flex-direction:column;margin-block-start:4rem;position:relative}.show-more-btn{background-color:transparent;border:none;color:var(--primary-500);cursor:pointer;font-family:var(--ff-sans-title);font-size:var(--fs-sm);font-weight:600;letter-spacing:.25px;position:relative;transition:all var(--ease-out-sine) var(--ms200)}.show-more-btn:hover{color:var(--primary-600);text-shadow:0 0 .25em var(--primary-500)}.show-more-btn:focus{outline:none}.show-more-btn:after,.show-more-btn:before{background-color:var(--primary-450);content:"";height:1px;position:absolute;top:10%;width:40%}.show-more-btn:before{left:0}.show-more-btn:after{right:0}.show-more .more-box{margin-block-end:5rem}.show-more .more{word-wrap:break-word;display:grid;gap:2.125rem;grid-template-columns:repeat(auto-fill,minmax(24rem,1fr))}.more .card{background-color:var(--neutral-410);border:1px solid var(--primary-450);border-radius:.5em;color:var(--neutral-800);display:block;margin-inline:auto;overflow:hidden;padding:1.5em;text-decoration:none;transition:all var(--ease-in-out-quad) var(--ms300)}.more .card:is(:hover,:active,.card:is(:hover,:active,:focus-within)){border-color:var(--primary-500);box-shadow:0 .125em .375em var(--primary-450);transform:translateY(-.125em)}.more .card:is(:hover,:active,:focus-within) .relevant .name{color:var(--primary-600)}.card .relevant{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between}.card .decoration{color:var(--primary-450);font-size:2rem;margin-bottom:1.125rem}.relevant .name{color:var(--neutral-700);font-family:var(--ff-sans-title);font-size:var(--fs-base);font-weight:700;transition:all var(--ease-in-out-quad) var(--ms300)}.relevant .external-links-box{display:flex;gap:.75em}.relevant .external-link{color:var(--primary-570);display:block;font-size:1.375rem;transition:all var(--ease-out-sine) var(--ms200)}.relevant .external-link:is(:hover,:active,:focus){color:var(--primary-600);transform:translateY(-.125em)}.card .info{color:var(--neutral-700);font-family:var(--ff-sans-body);font-size:var(--fs-xs);font-weight:400;line-height:1.5rem;max-width:52ch;padding-block:1.125em}.card .stack{display:flex;flex-wrap:wrap;gap:1rem;margin-top:.5em}.card .stack .item{background-color:var(--primary-430);border-radius:.25em;color:var(--primary-600);font-family:var(--ff-mono);font-size:var(--fs-xs);font-weight:500;padding:.5em .75em}@media only screen and (max-width:50em){.show-more{margin-block-start:1.5rem}.show-more-btn:after,.show-more-btn:before{display:none}.show-more .more-box{margin-block-end:2.25rem}}@media only screen and (max-width:430px){.show-more .more{grid-template-columns:1fr}.card .relevant{align-items:center;flex-direction:column}.card .stack{justify-content:center}}*,:after,:before{border-style:solid;border-width:0;box-sizing:border-box;margin:0;padding:0}body,html{scroll-behavior:smooth}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}ol,ul{list-style:none;margin:0;padding:0}audio,canvas,embed,iframe,img,object,svg,video{display:block}img,video{height:auto;max-width:100%}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}:root{--primary-430:#eeded8;--primary-450:#e7cec5;--primary-500:#e0ae9f;--primary-570:#cc667c;--primary-600:#ba2649;--primary-650:#ad93b4;--neutral-380:hsla(50,21%,95%,.8);--neutral-400:#f5f4f0;--neutral-410:hsla(38,8%,72%,.1);--neutral-450:#d1cec7;--neutral-500:#bdb9b2;--neutral-670:rgba(65,67,98,.3);--neutral-700:#414362;--neutral-750:#8f9099;--neutral-800:#0a1229;--ff-sans-title:"American Typewriter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;--ff-sans-body:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;--ff-mono:"Spline Sans Mono",monospace;--fs-xs:.875rem;--fs-sm:.9375rem;--fs-base:1rem;--fs-lg:1.125rem;--fs-xl:1.25rem;--fs-xxl:1.5rem;--fs-2xl:1.75rem;--fs-3xl:2rem;--fs-4xl:2.5rem;--fs-5xl:3rem;--fs-6xl:3.5rem;--ease-out-quad:cubic-bezier(.25,.46,.45,.94);--ease-out-cubic:cubic-bezier(.215,.61,.355,1);--ease-out-expo:cubic-bezier(.95,.05,.795,.035);--ease-out-sine:cubic-bezier(.39,.575,.565,1);--ease-in-out-quad:cubic-bezier(.455,.03,.515,.955);--ease-in-out-cubic:cubic-bezier(.645,.045,.355,1);--ease-in-out-expo:cubic-bezier(1,0,0,1);--ease-in-out-sine:cubic-bezier(.445,.05,.55,.95);--ms50:50ms;--ms100:.1s;--ms150:.15s;--ms200:.2s;--ms250:.25s;--ms300:.3s;--ms350:.35s;--ms400:.4s;--ms450:.45s;--ms500:.5s;--ms550:.55s;--ms600:.6s;--ms650:.65s;--ms700:.7s;--ms750:.75s;--ms800:.8s;--ms850:.85s;--ms900:.9s;--ms950:.95s;--s1:1s;--s2:2s;--s3:3s;--s4:4s;--s5:5s;--body-max-w:1356px;--box-shadow-btn:0 .125em .5em var(--neutral-450)}body{background-color:var(--neutral-400);font-family:var(--ff-sans-body)}::-webkit-scrollbar{box-sizing:border-box;width:.9375em}::-webkit-scrollbar-track{background-color:transparent}::-webkit-scrollbar-thumb{background-clip:content-box;background-color:var(--neutral-500);border:3px solid transparent;border-radius:50em;outline:2px transparent}::-webkit-scrollbar-thumb:hover{background-color:var(--primary-600)}main{position:relative}@media (max-width:50em){:root{--fs-4xl:1.75rem;--fs-6xl:2.25rem}}@keyframes menu-open{0%{opacity:0;transform:translateY(-20%);z-index:0}to{opacity:1;transform:translateY(0);z-index:50}}@keyframes underline{0%{width:0}to{width:100%}}@keyframes blink{0%,to{border-color:transparent}50%{border-color:var(--primary-570)}}@keyframes type{0%{width:0}to{width:100%}}@keyframes scale{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes disappear{0%{opacity:1}to{opacity:0}}@keyframes wave{0%{transform:rotate(0)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%{transform:rotate(0)}to{transform:rotate(0)}}