@import "https://fonts.googleapis.com/css2?family=Geist:wght@300;400;450;500;600&display=swap";:root{color:#e7e7e2;font-synthesis:none;text-rendering:optimizelegibility;--text-swap-dur:.18s;--text-swap-translate-y:4px;--text-swap-blur:2px;--text-swap-ease:cubic-bezier(.22, 1, .36, 1);background:#0e0e0d;font-family:Geist,GeistSans,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}html{scrollbar-width:none;background:#0e0e0d}body{background:#0e0e0d;margin:0}html::-webkit-scrollbar{width:0;height:0;display:none}body::-webkit-scrollbar{width:0;height:0;display:none}.activity-shell::-webkit-scrollbar{width:0;height:0;display:none}a{color:inherit;text-decoration:none}.portfolio-shell{grid-template-columns:minmax(340px,47%) minmax(0,53%);min-height:100vh;display:grid}.profile-panel{align-self:start;align-items:center;height:100vh;min-height:100vh;padding:64px clamp(36px,7vw,108px);display:flex;position:sticky;top:0}.profile-inner{max-width:410px}.avatar{object-fit:cover;border-radius:8px;width:84px;height:84px;display:block}h1,h2,h3,p{margin:0}h1,h2{color:#e7e7e2;letter-spacing:-.6px;font-size:24px;font-weight:500;line-height:32px}h1{margin-top:22px}.profile-copy,.personal-note,.project-copy p{color:#a3a39e;font-size:17px;font-weight:400;line-height:28px}.profile-copy{margin-top:16px;font-weight:300}.profile-copy-later{margin-top:18px}.profile-copy-later span{color:#e7e7e2}.content-panel{min-height:100vh;padding:64px clamp(30px,5vw,76px) 84px;overflow:visible}.content-inner{max-width:760px}.section+.section{margin-top:80px}.projects-list{gap:42px;margin-top:25px;display:grid}.project-row{min-width:0;display:flow-root}.project-row:not(.is-expanded){grid-template-columns:minmax(0,min(300px,46%)) minmax(0,1fr);align-items:center;gap:clamp(24px,3vw,44px);display:grid}.project-card{float:left;background:#161615;border:1px solid #e7e7e214;border-radius:8px;width:min(300px,46%);margin:0 clamp(24px,3vw,44px) 12px 0;transition:border-color .28s,box-shadow .28s,transform .28s cubic-bezier(.2,.8,.2,1);display:block;position:relative;overflow:hidden}.project-row:not(.is-expanded) .project-card{float:none;width:100%;margin:0}.project-card:hover{border-color:#e7e7e230;transform:translateY(-3px);box-shadow:0 18px 42px #00000042}.project-visual{background:#171716;height:158px;position:relative;overflow:hidden}.screenshot-visual img{object-fit:cover;object-position:top center;width:100%;height:100%;transition:transform .55s cubic-bezier(.2,.75,.2,1);display:block;transform:scale(1.01)}.project-card:hover .screenshot-visual img{transform:scale(1.055)}.project-copy{padding:14px 16px 17px}.project-copy h3{color:#e7e7e2;letter-spacing:-.15px;font-size:16px;font-weight:500;line-height:23px}.project-copy p{margin-top:5px;font-size:14px;line-height:20px}.personal-note{appearance:none;color:#62625e;cursor:pointer;-webkit-line-clamp:6;text-align:left;background:0 0;border:0;-webkit-box-orient:vertical;max-height:138px;margin:0;padding:0;font-size:15px;font-weight:300;line-height:23px;display:-webkit-box;position:relative;overflow:hidden}.personal-note:after{content:"";opacity:1;pointer-events:none;height:37px;transition:opacity var(--text-swap-dur) var(--text-swap-ease);will-change:opacity;background:linear-gradient(#0e0e0d00,#0e0e0d 88%);position:absolute;bottom:0;left:0;right:0}.project-row.is-expanded .personal-note{margin-top:var(--note-anchor-offset);max-height:none;display:block;overflow:visible}.project-row.is-expanded .personal-note:after{opacity:0}.note-word-reveal{animation:.34s cubic-bezier(.16,.8,.25,1) both note-word-in;animation-delay:calc(var(--word-index) * 17ms)}@keyframes note-word-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.project-card-ancs{z-index:0;overflow:visible}.project-card-ancs:hover{z-index:4}.project-card-ancs .project-copy{z-index:1;background:#161615;border-radius:0 0 8px 8px;position:relative}.ancs-stack{isolation:isolate;border-radius:8px 8px 0 0;overflow:visible}.ancs-stack img{height:128px;left:calc(18px + var(--i) * 12px);object-fit:cover;top:calc(18px + (var(--i) % 2) * -6px);transform:rotate(calc((var(--i) - 2) * 4deg)) translate3d(0, 0, 0);width:166px;z-index:calc(6 - var(--i));border:1px solid #ffffff1f;transition:transform .52s cubic-bezier(.22,.72,.18,1),left .52s cubic-bezier(.22,.72,.18,1),top .52s cubic-bezier(.22,.72,.18,1),box-shadow .36s;position:absolute;box-shadow:0 7px 18px #0006}.ancs-stack:hover img{left:calc(-68px + var(--i) * 90px);top:calc(12px + (var(--i) % 2) * 8px);transform:rotate(calc((var(--i) - 2) * 2deg)) translate3d(0, -5px, 0)}.ancs-stack:hover img:first-of-type{transform:rotate(-7deg)translateY(10px)}.ancs-stack:hover img:nth-of-type(5){transform:rotate(7deg)translateY(10px)}.ancs-stack:hover img{box-shadow:0 14px 30px #00000085}.activity-shell{scrollbar-width:none;margin-top:24px;padding-bottom:2px;overflow-x:auto}.activity-grid,.activity-placeholder{grid-template-rows:repeat(7,9px);grid-template-columns:repeat(53,9px);gap:3px;min-width:633px;display:grid}.activity-day,.activity-placeholder span{background:#1e1e1c;border-radius:1px;width:9px;height:9px}.activity-day{transition:transform .16s,background-color .16s}.activity-day:hover{background-color:#90b8ff;transform:scale(1.42)}.level-1{background:#1d3f89}.level-2{background:#255cc8}.level-3{background:#3070f0}.level-4{background:#74a6ff}.activity-placeholder span:nth-child(23n),.activity-placeholder span:nth-child(29n){background:#255cc8}.connect-links{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.connect-links a{color:#a3a39e;background:0 0;border:0;border-radius:6px;align-items:center;padding:9px;transition:color .18s,background .18s;display:inline-flex}.connect-links a:hover{color:#e7e7e2;background:#181817}@media (width<=980px){.portfolio-shell{display:block}.profile-panel{height:auto;min-height:unset;align-items:flex-start;padding:46px 36px 42px;position:static}.profile-inner{max-width:594px}.content-panel{padding:52px 36px 72px}.content-inner{max-width:640px}}@media (width<=640px){.profile-panel,.content-panel{padding-left:24px;padding-right:24px}.profile-panel{padding-top:36px}.avatar{width:72px;height:72px}.project-row:not(.is-expanded){display:block}.project-card{float:none;width:100%;max-width:340px;margin:0 0 16px}.personal-note{max-width:540px}.section+.section{margin-top:66px}.projects-list{gap:38px}.activity-shell{margin-right:-24px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important}}
