@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Space+Mono:ital,wght@0,400;0,700;1,400&display=swap";:root{--bg: #080808;--bg-surface: #0d0d0d;--bg-raised: #111111;--border: #1c1c1c;--border-2: #2a2a2a;--text: #e8e8e2;--muted: #555555;--muted-2: #3a3a3a;--accent: #b8ff57;--accent-dim: rgba(184, 255, 87, .07);--font-sans: "Space Grotesk", system-ui, sans-serif;--font-mono: "Space Mono", monospace;--radius: 6px;--radius-lg: 12px;--container: 1100px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:1rem;line-height:1.6;-webkit-font-smoothing:antialiased;cursor:none;overflow-x:hidden}@media(hover:none){body{cursor:auto}}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}ul{list-style:none}.cursor-ring{border-radius:50%;border:1px solid rgba(184,255,87,.35)}@media(hover:none){.cursor-ring{display:none}}.grain{position:fixed;inset:0;pointer-events:none;z-index:9998;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)'/%3E%3C/svg%3E");background-size:200px 200px}.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 32px}.mono{font-family:var(--font-mono)}.muted{color:var(--muted)}.accent{color:var(--accent)}.section-label{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;color:var(--accent);display:flex;align-items:center;gap:14px;margin-bottom:56px}.section-label:after{content:"";display:block;height:1px;width:56px;background:var(--accent);opacity:.35}.site-nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:22px 0;transition:background .4s ease,border-color .4s ease,padding .3s ease}.site-nav.scrolled{background:#080808e6;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border);padding:16px 0}.nav-inner{display:flex;align-items:center;justify-content:space-between}.nav-logo{font-family:var(--font-mono);font-size:.85rem;color:var(--accent);letter-spacing:.12em;cursor:none;background:none;border:none;padding:0}.nav-links{display:flex;align-items:center;gap:36px}.nav-link-item{font-size:.8rem;font-family:var(--font-mono);letter-spacing:.08em;color:var(--muted);cursor:none;transition:color .2s;background:none;border:none;padding:0}.nav-link-item:hover{color:var(--text)}.nav-cv-btn{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.1em;padding:8px 20px;border:1px solid var(--border-2);border-radius:var(--radius);color:var(--text);cursor:none;transition:border-color .2s,color .2s;background:none}.nav-cv-btn:hover{border-color:var(--accent);color:var(--accent)}.hero{min-height:100vh;display:flex;flex-direction:column;position:relative;overflow:hidden}.hero-bg{position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.055) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.9) 0%,rgba(0,0,0,.3) 60%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.9) 0%,rgba(0,0,0,.3) 60%,transparent 100%)}.hero-glow{position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(184,255,87,.05) 0%,transparent 70%);top:5%;right:-5%;pointer-events:none}.hero-content{position:relative;z-index:2;flex:1;display:flex;flex-direction:column;justify-content:flex-end;padding:120px 0 72px}.hero-tag{font-family:var(--font-mono);font-size:.75rem;color:var(--accent);letter-spacing:.18em;margin-bottom:28px;display:flex;align-items:center;gap:10px}.hero-tag-cursor{display:inline-block;width:8px;height:14px;background:var(--accent);animation:blink 1s step-end infinite;vertical-align:middle;margin-left:2px}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.hero-title{font-size:clamp(3.8rem,10vw,9rem);font-weight:700;line-height:.9;letter-spacing:-.035em;color:var(--text);margin-bottom:36px}.hero-title .word{display:block;overflow:hidden}.hero-title .word-inner{display:block}.hero-subtitle{font-size:clamp(.95rem,1.8vw,1.15rem);color:var(--muted);max-width:460px;line-height:1.7;margin-bottom:44px}.hero-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:13px 26px;background:var(--accent);color:#080808;border-radius:var(--radius);font-weight:600;font-size:.88rem;cursor:none;transition:opacity .2s,transform .2s;border:none}.btn-primary:hover{opacity:.85;transform:translateY(-2px)}.btn-ghost{display:inline-flex;align-items:center;gap:8px;padding:13px 26px;border:1px solid var(--border-2);border-radius:var(--radius);color:var(--muted);font-size:.88rem;cursor:none;transition:border-color .2s,color .2s;background:none}.btn-ghost:hover{border-color:var(--muted);color:var(--text)}.hero-scroll-hint{position:absolute;bottom:28px;right:32px;z-index:2;display:flex;flex-direction:column;align-items:center;gap:8px}.hero-scroll-label{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);writing-mode:vertical-rl}.hero-scroll-line{width:1px;height:40px;background:linear-gradient(to bottom,var(--muted),transparent)}.hero-bottom{position:relative;z-index:2;border-top:1px solid var(--border);padding:18px 0}.hero-bottom-inner{display:flex;gap:48px;align-items:center}.hero-meta-item{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.hero-meta-item span{color:var(--text)}.marquee-wrap{overflow:hidden;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:16px 0;background:var(--bg-surface)}.marquee-track{display:flex;width:max-content;animation:marquee 30s linear infinite}.marquee-track:hover{animation-play-state:paused}.marquee-item{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);padding:0 28px;white-space:nowrap;display:flex;align-items:center;gap:28px}.marquee-sep{color:var(--accent);opacity:.45;font-size:.5rem}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.about-section{padding:128px 0}.about-grid{display:grid;grid-template-columns:340px 1fr;gap:88px;align-items:start}.about-photo-wrap{position:sticky;top:100px}.about-photo-frame{position:relative}.about-photo-frame:before{content:"";position:absolute;inset:-10px 10px 10px -10px;border:1px solid var(--border);border-radius:calc(var(--radius-lg) + 4px);z-index:0}.about-photo-frame:after{content:"";position:absolute;top:-10px;left:20px;width:48px;height:2px;background:var(--accent);z-index:1}.about-photo{width:100%;aspect-ratio:3 / 4;object-fit:cover;border-radius:var(--radius-lg);filter:grayscale(15%) contrast(1.04);position:relative;z-index:1}.about-bio{font-size:1.05rem;color:var(--text);line-height:1.8;margin-bottom:52px}.about-bio strong{color:var(--accent);font-weight:500}.stats-row{display:flex;gap:52px;margin-bottom:52px;padding-bottom:52px;border-bottom:1px solid var(--border)}.stat-number{font-size:clamp(2.2rem,4vw,3.2rem);font-weight:700;color:var(--text);line-height:1;margin-bottom:6px}.stat-number .stat-plus{color:var(--accent)}.stat-label{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.skills-heading{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:16px}.skills-pills{display:flex;flex-wrap:wrap;gap:8px}.skill-pill{font-size:.8rem;padding:6px 14px;border:1px solid var(--border-2);border-radius:99px;color:var(--text);font-family:var(--font-mono);transition:border-color .2s,color .2s,background .2s;cursor:none}.skill-pill:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.projects-section{padding:128px 0;border-top:1px solid var(--border)}.project-list{margin-top:8px}.project-row{border-bottom:1px solid var(--border);cursor:none}.project-row-header{display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:24px;padding:30px 0;transition:padding-left .35s cubic-bezier(.16,1,.3,1);cursor:none}.project-row:hover .project-row-header,.project-row.open .project-row-header{padding-left:12px}.project-num{font-family:var(--font-mono);font-size:.68rem;color:var(--muted-2);letter-spacing:.1em}.project-row.open .project-num{color:var(--accent)}.project-name{font-size:clamp(1.05rem,2.2vw,1.5rem);font-weight:600;color:var(--text);transition:color .2s}.project-row:hover .project-name,.project-row.open .project-name{color:var(--accent)}.project-company{font-family:var(--font-mono);font-size:.68rem;color:var(--muted);letter-spacing:.08em;margin-top:3px}.project-arrow{font-size:1.1rem;color:var(--muted-2);transition:transform .35s cubic-bezier(.16,1,.3,1),color .2s;-webkit-user-select:none;user-select:none;line-height:1}.project-row.open .project-arrow{transform:rotate(45deg);color:var(--accent)}.project-body-inner{padding-bottom:32px;padding-left:76px}.project-desc{color:var(--muted);line-height:1.75;max-width:640px;margin-bottom:20px;font-size:.95rem}.project-points{margin:0 0 20px;display:flex;flex-direction:column;gap:6px}.project-points li{color:var(--muted);font-size:.88rem;line-height:1.6;padding-left:20px;position:relative}.project-points li:before{content:"→";position:absolute;left:0;color:var(--accent);font-size:.78rem}.project-tech{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.12em;color:var(--accent);opacity:.65;text-transform:uppercase}.contact-section{padding:128px 0;border-top:1px solid var(--border)}.contact-headline{font-size:clamp(2.4rem,7vw,5.5rem);font-weight:700;line-height:.95;letter-spacing:-.035em;margin-bottom:56px}.contact-headline .line-dim{color:var(--muted-2)}.contact-email-link{display:inline-block;font-size:clamp(1rem,2.5vw,1.5rem);font-weight:500;color:var(--text);border-bottom:1px solid var(--border-2);padding-bottom:8px;margin-bottom:72px;cursor:none;transition:color .2s,border-color .2s}.contact-email-link:hover{color:var(--accent);border-color:var(--accent)}.contact-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.contact-link{font-family:var(--font-mono);font-size:.78rem;letter-spacing:.08em;color:var(--muted);padding:9px 18px;border:1px solid var(--border);border-radius:var(--radius);cursor:none;transition:border-color .2s,color .2s}.contact-link:hover{border-color:var(--border-2);color:var(--text)}.site-footer{border-top:1px solid var(--border);padding:26px 0;background:var(--bg-surface)}.footer-inner{display:flex;justify-content:space-between;align-items:center;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}@media(max-width:900px){.about-grid{grid-template-columns:1fr;gap:52px}.about-photo-wrap{position:static;max-width:300px}.nav-links{gap:20px}.project-body-inner{padding-left:0}}@media(max-width:640px){.container{padding:0 20px}.hero-title{line-height:.92}.nav-links{display:none}.stats-row{gap:28px;flex-wrap:wrap}.contact-row{gap:10px}.footer-inner{flex-direction:column;gap:8px;text-align:center}.hero-scroll-hint{display:none}.hero-bottom-inner{gap:20px;flex-wrap:wrap}}