*,:after,:before{box-sizing:border-box}:root{--bg-primary:#0b1220;--text-primary:#cfd8e3;--text-secondary:#a8b3c7;--text-muted:#8693ab;--surface-hover:#27344a80;--surface-border:#94a3b83d;--surface-shadow:#02061766;--accent:#67d3ff;--accent-soft:#38bdf82e;--cursor-x:50vw;--cursor-y:50vh;--spotlight-size:760px;--spotlight-opacity:0}#root,body,html{max-width:100%;min-height:100%;overflow-x:hidden;width:100%}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0b1220;background:var(--bg-primary);color:#cfd8e3;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}body,p{margin:0}p{color:#a8b3c7;color:var(--text-secondary);line-height:1.7;max-width:65ch}a{color:#cfd8e3;color:var(--text-primary);font-weight:600;text-decoration:none;transition:color .18s ease}a:focus-visible,a:hover{color:#67d3ff;color:var(--accent)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{background:var(--bg-primary);width:100%}.App-body,:root{min-height:100vh}.App-body{isolation:isolate;position:relative}.App-body:before{background:radial-gradient(var(--spotlight-size) circle at var(--cursor-x) var(--cursor-y),#2f4e8047 0,#2f4e802e 28%,#2f4e8014 48%,#0000 70%);content:"";inset:0;opacity:var(--spotlight-opacity);pointer-events:none;position:fixed;transition:opacity .22s ease;z-index:0}.App-body>*{position:relative;z-index:1}@media (hover:none),(pointer:coarse){.App-body:before{display:none}}@media (max-width:1024px){.App-body:before{display:none}}.App-intro{--loader-bg:var(--bg-primary);--loader-fg:var(--text-primary);--loader-line:var(--accent);background:var(--loader-bg);display:grid;inset:0;overflow:hidden;place-items:center;position:fixed;transition:opacity .3s ease;z-index:12}.App-intro--exit{opacity:0}.intro-content{height:130px;position:relative;width:min(88vw,220px);z-index:1}.intro-status{font-size:1.1rem;font-weight:700;margin:0;text-align:center;top:95px;transform:translateX(-50%);white-space:nowrap}.intro-body,.intro-status{left:50%;position:absolute}.intro-body{animation:intro-speeder .4s linear infinite;height:0;margin-left:-62px;top:36px;width:0}.intro-body>span{background:var(--loader-fg);border-radius:2px 10px 1px 0;height:5px;left:60px;position:absolute;top:-19px;width:35px}.intro-base span{border-bottom:6px solid #0000;border-right:100px solid var(--loader-fg);border-top:6px solid #0000;height:0;position:absolute;width:0}.intro-base span:before{background:var(--loader-fg);border-radius:50%;content:"";height:22px;position:absolute;right:-110px;top:-16px;width:22px}.intro-base span:after{border-bottom:16px solid #0000;border-right:55px solid var(--loader-fg);border-top:0 solid #0000;content:"";height:0;position:absolute;right:-98px;top:-16px;width:0}.intro-face{border-radius:20px 20px 0 0;right:-125px;top:-15px;transform:rotate(-40deg);width:20px}.intro-face,.intro-face:after{background:var(--loader-fg);height:12px;position:absolute}.intro-face:after{border-radius:0 0 0 2px;content:"";right:4px;top:7px;transform:rotate(40deg);transform-origin:50% 50%;width:12px}.intro-body>span>span:first-child,.intro-body>span>span:nth-child(2),.intro-body>span>span:nth-child(3),.intro-body>span>span:nth-child(4){animation:intro-fazer1 .2s linear infinite;background:var(--loader-fg);height:1px;position:absolute;width:30px}.intro-body>span>span:nth-child(2){animation:intro-fazer2 .4s linear infinite;top:3px}.intro-body>span>span:nth-child(3){animation:intro-fazer3 .4s linear infinite;animation-delay:-1s;top:1px}.intro-body>span>span:nth-child(4){animation:intro-fazer4 1s linear infinite;animation-delay:-1s;top:4px}@keyframes intro-fazer1{0%{left:0}to{left:-80px;opacity:0}}@keyframes intro-fazer2{0%{left:0}to{left:-100px;opacity:0}}@keyframes intro-fazer3{0%{left:0}to{left:-50px;opacity:0}}@keyframes intro-fazer4{0%{left:0}to{left:-150px;opacity:0}}@keyframes intro-speeder{0%{transform:translate(2px,1px) rotate(0deg)}10%{transform:translate(-1px,-3px) rotate(-1deg)}20%{transform:translate(-2px) rotate(1deg)}30%{transform:translate(1px,2px) rotate(0deg)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,3px) rotate(-1deg)}60%{transform:translate(-1px,1px) rotate(0deg)}70%{transform:translate(3px,1px) rotate(-1deg)}80%{transform:translate(-2px,-1px) rotate(1deg)}90%{transform:translate(2px,1px) rotate(0deg)}to{transform:translate(1px,-2px) rotate(-1deg)}}.intro-longfazers{height:25rem;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:50%;transform:translateY(-50%)}.intro-longfazers span{background:var(--loader-line);height:2px;position:absolute;width:20%}.intro-longfazers span:first-child{animation:intro-lf1 .6s linear infinite;animation-delay:-5s;top:12%}.intro-longfazers span:nth-child(2){animation:intro-lf2 .8s linear infinite;animation-delay:-1s;top:36%}.intro-longfazers span:nth-child(3){animation:intro-lf3 .6s linear infinite;top:64%}.intro-longfazers span:nth-child(4){animation:intro-lf4 .5s linear infinite;animation-delay:-3s;top:88%}.intro-longfazers span:nth-child(5),.intro-longfazers span:nth-child(6),.intro-longfazers span:nth-child(7),.intro-longfazers span:nth-child(8){background:var(--text-primary);width:10%}.intro-longfazers span:nth-child(5){animation:intro-lf5 .72s linear infinite;animation-delay:-2.4s;top:20%}.intro-longfazers span:nth-child(6){animation:intro-lf6 .88s linear infinite;animation-delay:-.4s;top:41%}.intro-longfazers span:nth-child(7){animation:intro-lf7 .8s linear infinite;animation-delay:-1.8s;top:67%}.intro-longfazers span:nth-child(8){animation:intro-lf8 .76s linear infinite;animation-delay:-2.1s;top:92%}@keyframes intro-lf1{0%{left:200%}to{left:-200%;opacity:0}}@keyframes intro-lf2{0%{left:200%}to{left:-200%;opacity:0}}@keyframes intro-lf3{0%{left:200%}to{left:-100%;opacity:0}}@keyframes intro-lf4{0%{left:200%}to{left:-100%;opacity:0}}@keyframes intro-lf5{0%{left:180%;transform:translateY(-3px)}to{left:-70%;opacity:0;transform:translateY(2px)}}@keyframes intro-lf6{0%{left:170%;transform:translateY(2px)}to{left:-90%;opacity:0;transform:translateY(-2px)}}@keyframes intro-lf7{0%{left:190%;transform:translateY(-2px)}to{left:-80%;opacity:0;transform:translateY(3px)}}@keyframes intro-lf8{0%{left:175%;transform:translateY(2px)}to{left:-85%;opacity:0;transform:translateY(-3px)}}@media (prefers-reduced-motion:reduce){.App-intro,.intro-body,.intro-body>span>span,.intro-longfazers span{animation:none;transition:none}}.left-pane{align-self:start}@media (min-width:1025px){.left-pane{height:calc(100vh - var(--layout-pad-y)*2);left:calc((100vw - min(100vw, var(--max-width)))/2 + var(--layout-pad-x));overflow-y:auto;padding-bottom:3rem;padding-top:3rem;position:fixed;top:var(--layout-pad-y);width:calc((min(100vw, var(--max-width)) - (var(--layout-pad-x)*2) - var(--layout-gap))*var(--left-ratio))}}.left-pane__content{display:flex;flex-direction:column;gap:1rem;max-width:24rem}.left-pane__eyebrow{color:var(--text-muted);font-size:.875rem;letter-spacing:.08em;margin:0;text-transform:uppercase}.left-pane__name{color:var(--text-primary);font-size:clamp(2rem,4vw,3rem);line-height:1.05;margin:0}.left-pane__title{color:var(--accent);font-size:1.2rem;font-weight:600;line-height:1.25;margin:.15rem 0 0}.left-pane__summary{color:var(--text-secondary);font-size:1rem;margin:0}.left-pane__nav{display:flex;flex-direction:column;gap:.5rem;margin-top:1.5rem}.left-pane__nav-link{grid-gap:.65rem;align-items:center;border:1px solid #0000;border-radius:.625rem;box-sizing:border-box;color:var(--text-muted);display:grid;gap:.65rem;grid-template-columns:1fr auto;padding:.45rem .65rem .45rem .75rem;position:relative;text-decoration:none;transition:color .18s ease,border-color .18s ease;width:100%}.left-pane__nav-link:before{background:#94a3b81a;border-radius:.75rem;content:"";inset:-2px;opacity:0;pointer-events:none;position:absolute;transition:opacity .18s ease}.left-pane__nav-label{font-size:.95rem;transition:transform .18s ease}.left-pane__nav-dot{background:var(--text-muted);border-radius:999px;height:.45rem;opacity:0;transform:scale(.5);transition:background-color .18s ease,opacity .18s ease,transform .18s ease;width:.45rem}.left-pane__nav-link--active,.left-pane__nav-link:focus-visible,.left-pane__nav-link:hover{border-color:var(--surface-border);color:var(--text-primary)}.left-pane__nav-link--active:before,.left-pane__nav-link:focus-visible:before,.left-pane__nav-link:hover:before{opacity:1}.left-pane__nav-link--active .left-pane__nav-label,.left-pane__nav-link:focus-visible .left-pane__nav-label,.left-pane__nav-link:hover .left-pane__nav-label{transform:translateX(1px)}.left-pane__nav-link--active .left-pane__nav-dot,.left-pane__nav-link:focus-visible .left-pane__nav-dot,.left-pane__nav-link:hover .left-pane__nav-dot{opacity:.7;transform:scale(1)}.left-pane__nav-link--active .left-pane__nav-dot{background:var(--accent);opacity:1}.left-pane__nav-link:focus-visible{outline:1px solid var(--surface-border);outline-offset:2px}.left-pane__social-list{display:flex;gap:1.5rem;list-style:none;margin:auto 0 0;padding:1.25rem 0 0}.left-pane__social-link{color:var(--text-secondary);display:inline-flex;height:1.45rem;width:1.45rem}.left-pane__social-link svg{fill:currentColor;height:100%;width:100%}.left-pane__social-link:focus-visible,.left-pane__social-link:hover{color:var(--accent)}@media (max-width:1024px){.left-pane{padding:1.5rem 0 1.1rem;position:static}.left-pane__content{gap:.75rem;margin:0 auto;max-width:min(100%,var(--max-width))}.left-pane__nav{flex-direction:row;flex-wrap:wrap;gap:.75rem 1rem;margin-top:.75rem;order:2}.left-pane__nav-link{border-radius:999px;display:inline-flex;gap:.45rem;padding:.35rem .65rem;width:-webkit-fit-content;width:fit-content}.left-pane__nav-dot{display:none}.left-pane__nav-label{transform:none}.left-pane__nav-link--active .left-pane__nav-label,.left-pane__nav-link:focus-visible .left-pane__nav-label,.left-pane__nav-link:hover .left-pane__nav-label{transform:none}.left-pane__nav-link--active,.left-pane__nav-link:focus-visible,.left-pane__nav-link:hover{background:#94a3b81f;border-color:var(--surface-border)}.left-pane__social-list{gap:1.1rem;margin-top:.6rem;order:1;padding-top:0}.left-pane__social-link{height:1.35rem;width:1.35rem}}@media (min-width:1025px){.left-pane__content{min-height:100%}}.right-pane{display:flex;flex-direction:column;gap:6rem;grid-column:2;min-width:0;overflow-wrap:anywhere;padding-bottom:3rem;padding-top:3rem}.right-pane__section{scroll-margin-top:calc(var(--layout-pad-y) + 3rem)}.right-pane__section--about{display:flex;flex-direction:column;gap:1rem}.right-pane__heading{color:var(--text-primary);font-size:1.65rem;line-height:1.2;margin:0 0 1rem}.card-list{display:flex;flex-direction:column;gap:.5rem}.right-pane__footer{color:var(--text-muted);font-size:.9rem;line-height:1.65;margin-top:1rem;max-width:60ch}@media (max-width:1024px){.right-pane{gap:4rem;grid-column:1;margin-top:0;padding-bottom:1.5rem;padding-top:0}.right-pane__section{scroll-margin-top:1.25rem}.right-pane__section p{max-width:none}.right-pane__footer{font-size:.875rem;margin-top:0;max-width:50%}}@media (max-width:768px){.right-pane__footer{max-width:none}}.portfolio-card{grid-gap:1rem;background:#0000;border:0;border-radius:0;color:inherit;display:grid;font-weight:400;gap:1rem;grid-template-columns:minmax(90px,120px) minmax(0,1fr);padding:1rem 0;position:relative;text-decoration:none;transition:opacity .18s ease;width:100%}.portfolio-card:before{background:#0000;border:1px solid #0000;border-radius:.75rem;box-shadow:none;content:"";inset:0 -1rem;pointer-events:none;position:absolute;transform:translateY(0);transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}.portfolio-card>*{position:relative;z-index:1}.portfolio-card__meta{color:var(--text-muted);font-size:.75rem;letter-spacing:.08em;margin:.1rem 0 0;text-transform:uppercase}.portfolio-card__body{min-width:0}.portfolio-card__title{color:var(--text-primary);display:inline;font-size:1rem;line-height:1.4;margin:0;transition:color .18s ease}.portfolio-card__arrow{display:inline-block;margin-left:.35rem;transition:transform .18s ease}.portfolio-card__title-tail{align-items:baseline;display:inline-flex;white-space:nowrap}.portfolio-card__location{color:var(--text-muted);font-size:.9rem;line-height:1.35;margin:.3rem 0 0}.portfolio-card__description{color:var(--text-secondary);font-size:.95rem;line-height:1.6;margin:.45rem 0 0;max-width:65ch}.portfolio-card__tags{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:.85rem 0 0;padding:0}.portfolio-card__tag{background:var(--accent-soft);border-radius:999px;color:var(--accent);font-size:.75rem;padding:.2rem .65rem}.portfolio-card:focus-visible,.portfolio-card:hover{color:inherit}.portfolio-card:focus-visible:before,.portfolio-card:hover:before{background:var(--surface-hover);border-color:var(--surface-border);box-shadow:0 8px 30px var(--surface-shadow);transform:translateY(-2px)}.portfolio-card:focus-visible .portfolio-card__title,.portfolio-card:hover .portfolio-card__title{color:var(--accent)}.portfolio-card:focus-visible .portfolio-card__arrow,.portfolio-card:hover .portfolio-card__arrow{transform:translate(3px,-3px)}.card-list:hover .portfolio-card{opacity:.55}.card-list:hover .portfolio-card:focus-visible,.card-list:hover .portfolio-card:hover{opacity:1}.portfolio-card--inactive{cursor:default}.portfolio-card--inactive:focus-visible,.portfolio-card--inactive:hover{color:inherit}.portfolio-card--inactive:focus-visible:before,.portfolio-card--inactive:hover:before{background:#0000;border-color:#0000;box-shadow:none;transform:translateY(0)}.portfolio-card--inactive:focus-visible .portfolio-card__title,.portfolio-card--inactive:hover .portfolio-card__title{color:var(--text-primary)}.portfolio-card--inactive:focus-visible .portfolio-card__arrow,.portfolio-card--inactive:hover .portfolio-card__arrow{transform:none}@media (max-width:768px){.portfolio-card{gap:.5rem;grid-template-columns:1fr;padding:.75rem 0}.portfolio-card:before{inset:0 -.65rem}}@media (max-width:1024px){.portfolio-card__description{max-width:none}.portfolio-card:hover:before{background:#0000;border-color:#0000;box-shadow:none;transform:none}.portfolio-card:hover .portfolio-card__title{color:var(--text-primary)}.portfolio-card:hover .portfolio-card__arrow{transform:none}.card-list:hover .portfolio-card{opacity:1}}:root{--max-width:1280px;--layout-pad-x:6rem;--layout-pad-y:3rem;--layout-gap:2rem;--left-ratio:0.46}.portfolio-layout{grid-column-gap:2rem;grid-column-gap:var(--layout-gap);align-items:start;box-sizing:border-box;column-gap:2rem;column-gap:var(--layout-gap);display:grid;grid-template-columns:minmax(260px,46%) minmax(0,1fr);grid-template-columns:minmax(260px,calc(100%*var(--left-ratio))) minmax(0,1fr);margin:0 auto;min-height:100vh;padding:3rem 6rem;padding:var(--layout-pad-y) var(--layout-pad-x);width:min(100%,1280px);width:min(100%,var(--max-width))}@media (max-width:1200px){:root{--layout-pad-x:3rem;--layout-pad-y:2rem;--layout-gap:1.5rem}.portfolio-layout{column-gap:2rem;column-gap:var(--layout-gap);padding:3rem 6rem;padding:var(--layout-pad-y) var(--layout-pad-x)}}@media (max-width:1024px){.portfolio-layout{gap:2rem;grid-template-columns:1fr;min-height:auto;padding:1.25rem}}
/*# sourceMappingURL=main.ddde4841.css.map*/