@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500;600&display=swap";body{margin:0;padding:0}.portfolio{--paper: #f4f5f0;--paper-raised: #ffffff;--ink: #14151a;--muted: #6e7178;--line: #dcddd4;--pine: #1f5d45;--amber: #c97a2b;--indigo: #33448f;background:var(--paper);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh}.portfolio *{margin:0;box-sizing:border-box}.portfolio-main{margin-left:220px;max-width:900px;padding:0 40px}.section{padding:96px 0;border-bottom:1px solid var(--line)}.section:last-child{border-bottom:none}.section-path{display:inline-block;font-family:JetBrains Mono,monospace;font-size:12px;color:var(--pine);letter-spacing:.04em;margin-bottom:10px}.section-title{font-family:Space Grotesk,sans-serif;font-weight:600;font-size:30px;margin:0 0 40px;letter-spacing:-.01em}.nav-rail{position:fixed;top:0;left:0;height:100vh;width:220px;display:flex;flex-direction:column;justify-content:center;padding:0 32px;border-right:1px solid var(--line)}.nav-rail-mark{position:absolute;top:40px;left:32px;font-family:JetBrains Mono,monospace;font-weight:600;font-size:13px;letter-spacing:.08em;color:var(--muted)}.nav-rail ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:22px}.nav-rail-link{display:flex;align-items:center;gap:10px;font-family:JetBrains Mono,monospace;font-size:13px;color:var(--muted);text-decoration:none;transition:color .16s ease}.nav-rail-dot{width:6px;height:6px;border-radius:50%;background:var(--line);transition:background .16s ease,transform .16s ease}.nav-rail-link.is-active,.nav-rail-link:hover{color:var(--ink)}.nav-rail-link.is-active .nav-rail-dot{background:var(--pine);transform:scale(1.6)}.mobile-bar,.mobile-menu{display:none}@media (max-width: 860px){.nav-rail{display:none}.portfolio-main{margin-left:0;padding:0 22px}.mobile-bar{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;position:sticky;top:0;background:var(--paper);border-bottom:1px solid var(--line);z-index:20}.mobile-bar-mark{font-family:JetBrains Mono,monospace;font-size:13px;color:var(--muted)}.mobile-bar-btn{background:none;border:none;color:var(--ink);cursor:pointer}.mobile-menu{display:flex;flex-direction:column;padding:10px 22px 20px;border-bottom:1px solid var(--line)}.mobile-menu a{padding:10px 0;font-family:JetBrains Mono,monospace;font-size:13px;color:var(--muted);text-decoration:none;border-bottom:1px solid var(--line)}.mobile-menu a.is-active{color:var(--pine)}}.hero{display:flex;align-items:center;justify-content:space-between;gap:40px;padding-top:120px;flex-wrap:wrap}.hero-copy{max-width:460px}.eyebrow{display:inline-block;font-family:JetBrains Mono,monospace;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:18px}.hero-title{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:clamp(36px,5vw,54px);line-height:1.08;letter-spacing:-.02em;margin:0 0 20px}.hero-sub{font-size:15.5px;line-height:1.65;color:var(--muted);margin:0 0 30px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:26px}.btn{display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border-radius:8px;font-family:Inter,sans-serif;font-size:13.5px;font-weight:600;text-decoration:none;transition:transform .14s ease,box-shadow .14s ease,background .14s ease}.btn-primary{background:var(--ink);color:var(--paper)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 18px -10px #14151a80}.btn-ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}.btn-ghost:hover{border-color:var(--ink)}.hero-socials{display:flex;gap:16px;color:var(--muted)}.hero-socials a{color:inherit;transition:color .14s ease}.hero-socials a:hover{color:var(--pine)}.hero-graph-wrap{flex:1;min-width:320px;display:flex;justify-content:center}.hero-graph{width:100%;max-width:380px}.hero-graph-edge{stroke:var(--line);stroke-width:1.5;stroke-dasharray:200;stroke-dashoffset:200;animation:draw-line .5s ease forwards;animation-delay:var(--e-delay, 0ms)}.hero-graph-node{opacity:0;transform-origin:center;transform:scale(.5);animation:pop-in .42s cubic-bezier(.34,1.56,.64,1) forwards;animation-delay:var(--n-delay, 0ms)}.hero-graph-node circle{fill:var(--pine);stroke:var(--paper);stroke-width:3}.hero-graph-label{font-family:JetBrains Mono,monospace;font-size:9.5px;fill:var(--ink)}.hero-graph-sub{font-family:Inter,sans-serif;font-size:9px;fill:var(--muted)}@keyframes draw-line{to{stroke-dashoffset:0}}@keyframes pop-in{to{opacity:1;transform:scale(1)}}.about-grid{display:grid;grid-template-columns:220px 1fr;gap:44px}.about-photo{width:100%;aspect-ratio:1;-o-object-fit:cover;object-fit:cover;border-radius:14px;border:1px solid var(--line)}.about-body p{font-size:15px;line-height:1.7;color:var(--muted);margin:0 0 16px}.skill-groups{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:32px}.skill-group-head{display:flex;align-items:center;gap:8px;font-family:JetBrains Mono,monospace;font-size:12px;color:var(--ink);margin-bottom:10px}.skill-chips{display:flex;flex-wrap:wrap;gap:6px}.chip{font-size:12px;padding:5px 10px;border-radius:999px;background:var(--paper-raised);border:1px solid var(--line);color:var(--ink)}.chip-mono{font-family:JetBrains Mono,monospace;font-size:11px}@media (max-width: 700px){.about-grid{grid-template-columns:1fr}.about-photo{max-width:180px}.skill-groups{grid-template-columns:1fr}}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.project-card{border:1px solid var(--line);border-radius:14px;padding:24px;background:var(--paper-raised);border-top:3px solid var(--line);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.project-card:hover{transform:translateY(-3px);box-shadow:0 14px 28px -20px #14151a59}.accent-pine{border-top-color:var(--pine)}.accent-amber{border-top-color:var(--amber)}.accent-indigo{border-top-color:var(--indigo)}.project-title{font-family:Space Grotesk,sans-serif;font-weight:600;font-size:18px;margin:0 0 12px}.project-desc{margin:0 0 16px;padding-left:18px;color:var(--muted);font-size:13.5px;line-height:1.6}.project-desc li{margin-bottom:4px}.project-tech{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.project-links{display:flex;gap:16px;flex-wrap:wrap}.project-links a{display:inline-flex;align-items:center;gap:5px;font-family:JetBrains Mono,monospace;font-size:12px;color:var(--indigo);text-decoration:none}.project-links a:hover{text-decoration:underline}@media (max-width: 700px){.project-grid{grid-template-columns:1fr}}.timeline{position:relative;padding-left:26px;border-left:1px solid var(--line);display:flex;flex-direction:column;gap:40px}.timeline-item{position:relative}.timeline-marker{position:absolute;left:-31px;top:4px;width:10px;height:10px;border-radius:50%;background:var(--pine);border:2px solid var(--paper)}.timeline-head{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:8px}.timeline-head h3{font-family:Space Grotesk,sans-serif;font-size:17px;margin:0}.timeline-company{font-family:JetBrains Mono,monospace;font-size:12.5px;color:var(--pine)}.timeline-period{font-family:JetBrains Mono,monospace;font-size:12px;color:var(--muted)}.timeline-item p{font-size:14px;line-height:1.65;color:var(--muted);margin:0;max-width:620px}.contact-sub{font-size:15px;color:var(--muted);max-width:460px;margin:-18px 0 28px}.contact-actions{display:flex;gap:12px;flex-wrap:wrap}.portfolio-footer{margin-top:60px;display:flex;align-items:center;justify-content:space-between;font-family:JetBrains Mono,monospace;font-size:11.5px;color:var(--muted)}.footer-stack{display:flex;gap:10px}.reveal{opacity:0;transform:translateY(16px);transition:opacity .5s ease,transform .5s ease}.reveal-in{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion: reduce){.reveal{opacity:1;transform:none;transition:none}.hero-graph-edge,.hero-graph-node{animation:none;stroke-dashoffset:0;opacity:1;transform:scale(1)}.project-card,.btn{transition:none}}.notes-sub{margin-top:.5rem;max-width:46ch;color:var(--ink-muted, #5b5b52);font-family:Inter,sans-serif;font-size:.95rem;line-height:1.5}.notes-grid{margin-top:2rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}@media (max-width: 760px){.notes-grid{grid-template-columns:1fr}}.notes-card{border:1px solid var(--rule, #e4e0d4);border-left:3px solid transparent;border-radius:10px;padding:1.25rem 1.35rem;background:var(--paper-raised, #fbfaf5)}.notes-card.accent-pine{border-left-color:var(--pine, #2f5d50)}.notes-card.accent-amber{border-left-color:var(--amber, #c68a1f)}.notes-card.accent-indigo{border-left-color:var(--indigo, #3f4d92)}.notes-card.accent-emerald{border-left-color:var(--emerald, #2f8f6e)}.notes-card-head{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.notes-card-head h3{font-family:Space Grotesk,sans-serif;font-size:1.05rem;font-weight:600;margin:0}.notes-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.notes-link{display:flex;align-items:center;gap:.5rem;padding:.4rem .55rem;border-radius:6px;font-family:JetBrains Mono,monospace;font-size:.83rem;color:var(--ink, #23231f);text-decoration:none;transition:background .15s ease,transform .15s ease}.notes-link:hover{background:var(--paper-hover, #f2efe4);transform:translate(2px)}.notes-link span{flex:1}.notes-link-icon{flex-shrink:0;opacity:.7}.notes-link-go{flex-shrink:0;opacity:.4}.notes-link:hover .notes-link-go{opacity:.9}.carousel{position:relative;display:flex;align-items:center;gap:1rem;padding-bottom:2.5rem}.carousel-stage{position:relative;flex:1;height:560px;perspective:1600px;display:flex;align-items:center;justify-content:center;touch-action:pan-y}.carousel-card.project-card{position:absolute;width:min(420px,82vw);max-height:480px;overflow-y:auto;cursor:pointer;transition:transform .55s cubic-bezier(.22,1,.36,1),opacity .55s ease;transform:translate(calc(var(--offset) * 62%)) translateZ(calc(var(--abs) * -220px)) rotateY(calc(var(--offset) * -30deg)) scale(calc(1 - var(--abs) * .14));opacity:calc(1 - var(--abs) * .45);z-index:calc(10 - var(--abs))}.carousel-card.is-center{cursor:default}.carousel-card.is-side a{pointer-events:none}.carousel-arrow{flex-shrink:0;display:grid;place-items:center;width:44px;height:44px;border-radius:999px;border:1px solid rgba(255,255,255,.15);background:transparent;color:inherit;cursor:pointer;transition:background .2s ease,transform .15s ease}.carousel-arrow:hover{background:#ffffff0f;transform:scale(1.06)}.carousel-dots{position:absolute;bottom:0;left:50%;transform:translate(-50%);display:flex;gap:.4rem}.carousel-dot{width:7px;height:7px;padding:0;border-radius:999px;border:none;background:#ffffff40;cursor:pointer;transition:background .2s ease,width .2s ease}.carousel-dot.is-active{background:currentColor;width:20px}@media (max-width: 720px){.carousel-stage{height:640px}.carousel-card.project-card{width:88vw}.carousel-arrow{width:36px;height:36px}}.notes-card{cursor:default}.notes-card-head{display:flex;align-items:center;gap:.6rem;width:100%;background:none;border:none;cursor:pointer;text-align:left;padding:0;font:inherit;color:inherit}.notes-card-head h3{flex:1;margin:0}.notes-card-chevron{transition:transform .25s ease;opacity:.6;flex-shrink:0}.notes-card-chevron.is-open{transform:rotate(180deg)}.notes-list{list-style:none;margin:.75rem 0 0;padding:0}.notes-list.depth-1,.notes-list.depth-2,.notes-list.depth-3{margin:.25rem 0 .25rem 1rem;padding-left:.75rem;border-left:1px dashed rgba(255,255,255,.12)}.notes-branch{margin:.15rem 0}.notes-branch-toggle{display:flex;align-items:center;gap:.4rem;background:none;border:none;color:inherit;font:inherit;cursor:pointer;padding:.25rem 0}.notes-branch-chevron{transition:transform .2s ease;flex-shrink:0}.notes-branch-chevron.is-open{transform:rotate(90deg)}