@import"https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&family=IBM+Plex+Mono:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400&family=IBM+Plex+Sans:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:70px}body{background:var(--bg);color:var(--text);font-family:IBM Plex Sans,system-ui,sans-serif;font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none;font-family:inherit}img{display:block;max-width:100%}::selection{background:#3b82f647;color:#fff}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--subtle);border-radius:3px}:root{--bg: #040811;--bg2: #080f1e;--bg3: #0c1629;--surface: rgba(255,255,255,.03);--border: rgba(255,255,255,.07);--borderh: rgba(255,255,255,.14);--blue: #3b82f6;--blue-d: rgba(59,130,246,.08);--blue-b: rgba(59,130,246,.2);--green: #10b981;--green-d: rgba(16,185,129,.1);--amber: #f59e0b;--amber-d: rgba(245,158,11,.09);--red: #ef4444;--purple: #8b5cf6;--text: #e2eaf4;--muted: #6b82a0;--subtle: #334a66;--r: 6px;--rs: 4px;--rl: 10px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.5)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glow{0%,to{box-shadow:0 0 20px #3b82f61f}50%{box-shadow:0 0 40px #3b82f642}}@keyframes scrolli{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}to{transform:scaleY(0);transform-origin:bottom}}@keyframes slideUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes grain{0%,to{transform:translate(0)}25%{transform:translate(-1%,1%)}50%{transform:translate(1%,-1%)}75%{transform:translate(-1%,-1%)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}.grain{position:fixed;top:-200%;right:-200%;bottom:-200%;left:-200%;width:500%;height:500%;pointer-events:none;z-index:999;opacity:.018;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)'/%3E%3C/svg%3E");animation:grain .35s steps(1) infinite}.reveal{opacity:0;transform:translateY(24px);transition:opacity .65s ease,transform .65s ease}.reveal.in{opacity:1;transform:none}nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:60px;transition:background .3s,border-bottom .3s}@media (min-width:768px){nav{padding:0 48px}}nav.solid{background:#040811e6;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--border)}.nav-logo{font-family:Syne,sans-serif;font-weight:800;font-size:1.2rem;letter-spacing:-.04em;color:var(--text)}.nav-logo span{color:var(--blue)}.nav-links{display:none;list-style:none;gap:2rem;align-items:center}@media (min-width:768px){.nav-links{display:flex}}.nav-links a{font-family:IBM Plex Mono,monospace;font-size:.72rem;letter-spacing:.05em;color:var(--muted);transition:color .2s;position:relative}.nav-links a:after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:1px;background:var(--blue);transform:scaleX(0);transition:transform .25s;transform-origin:left}.nav-links a:hover,.nav-links a.active{color:var(--text)}.nav-links a.active:after,.nav-links a:hover:after{transform:scaleX(1)}.nav-resume{display:none;font-family:IBM Plex Mono,monospace;font-size:.7rem;letter-spacing:.05em;padding:.38rem .9rem;color:var(--blue);border:1px solid var(--blue-b);border-radius:var(--rs);transition:background .2s,border-color .2s}@media (min-width:768px){.nav-resume{display:inline-flex}}.nav-resume:hover{background:var(--blue-d);border-color:var(--blue)}.hamburger{display:flex;flex-direction:column;gap:5px;padding:4px}@media (min-width:768px){.hamburger{display:none}}.hamburger span{display:block;width:22px;height:1.5px;background:var(--muted);border-radius:2px;transition:all .3s}.mob-menu{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99;background:var(--bg);display:flex;flex-direction:column;padding:88px 32px 40px;gap:20px;transform:translate(100%);transition:transform .38s cubic-bezier(.16,1,.3,1)}.mob-menu.open{transform:none}.mob-menu a{font-family:Syne,sans-serif;font-size:2rem;font-weight:700;color:var(--muted);display:block;transition:color .2s}.mob-menu a:hover{color:var(--text)}.mob-menu .mob-cv{font-family:IBM Plex Mono,monospace;font-size:.85rem;color:var(--blue);margin-top:8px}#hero{position:relative;min-height:100vh;min-height:100svh;display:flex;align-items:center;padding:80px 24px 60px;overflow:hidden}@media (min-width:768px){#hero{padding:0 48px}}.topo-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0}.hero-fade{position:absolute;bottom:0;left:0;right:0;height:40%;background:linear-gradient(transparent,var(--bg));z-index:1;pointer-events:none}.hero-fade-top{position:absolute;top:0;left:0;right:0;height:20%;background:linear-gradient(var(--bg),transparent);z-index:1;pointer-events:none}.dotgrid{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:radial-gradient(circle,rgba(59,130,246,.05) 1px,transparent 1px);background-size:32px 32px}.hero-inner{position:relative;z-index:2;width:100%;max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:48px}@media (min-width:1024px){.hero-inner{grid-template-columns:1.1fr .9fr;gap:64px;align-items:center}}.hero-badge{display:inline-flex;align-items:center;gap:8px;font-family:IBM Plex Mono,monospace;font-size:.68rem;letter-spacing:.1em;color:var(--green);border:1px solid rgba(16,185,129,.25);background:var(--green-d);padding:5px 12px;border-radius:20px;margin-bottom:32px}.badge-dot{width:6px;height:6px;border-radius:50%;background:var(--green);animation:pulse 2s ease-in-out infinite;flex-shrink:0}.hero-name{font-family:Syne,sans-serif;font-weight:800;line-height:.9;letter-spacing:-.05em;font-size:clamp(3.2rem,11vw,7.5rem);margin-bottom:24px}.name-first{display:block;color:var(--text)}.name-last{display:block;-webkit-text-stroke:1.5px var(--blue);color:transparent}.hero-role{font-family:IBM Plex Mono,monospace;font-size:clamp(.78rem,2vw,.95rem);color:var(--blue);letter-spacing:.02em;min-height:1.6em;margin-bottom:20px}.cursor{display:inline-block;color:var(--blue);animation:blink 1s step-end infinite;margin-left:1px}.hero-sub{font-size:clamp(.88rem,1.8vw,1rem);color:var(--muted);font-weight:300;max-width:480px;line-height:1.82;margin-bottom:36px}.hero-sub strong{color:var(--text);font-weight:500}.hero-ctas{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:48px}.btn-primary{display:inline-flex;align-items:center;gap:7px;font-family:IBM Plex Mono,monospace;font-size:.78rem;letter-spacing:.04em;padding:11px 24px;border-radius:var(--rs);background:var(--blue);color:#fff;transition:all .2s;border:1px solid var(--blue)}.btn-primary:hover{background:#5b9af8;transform:translateY(-2px);box-shadow:0 8px 28px #3b82f647}.btn-secondary{display:inline-flex;align-items:center;gap:7px;font-family:IBM Plex Mono,monospace;font-size:.78rem;letter-spacing:.04em;padding:10px 20px;border-radius:var(--rs);border:1px solid var(--borderh);color:var(--muted);transition:all .2s}.btn-secondary:hover{border-color:var(--blue-b);color:var(--blue);background:var(--blue-d)}.hero-stats{display:flex;gap:0;border:1px solid var(--border);border-radius:var(--r);overflow:hidden;max-width:420px;background:#080f1eb3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.stat-cell{flex:1;padding:14px 10px;text-align:center;border-right:1px solid var(--border);position:relative}.stat-cell:last-child{border-right:none}.stat-val{font-family:Syne,sans-serif;font-size:1.4rem;font-weight:700;color:var(--amber);line-height:1;display:block}.stat-key{font-family:IBM Plex Mono,monospace;font-size:.48rem;letter-spacing:.12em;color:var(--subtle);margin-top:5px;display:block}.hero-right{display:flex;flex-direction:column;gap:12px}@media (max-width:1023px){.hero-right{display:none}}.bento-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;gap:10px}.bento-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--rl);padding:18px;transition:border-color .25s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.bento-card:hover{border-color:var(--borderh)}.bento-photo{grid-column:1;grid-row:1 / 3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px 18px}.profile-ring{width:120px;height:120px;border-radius:50%;padding:2.5px;background:conic-gradient(var(--blue),#6366f1,var(--blue));animation:float 4s ease-in-out infinite,glow 3s ease-in-out infinite;position:relative}.profile-ring:before{content:"";position:absolute;top:2.5px;right:2.5px;bottom:2.5px;left:2.5px;border-radius:50%;background:var(--bg2);z-index:0}.profile-ring-inner{width:100%;height:100%;border-radius:50%;position:relative;z-index:1;overflow:hidden}.profile-ring-inner img{width:100%;height:100%;object-fit:cover;object-position:top center;border-radius:50%}.profile-initials-sm{width:100%;height:100%;border-radius:50%;background:var(--bg3);display:flex;align-items:center;justify-content:center;font-family:Syne,sans-serif;font-size:2rem;font-weight:800;color:var(--blue)}.profile-name{font-family:Syne,sans-serif;font-weight:700;font-size:.95rem;letter-spacing:-.02em;color:var(--text);text-align:center}.profile-title{font-family:IBM Plex Mono,monospace;font-size:.6rem;letter-spacing:.07em;color:var(--muted);text-align:center}.profile-loc{font-family:IBM Plex Mono,monospace;font-size:.6rem;color:var(--subtle);display:flex;align-items:center;gap:4px}.bento-status{grid-column:2;grid-row:1;display:flex;flex-direction:column;gap:10px;padding:16px}.status-badge{display:inline-flex;align-items:center;gap:6px;font-family:IBM Plex Mono,monospace;font-size:.6rem;letter-spacing:.07em;color:var(--green);background:var(--green-d);border:1px solid rgba(16,185,129,.2);padding:4px 10px;border-radius:20px;width:fit-content}.status-dot{width:5px;height:5px;border-radius:50%;background:var(--green);animation:pulse 2s ease-in-out infinite}.status-company{font-family:Syne,sans-serif;font-weight:600;font-size:.88rem;color:var(--text)}.status-role{font-family:IBM Plex Mono,monospace;font-size:.6rem;color:var(--muted);line-height:1.5}.bento-stack{grid-column:2;grid-row:2;padding:14px}.bento-label{font-family:IBM Plex Mono,monospace;font-size:.55rem;letter-spacing:.14em;color:var(--subtle);margin-bottom:9px;display:block}.stack-pills{display:flex;flex-wrap:wrap;gap:5px}.stack-pill{font-family:IBM Plex Mono,monospace;font-size:.56rem;padding:3px 8px;border:1px solid var(--border);border-radius:3px;color:var(--muted);transition:all .2s}.stack-pill:hover{border-color:var(--blue-b);color:var(--blue)}.stack-pill.hi{border-color:var(--blue-b);color:var(--blue);background:var(--blue-d)}.bento-cert{grid-column:1 / -1;grid-row:3}.cert-link{display:flex;align-items:center;justify-content:space-between;width:100%}.cert-name{font-family:IBM Plex Mono,monospace;font-size:.62rem;color:var(--muted);letter-spacing:.04em}.cert-arr{font-size:.65rem;color:var(--subtle)}.scroll-hint{position:absolute;bottom:24px;left:50%;transform:translate(-50%);z-index:2;display:flex;flex-direction:column;align-items:center;gap:6px}.scroll-hint span{font-family:IBM Plex Mono,monospace;font-size:.55rem;letter-spacing:.16em;color:var(--subtle)}.scroll-line{width:1px;height:36px;background:linear-gradient(var(--subtle),transparent);animation:scrolli 2s ease-in-out infinite}section{padding:88px 24px}@media (min-width:768px){section{padding:112px 48px}}.section-inner{max-width:1100px;margin:0 auto}.sec-eyebrow{font-family:IBM Plex Mono,monospace;font-size:.65rem;letter-spacing:.18em;color:var(--blue);display:block;margin-bottom:12px}.sec-title{font-family:Syne,sans-serif;font-size:clamp(1.7rem,4.5vw,2.6rem);font-weight:700;letter-spacing:-.035em;line-height:1.08;color:var(--text)}.sec-rule{width:32px;height:2px;background:var(--blue);margin-top:16px;margin-bottom:48px;border-radius:2px}.sec-desc{font-size:.95rem;color:var(--muted);font-weight:300;max-width:560px;line-height:1.8;margin-bottom:40px}.tag{font-family:IBM Plex Mono,monospace;font-size:.6rem;padding:3px 9px;border:1px solid var(--border);border-radius:3px;color:var(--muted);display:inline-block;white-space:nowrap;transition:all .2s;letter-spacing:.02em}.tag:hover,.tag.hi{border-color:var(--blue-b);color:var(--blue);background:var(--blue-d)}.tag.sm{font-size:.56rem;padding:2px 7px}.tag.learn{border-color:#f59e0b40;color:var(--amber);background:var(--amber-d)}#about{background:var(--bg2)}.about-grid{display:grid;grid-template-columns:1fr;gap:60px}@media (min-width:900px){.about-grid{grid-template-columns:1fr 1fr;gap:80px;align-items:start}}.about-text p{font-weight:300;color:var(--muted);font-size:.97rem;line-height:1.85;margin-bottom:16px}.about-text p strong{color:var(--text);font-weight:500}.focus-box{margin-top:24px;padding:16px 20px;border-left:2px solid var(--blue);background:var(--blue-d);border-radius:0 var(--r) var(--r) 0}.focus-label{font-family:IBM Plex Mono,monospace;font-size:.6rem;letter-spacing:.12em;color:var(--blue);margin-bottom:8px;display:block}.focus-text{font-size:.88rem;color:var(--muted);font-weight:300;line-height:1.7}.rm-toggle-btn{width:100%;display:flex;align-items:center;justify-content:space-between;padding:13px 16px;background:none;cursor:pointer;border:1px solid var(--border);border-radius:var(--r);margin-top:16px;transition:border-color .2s,background .2s}.rm-toggle-btn:hover{border-color:var(--blue-b);background:var(--blue-d)}.rm-toggle-label{display:flex;align-items:center;gap:9px;font-family:IBM Plex Mono,monospace;font-size:.7rem;letter-spacing:.04em;color:var(--blue)}.rm-dot{width:7px;height:7px;border-radius:50%;background:var(--blue);animation:pulse 2s ease-in-out infinite;flex-shrink:0}.rm-icon{font-family:IBM Plex Mono,monospace;font-size:.62rem;color:var(--subtle)}.rm-content{border:1px solid var(--border);border-top:none;border-radius:0 0 var(--r) var(--r);padding:20px;overflow:hidden}.rm-intro{font-size:.88rem;color:var(--muted);font-weight:300;line-height:1.75;margin-bottom:20px}.rm-phases{display:grid;grid-template-columns:1fr;gap:10px;margin-bottom:20px}@media (min-width:540px){.rm-phases{grid-template-columns:1fr 1fr}}.rm-phase{border:1px solid var(--border);border-radius:var(--rs);overflow:hidden}.rm-phase-head{display:flex;align-items:center;gap:9px;padding:11px 14px}.rm-phase-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.rm-phase-name{font-family:IBM Plex Mono,monospace;font-size:.65rem;font-weight:500;letter-spacing:.05em}.rm-phase-list{padding:10px 14px;list-style:none;border-top:1px solid var(--border)}.rm-phase-list li{font-family:IBM Plex Mono,monospace;font-size:.63rem;color:var(--muted);margin-bottom:5px;line-height:1.55;display:flex;gap:6px}.rm-bridge{padding:14px;background:var(--blue-d);border:1px solid rgba(59,130,246,.12);border-radius:var(--rs)}.rm-bridge-label{font-family:IBM Plex Mono,monospace;font-size:.58rem;letter-spacing:.1em;color:var(--blue);margin-bottom:12px;display:block}.rm-bridge-grid{display:grid;grid-template-columns:1fr;gap:7px}@media (min-width:540px){.rm-bridge-grid{grid-template-columns:1fr 1fr}}.rm-bridge-row{display:flex;align-items:baseline;gap:8px;overflow:hidden}.rb-from{font-family:IBM Plex Mono,monospace;font-size:.68rem;color:var(--text);font-weight:500;white-space:nowrap;flex-shrink:0}.rb-arr{color:var(--blue);font-size:.68rem;flex-shrink:0}.rb-to{font-family:IBM Plex Mono,monospace;font-size:.64rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-strip{display:grid;grid-template-columns:repeat(4,1fr);margin-top:28px;border:1px solid var(--border);border-radius:var(--r);overflow:hidden}.stat-box{padding:14px 8px;text-align:center;background:var(--bg3);border-right:1px solid var(--border)}.stat-box:last-child{border-right:none}.s-val{font-family:Syne,sans-serif;font-size:1.3rem;font-weight:700;color:var(--amber)}.s-key{font-family:IBM Plex Mono,monospace;font-size:.48rem;letter-spacing:.1em;color:var(--subtle);margin-top:4px}.social-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.social-pill{font-family:IBM Plex Mono,monospace;font-size:.65rem;letter-spacing:.04em;padding:5px 12px;border:1px solid var(--border);border-radius:var(--rs);color:var(--subtle);transition:all .2s}.social-pill:hover{border-color:var(--blue-b);color:var(--blue);background:var(--blue-d)}.stack-cat{margin-bottom:20px}.stack-cat-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.stack-cat-lbl{font-family:IBM Plex Mono,monospace;font-size:.56rem;letter-spacing:.14em;color:var(--subtle);white-space:nowrap}.stack-rule{flex:1;height:1px;background:var(--border)}.stack-tags{display:flex;flex-wrap:wrap;gap:5px}.timeline{position:relative;padding-left:28px;border-left:1px solid var(--border)}@media (min-width:768px){.timeline{padding-left:32px}}.job{position:relative;padding-bottom:52px}.job:last-child{padding-bottom:0}.job-dot{position:absolute;left:-33px;top:5px;width:10px;height:10px;border-radius:50%;background:var(--bg);border:2px solid var(--subtle);transition:border-color .3s}@media (min-width:768px){.job-dot{left:-37px}}.job-dot.current{background:var(--blue);border-color:var(--blue);box-shadow:0 0 0 4px #3b82f624,0 0 14px #3b82f647}.job-header{margin-bottom:14px}.job-company{font-family:Syne,sans-serif;font-weight:700;font-size:1.1rem;color:var(--amber);margin-bottom:3px}.job-role{font-size:.95rem;font-weight:500;color:var(--text);margin-bottom:4px}.job-period{font-family:IBM Plex Mono,monospace;font-size:.62rem;letter-spacing:.06em;color:var(--subtle)}.job-bullets{list-style:none;margin-bottom:14px}.job-bullets li{position:relative;padding-left:16px;margin-bottom:9px;font-size:.9rem;font-weight:300;color:var(--muted);line-height:1.68}.job-bullets li:before{content:"▸";position:absolute;left:0;top:1px;font-size:.6rem;color:var(--blue)}.job-bullets li strong{color:var(--text);font-weight:500}.job-tags{display:flex;flex-wrap:wrap;gap:5px}#terminal{background:var(--bg2)}.term-wrap{border-radius:var(--rl);overflow:hidden;border:1px solid var(--border);box-shadow:0 0 80px #3b82f60a,0 32px 80px #00000080}.term-bar{display:flex;align-items:center;gap:6px;padding:12px 16px;background:#ffffff08;border-bottom:1px solid var(--border)}.td{width:12px;height:12px;border-radius:50%;flex-shrink:0}.term-bar-title{font-family:IBM Plex Mono,monospace;font-size:.64rem;color:var(--subtle);margin-left:8px}.term-output{padding:16px 18px;min-height:300px;max-height:420px;overflow-y:auto;scroll-behavior:smooth;background:#02060efa}@media (min-width:768px){.term-output{min-height:360px;max-height:480px;padding:18px 22px}}.term-output::-webkit-scrollbar{width:2px}.term-output::-webkit-scrollbar-thumb{background:var(--subtle)}.t-line{display:flex;gap:10px;margin-bottom:2px;font-family:IBM Plex Mono,monospace;font-size:.73rem;line-height:1.75;word-break:break-word}@media (min-width:480px){.t-line{font-size:.78rem}}.t-prompt{flex-shrink:0;-webkit-user-select:none;user-select:none}.t-text{flex:1;min-width:0;white-space:pre-wrap}.term-input-row{display:flex;align-items:center;gap:10px;padding:10px 18px 14px;background:#02060efa;border-top:1px solid var(--border)}@media (min-width:768px){.term-input-row{padding:12px 22px 16px}}.t-input-prompt{font-family:IBM Plex Mono,monospace;font-size:.73rem;color:var(--blue);white-space:nowrap;-webkit-user-select:none;user-select:none;flex-shrink:0}.t-input{flex:1;background:none;border:none;outline:none;font-family:IBM Plex Mono,monospace;font-size:.73rem;color:var(--text);caret-color:var(--blue);min-width:0}.t-input::placeholder{color:var(--subtle)}.term-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.t-chip{font-family:IBM Plex Mono,monospace;font-size:.62rem;padding:5px 12px;border:1px solid var(--border);border-radius:var(--rs);color:var(--muted);cursor:pointer;transition:all .2s;letter-spacing:.02em}.t-chip:hover{border-color:var(--blue-b);color:var(--blue);background:var(--blue-d)}.t-chip:disabled{opacity:.5;cursor:not-allowed}.term-footer{font-family:IBM Plex Mono,monospace;font-size:.6rem;color:var(--subtle);margin-top:10px;line-height:1.6}#projects{background:var(--bg2)}.projects-grid{display:grid;grid-template-columns:1fr;gap:14px}@media (min-width:700px){.projects-grid{grid-template-columns:1fr 1fr}}.p-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--rl);overflow:hidden;display:flex;flex-direction:column;transition:border-color .25s,transform .25s,box-shadow .25s}.p-card:hover{border-color:var(--borderh);transform:translateY(-3px);box-shadow:0 20px 60px #0006}.p-card.featured{grid-column:1 / -1}.p-preview{position:relative;overflow:hidden;background:var(--bg3);border-bottom:1px solid var(--border);height:180px}@media (min-width:700px){.p-preview{height:200px}}.p-card.featured .p-preview{height:220px}.p-preview img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .4s;display:block}.p-card:hover .p-preview img{transform:scale(1.03)}.p-preview-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#04081199;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s}.p-preview:hover .p-preview-overlay{opacity:1}.p-preview-btn{font-family:IBM Plex Mono,monospace;font-size:.7rem;color:var(--blue);border:1px solid var(--blue-b);padding:6px 14px;border-radius:var(--rs);background:#040811cc}.p-preview-ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-family:IBM Plex Mono,monospace;font-size:2.5rem;color:var(--subtle)}.p-body{padding:20px 22px;flex:1}@media (min-width:768px){.p-body{padding:24px}}.p-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px;flex-wrap:wrap;gap:8px}.p-num{font-family:IBM Plex Mono,monospace;font-size:.58rem;letter-spacing:.1em;color:var(--subtle)}.p-links{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.p-live{font-family:IBM Plex Mono,monospace;font-size:.66rem;color:var(--blue);transition:opacity .2s}.p-live:hover{opacity:.75;text-decoration:underline}.p-gh{font-family:IBM Plex Mono,monospace;font-size:.66rem;color:var(--subtle);transition:color .2s}.p-gh:hover{color:var(--blue)}.p-badges{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:9px}.p-badge{font-family:IBM Plex Mono,monospace;font-size:.56rem;padding:2px 8px;border-radius:3px;letter-spacing:.05em;white-space:nowrap}.pb-live{background:#3b82f61a;border:1px solid rgba(59,130,246,.25);color:var(--blue)}.pb-iot{background:#10b98114;border:1px solid rgba(16,185,129,.22);color:var(--green)}.pb-ms{background:#8b5cf614;border:1px solid rgba(139,92,246,.22);color:var(--purple)}.p-name{font-family:Syne,sans-serif;font-weight:700;letter-spacing:-.025em;line-height:1.18;margin-bottom:6px;color:var(--text)}.p-stat{font-family:IBM Plex Mono,monospace;font-size:.63rem;color:var(--amber);margin-bottom:8px;letter-spacing:.03em}.p-desc{font-size:.87rem;font-weight:300;color:var(--muted);line-height:1.68;margin-bottom:12px}.p-arch{font-family:IBM Plex Mono,monospace;font-size:.65rem;color:var(--blue);padding:10px 12px;background:var(--blue-d);border-top:1px solid rgba(59,130,246,.12);border-bottom:1px solid rgba(59,130,246,.12);line-height:1.68;margin-bottom:12px;word-break:break-word}.p-toggle{font-family:IBM Plex Mono,monospace;font-size:.65rem;color:var(--blue);letter-spacing:.03em;margin-bottom:8px;transition:opacity .2s}.p-toggle:hover{opacity:.75}.p-bullets{list-style:none;overflow:hidden}.p-bullets li{position:relative;padding-left:15px;margin-bottom:6px;font-size:.84rem;font-weight:300;color:var(--muted);line-height:1.62}.p-bullets li:before{content:"▸";position:absolute;left:0;top:2px;font-size:.56rem;color:var(--subtle)}.p-foot{padding:12px 22px;border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:5px}@media (min-width:768px){.p-foot{padding:14px 24px}}.contact-center{max-width:560px;margin:0 auto;text-align:center}.contact-desc{font-size:.97rem;font-weight:300;color:var(--muted);max-width:420px;margin:0 auto 28px;line-height:1.8}.contact-desc strong{color:var(--text);font-weight:500}.contact-socials{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-bottom:28px}.c-link{display:flex;align-items:center;gap:7px;font-family:IBM Plex Mono,monospace;font-size:.7rem;letter-spacing:.04em;padding:8px 14px;border:1px solid var(--border);border-radius:var(--rs);color:var(--muted);transition:all .2s}.c-link:hover{border-color:var(--blue-b);color:var(--blue);background:var(--blue-d)}.c-link svg{width:13px;height:13px;flex-shrink:0}.contact-email{font-family:Syne,sans-serif;font-weight:700;font-size:clamp(1rem,2.8vw,1.5rem);letter-spacing:-.02em;color:var(--text);transition:color .2s;display:block;margin-bottom:32px;word-break:break-all}.contact-email:hover{color:var(--blue)}.c-form{display:flex;flex-direction:column;gap:11px;text-align:left}.c-row{display:grid;grid-template-columns:1fr;gap:11px}@media (min-width:480px){.c-row{grid-template-columns:1fr 1fr}}.c-input,.c-area{width:100%;background:var(--bg2);border:1px solid var(--border);border-radius:var(--rs);color:var(--text);font-family:IBM Plex Sans,sans-serif;font-size:.88rem;padding:10px 14px;outline:none;transition:border-color .2s}.c-input::placeholder,.c-area::placeholder{color:var(--subtle)}.c-input:focus,.c-area:focus{border-color:#3b82f659}.c-area{resize:vertical;min-height:110px}.c-status{font-family:IBM Plex Mono,monospace;font-size:.7rem;color:var(--muted);text-align:center;min-height:20px;margin-top:4px}footer{padding:18px 24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;border-top:1px solid var(--border)}@media (min-width:768px){footer{padding:18px 48px}}footer p{font-family:IBM Plex Mono,monospace;font-size:.56rem;letter-spacing:.08em;color:var(--subtle)}.ls-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#040811;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:opacity .4s ease}.ls-out{opacity:0;pointer-events:none}.ls-header{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:20px 24px;z-index:10}@media (min-width:768px){.ls-header{padding:24px 48px}}.ls-logo{font-family:Syne,sans-serif;font-weight:800;font-size:1.2rem;letter-spacing:-.04em;color:var(--text)}.ls-logo span{color:var(--blue)}.ls-game{display:flex;align-items:center;transition:opacity .4s}.ls-game-out{opacity:0}.ls-game-track{display:flex;gap:14px;overflow:hidden;width:80px;height:40px;position:relative;animation:lsGameScroll 2.4s linear infinite}@keyframes lsGameScroll{0%{transform:translate(0)}to{transform:translate(-56px)}}.ls-game-line{flex-shrink:0;width:3px;height:22px;background:var(--subtle);border-radius:2px;position:relative;top:50%;transform:translateY(-50%)}.ls-game-line:nth-child(2n){height:14px}.ls-game-ball{width:7px;height:7px;border-radius:50%;background:var(--blue);position:absolute;left:20px;top:50%;transform:translateY(-50%);animation:lsBall 2.4s cubic-bezier(.3,1.18,.63,1.28) infinite;box-shadow:0 0 10px var(--blue)}@keyframes lsBall{0%,to{top:70%}35%,65%{top:30%}}.ls-marquee{position:absolute;top:50%;left:0;width:100%;transform:translateY(-50%);overflow:hidden;pointer-events:none;font-family:Syne,sans-serif;font-size:clamp(2.5rem,8vw,6rem);font-weight:700;text-transform:uppercase;letter-spacing:-.03em;color:#ffffff0a;white-space:nowrap;-webkit-user-select:none;user-select:none}.ls-marquee-inner{display:inline-flex;gap:0;animation:lsMarquee 14s linear infinite}.ls-marquee-inner span{padding:0 3rem}.ls-marquee-inner em{font-style:normal;color:#3b82f61f}@keyframes lsMarquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.ls-pill-wrap{--mouse-x: 50%;--mouse-y: 50%;--pill-size: 210px;position:relative;z-index:5;padding:5px;min-width:0;min-height:0;border-radius:100px;background:#000;overflow:hidden;cursor:pointer;transition:min-width .85s cubic-bezier(.33,.11,1,.72),min-height .85s cubic-bezier(.33,.11,1,.72),border-radius .85s cubic-bezier(.33,.11,1,.72);transition-delay:.1s;box-shadow:0 14px 40px #00000073;display:flex;align-items:center;justify-content:center}.ls-pill-glow{pointer-events:none;position:absolute;top:var(--mouse-y);left:var(--mouse-x);width:200px;height:90px;background:var(--blue);border-radius:50%;filter:blur(28px);transform:translate(-50%,-50%);opacity:0;transition:opacity .5s}.ls-pill-wrap:hover .ls-pill-glow{opacity:.35}.ls-pill-clicked{min-width:calc(100vw + 400px)!important;min-height:calc(100vh + 400px)!important;border-radius:2000px!important;transition-delay:0ms!important;box-shadow:none!important}.ls-pill-clicked .ls-pill-glow{opacity:0!important}.ls-pill-btn{position:relative;z-index:2;padding:18px 52px;border-radius:100px;background:#000;overflow:hidden;font-family:IBM Plex Mono,monospace;font-size:clamp(.85rem,2vw,1.05rem);font-weight:500;letter-spacing:.06em;color:var(--text);min-width:var(--pill-size);display:flex;align-items:center;justify-content:center}.ls-pill-btn:before{content:"";position:absolute;z-index:10;top:var(--mouse-y, 50%);left:var(--mouse-x, 50%);width:60px;height:60px;background:#fff;border-radius:50%;filter:blur(50px);opacity:0;transform:translate(-50%,-50%);transition:opacity .3s;pointer-events:none}.ls-pill-wrap:hover .ls-pill-btn:before{opacity:1}.ls-pill-clicked .ls-pill-btn:before{opacity:0!important}.ls-pill-label{display:flex;align-items:center;gap:6px;position:relative;transition:opacity .4s,transform .4s;text-transform:uppercase;letter-spacing:.08em}.ls-pill-pct{font-weight:300;opacity:.65}.ls-pill-cursor{width:10px;height:18px;background:#fff;animation:lsBlink 1s linear infinite}@keyframes lsBlink{0%,25%,75%,to{opacity:1}50%{opacity:0}}.ls-pill-done .ls-pill-cursor{display:none}.ls-pill-enter{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-weight:500;letter-spacing:.1em;text-transform:uppercase;opacity:0;transform:translateY(8px);transition:opacity .5s,transform .5s}.ls-pill-done .ls-pill-enter{opacity:1;transform:none}.ls-pill-done .ls-pill-label{opacity:0;transform:translateY(-8px)}.ls-pill-enter-out{opacity:0!important;transform:translateY(20px)!important;transition:opacity .5s,transform .5s}@media (min-width:1400px){.ls-pill-wrap{--pill-size: 260px}.ls-pill-btn{padding:24px 70px}}.cursor-glow{position:fixed;pointer-events:none;z-index:9998;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(59,130,246,.06) 0%,transparent 70%);top:0;left:0;will-change:transform}@media (max-width:768px){.cursor-glow{display:none}}.sp-char,.sp-word{display:inline-block;will-change:transform,opacity}.sp-space{display:inline-block}.sec-title,.sec-eyebrow,.job,.p-card,.term-wrap,.contact-center,.focus-box,.about-text p{will-change:transform,opacity}.reveal{opacity:1!important;transform:none!important}.timeline{--bar-h: 0%;position:relative}.timeline:before{content:"";position:absolute;left:-1px;top:0;width:1px;height:var(--bar-h);background:linear-gradient(to bottom,var(--blue),rgba(59,130,246,.2));transition:height .1s linear;z-index:1}nav{opacity:0}.hero-name{font-size:clamp(2.4rem,9vw,7rem);line-height:1;word-break:break-word;overflow-wrap:break-word;letter-spacing:-.01em}.name-first,.name-last{display:block;word-break:break-word}.sec-title{word-spacing:normal!important;word-break:break-word;overflow-wrap:break-word;-webkit-hyphens:none;hyphens:none;font-size:clamp(1.8rem,5vw,3.2rem);line-height:1.15}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px}@media (max-width: 768px){.about-grid{grid-template-columns:1fr;gap:32px}.hero-inner{flex-direction:column;padding:24px 16px}.hero-left,.hero-right{width:100%}.hero-right{margin-top:32px}.bento-grid{grid-template-columns:1fr 1fr}.hero-role{font-size:clamp(.9rem,3.5vw,1.1rem);word-break:break-word}.hero-sub{font-size:.9rem;line-height:1.6}.hero-stats{grid-template-columns:repeat(2,1fr);gap:12px}.hero-ctas{flex-wrap:wrap;gap:10px}.btn-primary,.btn-secondary{width:100%;text-align:center;justify-content:center}.section-inner{padding:0 16px}.timeline{padding-left:16px}.job-tags{flex-wrap:wrap}.ls-marquee{overflow:hidden}.stack-tags{flex-wrap:wrap}.stat-strip{grid-template-columns:repeat(2,1fr)}.c-row{flex-direction:column}.c-input,.c-area{width:100%;box-sizing:border-box}}@media (max-width: 420px){.hero-name{font-size:clamp(2rem,11vw,3rem)}.bento-grid{grid-template-columns:1fr}.stat-strip{grid-template-columns:repeat(2,1fr)}}