@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600&display=swap";:root{--gray-dynamic-black-4:#0d0d0d0a;--gray-dynamic-black-8:#0d0d0d14;--gray-dynamic-black-12:#0d0d0d1f;--gray-dynamic-black-20:#0d0d0d33;--gray-dynamic-black-40:#0d0d0d66;--gray-dynamic-black-60:#0d0d0d99;--gray-dynamic-black-80:#0d0d0dcc;--gray-dynamic-black-95:#0d0d0df2;--gray-dynamic-black-100:#0d0d0d;--gray-dynamic-white-4:#ffffff0a;--gray-dynamic-white-8:#ffffff14;--gray-dynamic-white-12:#ffffff1f;--gray-dynamic-white-20:#fff3;--gray-dynamic-white-40:#fff6;--gray-dynamic-white-60:#fff9;--gray-dynamic-white-80:#fffc;--gray-dynamic-white-95:#fffffff2;--gray-dynamic-white-100:#fff;--gray-solid-0:#fff;--gray-solid-50:#f9f9f9;--gray-solid-75:#f3f3f3;--gray-solid-100:#e8e8e8;--gray-solid-200:#cdcdcd;--gray-solid-300:#afafaf;--gray-solid-400:#8f8f8f;--gray-solid-500:#5d5d5d;--gray-solid-600:#414141;--gray-solid-700:#303030;--gray-solid-800:#212121;--gray-solid-900:#181818;--gray-solid-1000:#0d0d0d;--gray-transparent-black-4:var(--gray-dynamic-black-4);--gray-transparent-black-8:var(--gray-dynamic-black-8);--gray-transparent-black-12:var(--gray-dynamic-black-12);--gray-transparent-black-20:var(--gray-dynamic-black-20);--gray-transparent-black-40:var(--gray-dynamic-black-40);--gray-transparent-black-60:var(--gray-dynamic-black-60);--gray-transparent-black-80:var(--gray-dynamic-black-80);--gray-transparent-black-95:var(--gray-dynamic-black-95);--gray-transparent-white-4:var(--gray-dynamic-white-4);--gray-transparent-white-8:var(--gray-dynamic-white-8);--gray-transparent-white-12:var(--gray-dynamic-white-12);--gray-transparent-white-20:var(--gray-dynamic-white-20);--gray-transparent-white-40:var(--gray-dynamic-white-40);--gray-transparent-white-60:var(--gray-dynamic-white-60);--gray-transparent-white-80:var(--gray-dynamic-white-80);--gray-transparent-white-95:var(--gray-dynamic-white-95);color:var(--gray-solid-1000);background:var(--gray-solid-50);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Manrope,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0}button{font:inherit}html{background:var(--gray-solid-0);color:var(--gray-solid-1000);scroll-behavior:smooth;scrollbar-width:none}html::-webkit-scrollbar{display:none}body{background:var(--gray-solid-0);min-width:320px;color:var(--gray-solid-1000);margin:0}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}.portfolio-shell,.portfolio-shell *{box-sizing:border-box}.portfolio-root{min-height:100vh}.portfolio-shell{background:var(--gray-solid-0);grid-template-columns:400px minmax(0,1fr);min-height:100svh;font-family:MiSans,MiSans VF,PingFang SC,Helvetica Neue,Arial,sans-serif;display:grid}.portfolio-sidebar{flex-direction:column;align-self:start;gap:20px;height:100svh;padding:40px 60px;display:flex;position:sticky;top:0}.portfolio-avatar-block{padding-top:20px}.portfolio-avatar-row{align-items:center;height:123px;display:flex}.portfolio-avatar{object-fit:cover;width:120px;height:123px;display:block}.portfolio-identity{flex-direction:column;gap:6px;padding-top:16px;display:flex}.portfolio-identity h1,.portfolio-identity p{margin:0}.portfolio-identity h1{color:var(--gray-solid-1000);letter-spacing:0;font-size:28px;font-weight:600;line-height:normal}.portfolio-identity p{color:var(--gray-solid-800);font-size:16px;font-weight:400;line-height:normal}.portfolio-nav{flex-direction:column;flex:1 0 0;gap:16px;min-height:0;padding-top:40px;display:flex}.portfolio-nav a,.portfolio-nav span,.portfolio-contact a,.portfolio-contact span{letter-spacing:0;width:fit-content;font-size:18px;font-weight:500;line-height:normal}.portfolio-nav a,.portfolio-contact a,.portfolio-contact span{color:var(--gray-solid-1000)}.portfolio-nav span{color:var(--gray-solid-300)}.portfolio-nav .is-active,.portfolio-contact a,.portfolio-contact span{font-weight:600}.portfolio-nav a{border-radius:2px;transition:background-color .16s,color .16s}.portfolio-nav a:hover{background:var(--gray-transparent-black-4)}.portfolio-nav a:focus-visible,.portfolio-contact a:focus-visible{outline:2px solid var(--gray-solid-1000);outline-offset:4px}.portfolio-contact{flex-direction:column;gap:10px;display:flex}.portfolio-contact a{border-radius:2px;transition:background-color .16s}.portfolio-contact a:hover{background:var(--gray-transparent-black-4)}.portfolio-projects{flex-direction:column;gap:40px;min-width:0;padding:60px;display:flex}.project-card{aspect-ratio:3/2;background:var(--gray-solid-100);width:100%;position:relative;overflow:hidden}.project-card__layer{object-fit:cover;width:100%;max-width:none;height:100%;display:block;position:absolute;inset:0}@media (width<=1100px){.portfolio-shell{grid-template-columns:320px minmax(0,1fr)}.portfolio-sidebar{padding-inline:40px}.portfolio-projects{padding:40px}}@media (width<=760px){.portfolio-shell{grid-template-columns:minmax(0,1fr)}.portfolio-sidebar{height:auto;min-height:auto;padding:32px 28px 44px;position:static}.portfolio-nav{flex:none;margin-top:24px}.portfolio-projects{gap:28px;padding:0 28px 48px}}@media (width<=480px){.portfolio-sidebar{padding-inline:20px}.portfolio-avatar-row{height:98px}.portfolio-avatar{width:96px;height:98px}.portfolio-identity h1{font-size:25px}.portfolio-nav a,.portfolio-nav span,.portfolio-contact a,.portfolio-contact span{font-size:17px}.portfolio-projects{padding-inline:20px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.portfolio-shell *{transition-duration:.01ms!important}}