:root{--bg-deep: #0b0a09;--bg-surface: #13110f;--bg-card: #1a1714;--bg-card-hover: #221e1a;--text-primary: #e8e2d6;--text-secondary: #9a9285;--text-muted: #5e564c;--accent-brass: #c8a45c;--accent-teal: #3ba68f;--accent-brass-dim: rgba(200, 164, 92, .1);--accent-teal-dim: rgba(59, 166, 143, .08);--border: rgba(200, 164, 92, .08);--border-hover: rgba(200, 164, 92, .25);--glow-brass: 0 0 40px rgba(200, 164, 92, .1);--font-display: "Instrument Serif", serif;--font-body: "DM Sans", sans-serif;--font-mono: "JetBrains Mono", monospace;--space-xs: .5rem;--space-sm: 1rem;--space-md: 2rem;--space-lg: 4rem;--space-xl: 8rem;--space-2xl: 12rem;--container-max: 1200px;--nav-height: 72px;--cut: 14px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px;scrollbar-width:thin;scrollbar-color:var(--text-muted) transparent}body{font-family:var(--font-body);background:var(--bg-deep);color:var(--text-primary);line-height:1.7;overflow-x:hidden;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;background-image:linear-gradient(45deg,rgba(200,164,92,.015) 1px,transparent 1px),linear-gradient(-45deg,rgba(200,164,92,.015) 1px,transparent 1px);background-size:60px 60px;pointer-events:none;z-index:0}::selection{background:var(--accent-brass);color:var(--bg-deep)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{max-width:var(--container-max);margin:0 auto;padding:0 var(--space-md);position:relative;z-index:1}.accent{color:var(--accent-brass)}.mono{font-family:var(--font-mono);font-size:.9em}.chamfer{clip-path:polygon(0 0,calc(100% - var(--cut)) 0,100% var(--cut),100% 100%,0 100%)}.nav{position:fixed;top:0;left:0;right:0;height:var(--nav-height);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-md);z-index:1000;transition:background .4s,backdrop-filter .4s}.nav--scrolled{background:#0b0a09e6;backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}.nav__logo{font-family:var(--font-display);font-size:2rem;color:var(--accent-brass);transition:transform .3s}.nav__logo:hover{transform:scale(1.1) rotate(-3deg)}.nav__links{display:flex;gap:var(--space-md)}.nav__link{font-family:var(--font-mono);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);position:relative;padding:.25rem 0;transition:color .3s}.nav__link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background:var(--accent-brass);transition:width .4s cubic-bezier(.16,1,.3,1)}.nav__link:hover{color:var(--accent-brass)}.nav__link:hover:after{width:100%}.nav__link.active{color:var(--accent-brass)}.nav__link.active:after{width:100%}.nav__toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px}.nav__toggle span{display:block;width:24px;height:2px;background:var(--accent-brass);transition:transform .3s,opacity .3s}.nav__toggle.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav__toggle.active span:nth-child(2){opacity:0}.nav__toggle.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-menu{position:fixed;inset:0;background:#0b0a09f7;backdrop-filter:blur(30px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-lg);z-index:999;opacity:0;pointer-events:none;transition:opacity .4s}.mobile-menu.active{opacity:1;pointer-events:all}.mobile-menu__link{font-family:var(--font-display);font-size:2.5rem;color:var(--text-muted);transition:color .3s,letter-spacing .3s}.mobile-menu__link:hover{color:var(--accent-brass);letter-spacing:.05em}.hero{position:relative;height:100vh;min-height:600px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,rgba(200,164,92,.03) 0%,transparent 60%)}#particleCanvas{position:absolute;inset:0;width:100%;height:100%;z-index:0}.hero__noise{position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.025'/%3E%3C/svg%3E");pointer-events:none;z-index:1;mix-blend-mode:overlay}.hero__content{position:relative;z-index:2;text-align:center;padding:0 var(--space-md)}.hero__greeting{font-family:var(--font-mono);font-size:.85rem;color:var(--text-muted);letter-spacing:.2em;text-transform:uppercase;margin-bottom:var(--space-sm)}.hero__name{font-family:var(--font-display);font-size:clamp(3.5rem,10vw,8rem);line-height:1;font-weight:400;letter-spacing:-.02em}.hero__name span{display:block}.hero__name .accent{color:var(--accent-brass);font-style:italic}.hero__tagline{font-size:clamp(.95rem,2.2vw,1.2rem);color:var(--text-secondary);margin-top:var(--space-md);max-width:500px;margin-left:auto;margin-right:auto;letter-spacing:.02em}.hero__tagline em{font-family:var(--font-display);font-style:italic;color:var(--accent-brass)}.hero__scroll{position:absolute;bottom:-120px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:var(--space-xs)}.hero__scroll span{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.25em;text-transform:uppercase;color:var(--text-muted)}.hero__scroll-line{width:1px;height:60px;background:linear-gradient(to bottom,var(--accent-brass),transparent);animation:scrollPulse 2.5s ease-in-out infinite}@keyframes scrollPulse{0%,to{opacity:.2;transform:scaleY(.5)}50%{opacity:.8;transform:scaleY(1)}}.reveal-text{opacity:0;transform:translateY(30px);animation:revealUp .9s cubic-bezier(.16,1,.3,1) forwards;animation-delay:var(--delay, 0s)}@keyframes revealUp{to{opacity:1;transform:translateY(0)}}.scroll-reveal{opacity:0;transform:translateY(40px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);transition-delay:var(--delay, 0s)}.scroll-reveal.visible{opacity:1;transform:translateY(0)}.section-label{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg)}.section-label__number{font-family:var(--font-mono);font-size:.7rem;color:var(--accent-brass);letter-spacing:.05em}.section-label__text{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--text-primary)}.section-label:after{content:"";flex:1;height:1px;background:linear-gradient(to right,var(--border),transparent)}.about{padding:var(--space-xl) 0;position:relative}.about__grid{display:grid;gap:var(--space-lg)}.about__headline{font-family:var(--font-display);font-size:clamp(1.8rem,3.5vw,2.8rem);line-height:1.25;font-weight:400}.about__body p{color:var(--text-secondary);margin-bottom:var(--space-sm);max-width:640px;font-size:1.02rem}.about__domains{display:flex;flex-wrap:wrap;gap:.6rem}.domain-tag{font-family:var(--font-mono);font-size:.72rem;padding:.4rem 1rem;border:1px solid var(--border);color:var(--text-secondary);transition:border-color .3s,color .3s,background .3s;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,0 100%);background:var(--bg-card)}.domain-tag:hover{border-color:var(--accent-brass);color:var(--accent-brass);background:var(--accent-brass-dim)}.about__detail{color:var(--accent-brass);font-family:var(--font-mono);font-size:.82rem;letter-spacing:.05em;margin-bottom:var(--space-md);padding-left:var(--space-sm);border-left:2px solid var(--accent-brass)}.about__subsection{margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid var(--border)}.about__subtitle{font-family:var(--font-display);font-size:1.3rem;font-weight:400;color:var(--accent-brass);margin-bottom:var(--space-sm)}.about__timeline-item{display:flex;gap:var(--space-md);padding:.75rem 0;border-bottom:1px solid var(--border);font-size:.92rem;position:relative}.about__timeline-item:before{content:"";position:absolute;left:-var(--space-md);top:50%;width:4px;height:4px;background:var(--accent-brass);transform:rotate(45deg) translateY(-50%)}.about__timeline-item:last-child{border-bottom:none}.about__timeline-years{font-family:var(--font-mono);font-size:.72rem;color:var(--accent-brass);min-width:120px;padding-top:.2rem;opacity:.7}.about__timeline-main{color:var(--text-secondary)}.about__timeline-main strong{color:var(--text-primary);font-weight:500}.about__timeline-item--rich{flex-direction:row;align-items:flex-start;padding:var(--space-sm) 0}.about__timeline-item--rich .about__timeline-main{display:flex;flex-direction:column;gap:.4rem}.about__timeline-desc{font-size:.85rem;color:var(--text-muted);line-height:1.5;margin-top:.2rem}.about__timeline-detail{display:flex;gap:.5rem;margin-top:.3rem;font-size:.82rem}.about__timeline-label{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-teal);min-width:55px;padding-top:.15rem;flex-shrink:0}.about__timeline-note{color:var(--text-muted);font-size:.82rem;font-style:italic}.about__papers{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.25rem}.about__papers li{color:var(--text-secondary);font-size:.82rem;padding-left:.8rem;position:relative}.about__papers li:before{content:"";position:absolute;left:0;top:.5em;width:3px;height:3px;background:var(--accent-brass);transform:rotate(45deg)}.about__papers a{color:var(--accent-brass);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .3s}.about__papers a:hover{border-bottom-color:var(--accent-brass)}.about__techstack{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.3rem}.about__tech-tag{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.05em;padding:.2rem .5rem;background:var(--accent-brass-dim);color:var(--accent-brass);clip-path:polygon(0 0,calc(100% - 4px) 0,100% 4px,100% 100%,0 100%)}.projects{padding:var(--space-xl) 0}.projects__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-md)}.project-card{position:relative;display:flex;flex-direction:column;padding:var(--space-md);background:var(--bg-card);border:1px solid var(--border);overflow:hidden;transition:border-color .4s,transform .4s,background .4s;cursor:pointer;clip-path:polygon(0 0,calc(100% - var(--cut)) 0,100% var(--cut),100% 100%,var(--cut) 100%,0 calc(100% - var(--cut)))}.project-card:before{content:"";position:absolute;top:0;right:0;width:calc(var(--cut) * 1.414);height:1px;background:var(--accent-brass);transform-origin:top right;transform:rotate(-45deg) translate(1px);opacity:.3;transition:opacity .4s}.project-card:hover{border-color:var(--border-hover);background:var(--bg-card-hover);transform:translateY(-4px)}.project-card:hover:before{opacity:1}.project-card__glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at var(--mouse-x, 50%) var(--mouse-y, 50%),var(--accent-brass-dim) 0%,transparent 50%);opacity:0;transition:opacity .4s;pointer-events:none}.project-card:hover .project-card__glow{opacity:1}.project-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.project-card__lang{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-brass);padding:.3rem .8rem;background:var(--accent-brass-dim);clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,0 100%)}.project-card__lang[data-lang=rust]{color:var(--accent-teal);background:var(--accent-teal-dim)}.project-card__arrow{width:20px;height:20px;color:var(--text-muted);transition:color .3s,transform .3s}.project-card:hover .project-card__arrow{color:var(--accent-brass);transform:translate(3px,-3px)}.project-card__title{font-family:var(--font-display);font-size:1.8rem;font-weight:400;margin-bottom:var(--space-xs)}.project-card__desc{color:var(--text-secondary);font-size:.9rem;flex:1;margin-bottom:var(--space-md)}.project-card__footer{display:flex;gap:.5rem}.project-card__tag{font-family:var(--font-mono);font-size:.62rem;color:var(--text-muted);padding:.2rem .6rem;border:1px solid var(--border);letter-spacing:.05em}.blog{padding:var(--space-xl) 0}.blog__filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:var(--space-lg)}.blog__filter{font-family:var(--font-mono);font-size:.74rem;letter-spacing:.08em;padding:.5rem 1.2rem;border:1px solid var(--border);background:transparent;color:var(--text-muted);cursor:pointer;transition:all .3s;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,0 100%)}.blog__filter:hover{border-color:var(--accent-brass);color:var(--text-primary);background:var(--accent-brass-dim)}.blog__filter.active{background:var(--accent-brass);border-color:var(--accent-brass);color:var(--bg-deep)}.blog__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--space-md)}.blog-card{background:var(--bg-card);border:1px solid var(--border);padding:var(--space-md);transition:border-color .3s,transform .3s,opacity .4s;clip-path:polygon(0 0,calc(100% - var(--cut)) 0,100% var(--cut),100% 100%,0 100%);position:relative}.blog-card:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(to right,var(--accent-brass),var(--accent-teal));transition:width .5s cubic-bezier(.16,1,.3,1)}.blog-card:hover{border-color:var(--border-hover);transform:translateY(-2px)}.blog-card:hover:after{width:100%}.blog-card.hidden{display:none}.blog-card__category{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.15em;text-transform:uppercase;color:var(--accent-teal);margin-bottom:var(--space-sm)}.blog-card__title{font-family:var(--font-display);font-size:1.4rem;font-weight:400;line-height:1.3;margin-bottom:var(--space-sm)}.blog-card__excerpt{color:var(--text-secondary);font-size:.9rem}.blog-card__expanded{max-height:0;overflow:hidden;transition:max-height .5s cubic-bezier(.16,1,.3,1),margin .4s}.blog-card__expanded.open{max-height:600px;margin-top:var(--space-sm)}.blog-card__expanded p{color:var(--text-secondary);font-size:.9rem;margin-bottom:var(--space-sm)}.blog-card__toggle{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.08em;color:var(--accent-brass);background:none;border:none;cursor:pointer;padding:.5rem 0;margin-top:var(--space-xs);transition:opacity .3s;text-transform:uppercase}.blog-card__toggle:hover{opacity:.6}.blog-card__meta{display:flex;gap:var(--space-sm);margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid var(--border);font-family:var(--font-mono);font-size:.68rem;color:var(--text-muted)}.connect{padding:var(--space-xl) 0 var(--space-2xl)}.connect__headline{font-family:var(--font-display);font-size:clamp(2.5rem,5vw,4rem);font-weight:400;margin-bottom:var(--space-lg)}.connect__links{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-sm)}.social-link{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);border:1px solid var(--border);transition:border-color .3s,background .3s,transform .3s;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%)}.social-link:hover{border-color:var(--border-hover);background:var(--bg-card);transform:translate(4px)}.social-link svg:first-child{width:22px;height:22px;flex-shrink:0;color:var(--text-muted);transition:color .3s}.social-link:hover svg:first-child{color:var(--accent-brass)}.social-link span{font-size:.92rem;flex:1}.social-link__arrow{width:16px;height:16px;color:var(--text-muted);transition:color .3s,transform .3s}.social-link:hover .social-link__arrow{color:var(--accent-brass);transform:translate(3px,-3px)}.social-link--placeholder{opacity:.35;cursor:default}.social-link--placeholder:hover{transform:none;border-color:var(--border);background:transparent}.social-link__soon{font-family:var(--font-mono);font-size:.6rem;color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase}.footer{padding:var(--space-md) 0;border-top:1px solid var(--border);position:relative;z-index:1}.footer p{text-align:center;font-family:var(--font-mono);font-size:.72rem;color:var(--text-muted);letter-spacing:.05em}@media(max-width:768px){.nav__links{display:none}.nav__toggle{display:flex}.hero__scroll{bottom:-80px}.projects__grid,.blog__grid,.connect__links{grid-template-columns:1fr}.about__headline{font-size:1.6rem}:root{--cut: 10px}}@media(max-width:480px){:root{--space-md: 1.25rem;--space-lg: 2.5rem;--space-xl: 5rem;--cut: 8px}.hero__name{font-size:3rem}.blog__filters{gap:.35rem}.blog__filter{padding:.4rem .8rem;font-size:.68rem}}