@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap";@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100..700;1,100..700&display=swap";@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap";:root{--chalk:#f2f1ec;--paper:#fbfaf7;--ink:#15161b;--ink-soft:#55564e;--line:#d9d7cc;--red:#e14226;--font-display:"Space Grotesk", system-ui, sans-serif;--font-body:"IBM Plex Sans", system-ui, sans-serif;--font-mono:"IBM Plex Mono", "Courier New", monospace;--fs-hero:clamp(2.1rem, 1.1rem + 4.4vw, 4.6rem);--fs-section:clamp(1.7rem, 1rem + 2.6vw, 2.9rem);--fs-body:1.05rem;--sidebar-w:300px;--gutter:clamp(1.25rem, 2vw + .5rem, 3rem);--ease:cubic-bezier(.16, .8, .24, 1)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}html,body{margin:0;padding:0}body{background:var(--chalk);color:var(--ink);font-family:var(--font-body);font-size:var(--fs-body);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}img,canvas,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}ul{margin:0;padding:0;list-style:none}h1,h2,h3,p,dl,dd{margin:0}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}::selection{background:var(--red);color:var(--paper)}:focus-visible{outline:2px solid var(--red);outline-offset:3px}.skip-link{z-index:1000;background:var(--ink);color:var(--chalk);font-family:var(--font-mono);transition:top .2s var(--ease);padding:.75rem 1.25rem;font-size:.85rem;position:fixed;top:-100px;left:1rem}.skip-link:focus{top:1rem}body:before{content:"";z-index:9990;pointer-events:none;opacity:.035;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.progress-bar{background:var(--red);z-index:1001;width:0%;height:2px;transition:width .1s linear;position:fixed;top:0;left:0}#loader{background:var(--chalk);z-index:2000;transition:opacity .6s var(--ease), visibility .6s var(--ease);flex-direction:column;justify-content:center;align-items:center;gap:1.25rem;display:flex;position:fixed;inset:0}#loader.loaded{opacity:0;visibility:hidden}.loader-mark{font-family:var(--font-display);letter-spacing:.02em;font-size:clamp(1.5rem,4vw,2.25rem);font-weight:700}.loader-bar{background:var(--line);width:min(60vw,320px);height:1px;position:relative;overflow:hidden}.loader-bar span{background:var(--ink);width:0%;position:absolute;top:0;bottom:0;left:0}.loader-pct{font-family:var(--font-mono);color:var(--ink-soft);letter-spacing:.05em;font-size:.8rem}.layout{grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);flex-direction:column;justify-content:space-between;height:100vh;padding:clamp(1.5rem,3vw,2.5rem) clamp(1.25rem,2vw,2rem);display:flex;position:sticky;top:0}.wordmark{font-family:var(--font-display);letter-spacing:-.01em;font-size:1.5rem;font-weight:700;line-height:1.05;display:block}.role-tag{font-family:var(--font-mono);color:var(--ink-soft);letter-spacing:.03em;text-transform:uppercase;margin-top:.6rem;font-size:.78rem}.index-nav ul{flex-direction:column;gap:.35rem;display:flex}.index-nav a{font-family:var(--font-mono);color:var(--ink-soft);transition:color .25s var(--ease), border-color .25s var(--ease);border-bottom:1px solid #0000;align-items:baseline;gap:.75rem;padding:.5rem 0;font-size:.85rem;display:flex}.index-nav a .nav-num{color:var(--line);transition:color .25s var(--ease)}.index-nav a:hover,.index-nav a:focus-visible{color:var(--ink)}.index-nav a.active{color:var(--ink);font-weight:500}.index-nav a.active .nav-num{color:var(--red)}.sidebar-bottom{flex-direction:column;gap:1rem;display:flex}.clock{font-family:var(--font-mono);color:var(--ink-soft);align-items:center;gap:.5rem;font-size:.78rem;display:flex}.clock .dot{background:var(--red);border-radius:50%;width:6px;height:6px;animation:2.4s ease-in-out infinite pulse}.social-row{flex-wrap:wrap;gap:.5rem 1rem;display:flex}.social-row a{font-family:var(--font-mono);color:var(--ink-soft);border-bottom:1px solid var(--line);transition:color .2s var(--ease), border-color .2s var(--ease);padding-bottom:1px;font-size:.78rem}.social-row a:hover{color:var(--red);border-color:var(--red)}.email-link{font-family:var(--font-mono);word-break:break-all;color:var(--ink-soft);text-decoration:underline;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);font-size:.78rem}.email-link:hover{color:var(--red);-webkit-text-decoration-color:var(--red);text-decoration-color:var(--red)}.menu-toggle{display:none}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.75)}}main{min-width:0}.section{padding:clamp(4rem, 8vh, 7rem) var(--gutter);border-bottom:1px solid var(--line);max-width:920px}.eyebrow{font-family:var(--font-mono);letter-spacing:.08em;color:var(--ink-soft);text-transform:uppercase;margin-bottom:1.25rem;font-size:.78rem}.section-heading{font-family:var(--font-display);font-weight:600;font-size:var(--fs-section);letter-spacing:-.01em;margin-bottom:2rem;line-height:1.05}.reveal{opacity:0;transition:opacity .7s var(--ease), transform .7s var(--ease);transform:translateY(18px)}.reveal.is-visible{opacity:1;transform:translateY(0)}.hero{border-bottom:1px solid var(--line);max-width:none;padding-top:clamp(3rem,10vh,6rem)}.status-line{font-family:var(--font-mono);color:var(--ink-soft);border:1px solid var(--line);border-radius:100px;align-items:center;gap:.6rem;margin-bottom:2rem;padding:.4rem .75rem;font-size:.82rem;display:inline-flex}.status-dot{background:var(--red);border-radius:50%;flex:none;width:7px;height:7px;animation:2.4s ease-in-out infinite pulse}.hero-headline{font-family:var(--font-display);font-weight:600;font-size:var(--fs-hero);letter-spacing:-.015em;max-width:16ch;line-height:1.1}.hero-headline span{display:block;overflow:hidden}.hero-headline span>em{transition:transform .9s var(--ease);font-style:normal;display:block;transform:translateY(110%)}.is-ready .hero-headline span>em{transform:translateY(0)}.hero-headline span:first-child em{transition-delay:50ms}.hero-headline span:nth-child(2) em{transition-delay:.15s}.hero-headline span:nth-child(3) em{transition-delay:.25s}.hero-headline span:nth-child(4) em{transition-delay:.35s}.hero-sub{max-width:52ch;color:var(--ink-soft);margin-top:1.75rem;font-size:1.05rem}.figure-block{text-align:center;max-width:480px;margin-top:clamp(3rem,6vw,4.5rem)}.figure-frame{aspect-ratio:1;touch-action:none;position:relative}.figure-frame canvas{cursor:grab;width:100%;height:100%}.figure-frame.dragging canvas{cursor:grabbing}.figure-caption{font-family:var(--font-mono);color:var(--ink-soft);letter-spacing:.02em;margin-top:.85rem;font-size:.75rem}.scroll-cue{font-family:var(--font-mono);color:var(--ink-soft);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:.75rem;margin-top:4rem;font-size:.75rem;display:flex}.scroll-line{background:var(--ink-soft);width:32px;height:1px;position:relative;overflow:hidden}.scroll-line:after{content:"";background:var(--red);animation:1.8s ease-in-out infinite scrollcue;position:absolute;inset:0}@keyframes scrollcue{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(100%)}}.about-grid{grid-template-columns:1.3fr 1fr;align-items:start;gap:clamp(2rem,4vw,4rem);display:grid}.about-copy{color:var(--ink-soft);max-width:48ch;font-size:1.05rem}.about-copy strong{color:var(--ink);font-weight:500}.spec-list div{border-bottom:1px solid var(--line);justify-content:space-between;gap:1rem;padding:.85rem 0;font-size:.92rem;display:flex}.spec-list div:first-child{padding-top:0}.spec-list dt{font-family:var(--font-mono);color:var(--ink-soft);text-transform:uppercase;letter-spacing:.03em;padding-top:.15rem;font-size:.75rem}.spec-list dd{text-align:right;font-weight:500}.stack-grid{grid-template-columns:repeat(2,1fr);gap:2.5rem 2rem;display:grid}.stack-group h3{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--ink-soft);border-bottom:1px solid var(--line);margin-bottom:.9rem;padding-bottom:.6rem;font-size:.75rem}.stack-group ul{flex-direction:column;gap:.55rem;display:flex}.stack-group li{align-items:baseline;gap:.6rem;font-size:1rem;display:flex}.stack-group li:before{content:"—";color:var(--red);font-family:var(--font-mono)}.work-list{flex-direction:column;display:flex}.work-item{border-top:1px solid var(--line);transition:padding .3s var(--ease);grid-template-columns:2.5rem 1fr auto;align-items:center;gap:1.5rem;padding:1.75rem 0;display:grid}.work-list .work-item:last-child{border-bottom:1px solid var(--line)}.work-num{font-family:var(--font-mono);color:var(--ink-soft);font-size:.8rem}.work-main h3{font-family:var(--font-display);letter-spacing:-.01em;flex-wrap:wrap;align-items:center;gap:.6rem;font-size:1.35rem;font-weight:600;display:flex}.work-year{font-family:var(--font-mono);color:var(--ink-soft);border:1px solid var(--line);border-radius:100px;padding:.15rem .45rem;font-size:.72rem;font-weight:400}.work-desc{color:var(--ink-soft);max-width:48ch;margin-top:.5rem;font-size:.96rem}.work-tags{flex-wrap:wrap;gap:.5rem;margin-top:.75rem;display:flex}.work-tags span{font-family:var(--font-mono);color:var(--ink-soft);font-size:.7rem}.work-tags span:not(:last-child):after{content:"·";color:var(--line);margin-left:.5rem}.work-side{align-items:center;gap:1.25rem;display:flex}.work-diagram{opacity:.85;flex:none;width:64px;height:64px}.work-arrow{border:1px solid var(--line);width:2.25rem;height:2.25rem;transition:all .3s var(--ease);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.work-item:hover{padding-left:.5rem;padding-right:.5rem}.work-item:hover .work-arrow{background:var(--ink);border-color:var(--ink);transform:rotate(45deg)}.work-item:hover .work-arrow svg{stroke:var(--chalk)}.work-arrow svg{width:14px;height:14px;stroke:var(--ink);transition:stroke .3s var(--ease)}.contact{max-width:none}.contact-heading{max-width:14ch}.email-cta{font-family:var(--font-display);border-bottom:2px solid var(--ink);transition:color .3s var(--ease), border-color .3s var(--ease);margin-top:1rem;padding-bottom:.2rem;font-size:clamp(1.4rem,3.2vw,2.4rem);font-weight:600;display:inline-block}.email-cta:hover{color:var(--red);border-color:var(--red)}.contact-row{flex-wrap:wrap;align-items:center;gap:2.5rem;margin-top:3rem;display:flex}.btn{font-family:var(--font-mono);letter-spacing:.02em;border:1px solid var(--ink);transition:background .3s var(--ease), color .3s var(--ease);border-radius:100px;padding:.85rem 1.5rem;font-size:.85rem}.btn:hover{background:var(--ink);color:var(--chalk)}.site-footer{border-top:1px solid var(--line);font-family:var(--font-mono);color:var(--ink-soft);flex-wrap:wrap;justify-content:space-between;gap:.75rem;margin-top:4rem;padding-top:1.5rem;font-size:.72rem;display:flex}.repo-scroll-container{max-height:440px;padding-right:.5rem;overflow-y:auto}.repo-scroll-container::-webkit-scrollbar{width:4px}.repo-scroll-container::-webkit-scrollbar-track{background:0 0}.repo-scroll-container::-webkit-scrollbar-thumb{background:var(--line);border-radius:2px}.repo-scroll-container::-webkit-scrollbar-thumb:hover{background:var(--ink-soft)}@media (width>=961px){.hero-layout-grid{grid-template-columns:1.2fr 1fr;align-items:center;gap:clamp(2rem,4vw,5rem);margin-top:2rem;display:grid}.hero .figure-block{max-width:100%;margin-top:0}}@media (width<=960px){.hero-layout-grid{flex-direction:column;gap:0;display:flex}.layout{grid-template-columns:1fr}.sidebar{z-index:900;background:var(--chalk);border-right:none;border-bottom:1px solid var(--line);flex-direction:row;justify-content:space-between;align-items:center;height:auto;padding:1rem clamp(1.25rem,4vw,2rem);position:sticky;top:0}.wordmark{font-size:1.15rem}.role-tag{display:none}.sidebar-top{align-items:center;gap:.75rem;display:flex}.menu-toggle{font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;padding:.5rem;font-size:.8rem;display:block}.index-nav,.sidebar-bottom{background:var(--chalk);z-index:800;transition:transform .45s var(--ease);flex-direction:column;justify-content:center;gap:2.5rem;padding:2rem clamp(1.5rem,6vw,3rem);display:flex;position:fixed;inset:0;transform:translateY(-100%)}.index-nav{padding-bottom:0}.menu-open .index-nav,.menu-open .sidebar-bottom{transform:translateY(0)}.menu-open .index-nav{z-index:850}.menu-open .sidebar-bottom{z-index:840;padding-top:55vh}.index-nav ul{gap:1rem}.index-nav a{font-size:1.1rem}.section{scroll-margin-top:88px}.about-grid{grid-template-columns:1fr}.stack-grid{grid-template-columns:1fr 1fr}.work-item{grid-template-columns:2rem 1fr;row-gap:.85rem}.work-diagram{display:none}.work-side{grid-column:2;justify-self:start}}@media (width<=560px){.stack-grid{grid-template-columns:1fr}.contact-row{flex-direction:column;align-items:flex-start;gap:1.5rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transition:none;transform:none}.hero-headline span>em{transition:none;transform:none}.status-dot,.clock .dot,.scroll-line:after{animation:none}#loader{transition:none}}