@import "https://fonts.googleapis.com/css2?family=Syne:wght@400;500;700;800&family=DM+Mono:ital,wght@0,300;0,400;1,300&display=swap";:root{--bg:#0e0e0e;--bg-card:#161616;--bg-subtle:#1c1c1c;--border:#2a2a2a;--accent:#e8ff6b;--accent-dim:#e8ff6b1f;--text:#c8c4bc;--text-heading:#f0ece4;--text-muted:#5a5650;--font-heading:"Syne", sans-serif;--font-body:"DM Mono", monospace;font-family:var(--font-body);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.7}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh}#root{flex-direction:column;min-height:100vh;display:flex}h1,h2,h3,h4{font-family:var(--font-heading);color:var(--text-heading);letter-spacing:-.02em;line-height:1.1}h1{font-size:clamp(2.5rem,6vw,5rem);font-weight:800}h2{font-size:clamp(1.6rem,3vw,2.5rem);font-weight:700}h3{font-size:1.2rem;font-weight:500}p{color:var(--text)}a{color:var(--accent);text-decoration:none;transition:opacity .2s}a:hover{opacity:.7}main{flex:1;width:100%;max-width:1100px;margin:0 auto;padding:4rem 2rem}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.5rem;transition:border-color .2s,transform .2s}.card:hover{border-color:var(--accent);transform:translateY(-2px)}.tag{background:var(--accent-dim);color:var(--accent);letter-spacing:.05em;border-radius:100px;padding:3px 10px;font-size:11px;display:inline-block}.btn{font-family:var(--font-body);cursor:pointer;border:1px solid var(--border);color:var(--text-heading);background:0 0;border-radius:8px;padding:.6rem 1.4rem;font-size:13px;transition:all .2s;display:inline-block}.btn:hover{background:var(--accent);color:#0e0e0e;border-color:var(--accent)}.btn-accent{background:var(--accent);color:#0e0e0e;border-color:var(--accent);font-weight:500}.section-label{letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted);margin-bottom:1rem;font-size:11px}@media (width<=768px){main{padding:2rem 1.25rem}h1{font-size:clamp(2rem,10vw,3rem)}h2{font-size:clamp(1.4rem,6vw,2rem)}}@media (width<=480px){main{padding:1.5rem 1rem}}.navbar{border-bottom:1px solid var(--border);height:60px;font-family:var(--font-body);z-index:100;background:var(--bg);-webkit-backdrop-filter:blur(12px);background:#0e0e0ed9;align-items:center;gap:2rem;padding:0 2rem;font-size:13px;display:flex;position:sticky;top:0}.navbar__logo{font-family:var(--font-heading);color:var(--text-heading);margin-right:auto;font-size:1.1rem;font-weight:800;text-decoration:none;transition:color .2s}.navbar__logo:hover{opacity:1;color:var(--accent)}.navbar__links{align-items:center;gap:2rem;display:flex}.navbar__link{color:var(--text-muted);letter-spacing:.02em;text-decoration:none;transition:color .2s}.navbar__link:hover{color:var(--text);opacity:1}.navbar__link--active{color:var(--accent)}.navbar__right{align-items:center;gap:.75rem;display:flex}.navbar__lang{padding:4px 12px;font-size:12px}.navbar__hamburger{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:8px;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;padding:6px;transition:border-color .2s;display:none}.navbar__hamburger span{background:var(--text-heading);transform-origin:50%;border-radius:2px;height:1.5px;transition:transform .25s,opacity .25s,width .25s;display:block}.navbar__hamburger:hover{border-color:var(--accent)}.navbar__hamburger.is-open span:first-child{transform:translateY(6.5px)rotate(45deg)}.navbar__hamburger.is-open span:nth-child(2){opacity:0;transform:scaleX(0)}.navbar__hamburger.is-open span:nth-child(3){transform:translateY(-6.5px)rotate(-45deg)}.navbar__mobile{background:var(--bg);z-index:99;opacity:0;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:0;padding:2rem;transition:transform .3s,opacity .3s;display:flex;position:fixed;inset:60px 0 0;transform:translateY(-20px)}.navbar__mobile.is-open{opacity:1;pointer-events:all;transform:translateY(0)}.navbar__mobile-links{flex-direction:column;align-items:center;gap:.5rem;width:100%;margin-bottom:3rem;display:flex}.navbar__mobile-link{font-family:var(--font-heading);color:var(--text-muted);letter-spacing:-.02em;padding:.4rem 1rem;font-size:clamp(2rem,8vw,3rem);font-weight:700;text-decoration:none;transition:color .2s}.navbar__mobile-link:hover,.navbar__mobile-link--active{color:var(--accent);opacity:1}.navbar__mobile-lang{padding:10px 32px;font-size:13px}.navbar__backdrop{z-index:98;background:0 0;position:fixed;inset:0}@media (width<=768px){.navbar{gap:1rem;padding:0 1.25rem}.navbar__links{display:none}.navbar__lang{padding:3px 10px;font-size:11px}.navbar__hamburger{display:flex}}.home{max-width:1100px;min-height:80vh;margin:0 auto;padding:4rem 2rem;position:relative;overflow:hidden}.hero-title,.role-line,.cta-row,.stats-row,.section-label{z-index:1;position:relative}.hero-title{opacity:0;margin-bottom:1.5rem;font-size:clamp(2.8rem,7vw,5.5rem);line-height:1;animation:.7s .35s forwards fadeUp}.hero-title .accent{color:var(--accent)}.role-line{color:var(--text-muted);opacity:0;margin-bottom:3rem;font-size:13px;animation:.7s .5s forwards fadeUp}.role-line span{color:var(--text)}.cta-row{opacity:0;gap:1rem;animation:.7s .65s forwards fadeUp;display:flex}.stats-row{border-top:1px solid var(--border);opacity:0;gap:2rem;margin-top:4rem;padding-top:2rem;animation:.7s .9s forwards fadeUp;display:flex}.stat-num{font-family:var(--font-heading);color:var(--text-heading);font-size:1.8rem;font-weight:800}.stat-label{color:var(--text-muted);margin-top:4px;font-size:11px;display:block}.stat-clickable{cursor:pointer;text-align:left;font-family:inherit;font-size:inherit;color:inherit;line-height:inherit;background:0 0;border:none;padding:0;transition:transform .2s;position:relative}.stat-clickable:hover{transform:translateY(-2px)}.stat-clickable .stat-number,.stat-accent{color:#e8ff6b}.stat-hint{letter-spacing:.1em;color:#e8ff6b80;margin-top:.15rem;font-family:DM Mono,monospace;font-size:.6rem;transition:color .2s;display:block}.stat-clickable:hover .stat-hint{color:#e8ff6b}@keyframes fadeUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (width<=768px){.particle-canvas{display:none}.hero-title{margin-bottom:1rem;font-size:clamp(2.2rem,11vw,3.5rem)}.role-line{margin-bottom:2rem;line-height:1.8}.cta-row{flex-wrap:wrap;gap:.75rem}.cta-row .btn{text-align:center;flex:1;min-width:120px}.stats-row{grid-template-columns:1fr 1fr;gap:1.5rem 1rem;margin-top:2.5rem;padding-top:1.5rem;display:grid}.stat-num{font-size:1.5rem}}@media (width<=400px){.home{padding:2rem 1rem}.stats-row{grid-template-columns:1fr 1fr;gap:1.25rem .75rem}.cta-row .btn{flex:100%}}.cm-overlay{-webkit-backdrop-filter:blur(6px);z-index:1000;background:#0e0e0ed9;justify-content:flex-end;align-items:flex-end;animation:.25s cm-fade-in;display:flex;position:fixed;inset:0}@keyframes cm-fade-in{0%{opacity:0}to{opacity:1}}.cm-panel{background:#111;border-top:1px solid #e8ff6b26;border-left:1px solid #e8ff6b26;border-radius:12px 0 0;flex-direction:column;width:min(780px,96vw);height:92vh;animation:.35s cubic-bezier(.22,1,.36,1) cm-slide-in;display:flex;overflow:hidden}@keyframes cm-slide-in{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}.cm-header{border-bottom:1px solid #ffffff0f;flex-shrink:0;justify-content:space-between;align-items:flex-start;padding:2rem 2rem 1.25rem;display:flex}.cm-label{letter-spacing:.15em;color:#e8ff6b;opacity:.7;text-transform:uppercase;margin-bottom:.25rem;font-family:DM Mono,monospace;font-size:.65rem;display:block}.cm-title{color:#c8c4bc;margin:0;font-family:Syne,sans-serif;font-size:clamp(2.5rem,6vw,4rem);font-weight:800;line-height:1}.cm-accent{color:#e8ff6b}.cm-close{cursor:pointer;background:0 0;border:1px solid #ffffff1f;border-radius:6px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:5px;width:36px;height:36px;padding:0;transition:border-color .2s,background .2s;display:flex}.cm-close:hover{background:#e8ff6b0f;border-color:#e8ff6b}.cm-close span{background:#c8c4bc;width:14px;height:1.5px;transition:transform .2s,background .2s;display:block}.cm-close:hover span{background:#e8ff6b}.cm-close span:first-child{transform:rotate(45deg)translate(3px,3px)}.cm-close span:last-child{transform:rotate(-45deg)translate(3px,-3px)}.cm-filters{flex-wrap:wrap;flex-shrink:0;gap:.5rem;padding:1rem 2rem;display:flex}.cm-filter-btn{color:#c8c4bc;cursor:pointer;letter-spacing:.04em;background:0 0;border:1px solid #ffffff1a;border-radius:99px;align-items:center;gap:.5rem;padding:.35rem .85rem;font-family:DM Mono,monospace;font-size:.72rem;transition:all .2s;display:flex}.cm-filter-btn:hover{color:#e8ff6b;border-color:#e8ff6b66}.cm-filter-btn.active{color:#0e0e0e;background:#e8ff6b;border-color:#e8ff6b;font-weight:700}.cm-count{opacity:.6;font-size:.62rem}.cm-filter-btn.active .cm-count{opacity:.7}.cm-grid{scrollbar-width:thin;scrollbar-color:#e8ff6b33 transparent;flex:1;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;padding:.5rem 2rem 2rem;display:grid;overflow-y:auto}.cm-grid::-webkit-scrollbar{width:4px}.cm-grid::-webkit-scrollbar-thumb{background:#e8ff6b33;border-radius:2px}.cm-card{cursor:pointer;text-align:left;background:#ffffff08;border:1px solid #ffffff12;border-radius:8px;padding:0;transition:border-color .25s,transform .25s;animation:.35s both cm-card-in;overflow:hidden}@keyframes cm-card-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.cm-card:hover{border-color:#e8ff6b59;transform:translateY(-2px)}.cm-card-img{aspect-ratio:4/3;background:#1a1a1a;width:100%;position:relative;overflow:hidden}.cm-card-img img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.cm-card:hover .cm-card-img img{transform:scale(1.04)}.cm-card-placeholder{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.cm-card-placeholder svg{color:#e8ff6b4d;width:40px;height:40px}.cm-card-overlay{opacity:0;background:#0e0e0eb3;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.cm-card:hover .cm-card-overlay{opacity:1}.cm-card-overlay span{letter-spacing:.1em;color:#e8ff6b;border:1px solid #e8ff6b;border-radius:4px;padding:.3rem .8rem;font-family:DM Mono,monospace;font-size:.7rem}.cm-card-info{padding:.75rem .9rem}.cm-card-issuer{letter-spacing:.08em;color:#e8ff6b;opacity:.65;text-transform:uppercase;margin:0 0 .25rem;font-family:DM Mono,monospace;font-size:.6rem}.cm-card-title{color:#c8c4bc;margin:0 0 .4rem;font-family:Syne,sans-serif;font-size:.85rem;font-weight:600;line-height:1.3}.cm-card-year{color:#c8c4bc59;font-family:DM Mono,monospace;font-size:.65rem}.cm-lightbox{z-index:1100;background:#0e0e0eeb;justify-content:center;align-items:center;padding:1.5rem;animation:.2s cm-fade-in;display:flex;position:fixed;inset:0}.cm-lightbox-inner{background:#151515;border:1px solid #e8ff6b26;border-radius:10px;width:100%;max-width:680px;animation:.25s cubic-bezier(.22,1,.36,1) cm-scale-in;position:relative;overflow:hidden}@keyframes cm-scale-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.cm-lightbox-close{z-index:10;position:absolute;top:1rem;right:1rem}.cm-lightbox-img{aspect-ratio:4/3;background:#1a1a1a;width:100%;overflow:hidden}.cm-lightbox-img img{object-fit:contain;width:100%;height:100%}.cm-lightbox-placeholder{aspect-ratio:4/3}.cm-lightbox-placeholder svg{color:#e8ff6b33;width:80px;height:80px}.cm-lightbox-info{border-top:1px solid #ffffff0f;padding:1.25rem 1.5rem 1.5rem}.cm-lightbox-info h3{color:#c8c4bc;margin:.3rem 0 .75rem;font-family:Syne,sans-serif;font-size:1.15rem;font-weight:700}.cm-verify-btn{letter-spacing:.06em;color:#0e0e0e;background:#e8ff6b;border-radius:4px;padding:.45rem 1rem;font-family:DM Mono,monospace;font-size:.72rem;text-decoration:none;transition:opacity .2s;display:inline-block}.cm-verify-btn:hover{opacity:.85}@media (width<=600px){.cm-overlay{justify-content:center;align-items:flex-end}.cm-panel{border-top:1px solid #e8ff6b26;border-left:none;border-radius:14px 14px 0 0;width:100%;height:88vh}.cm-header{padding:1.5rem 1.25rem 1rem}.cm-filters{padding:.75rem 1.25rem}.cm-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;padding:.5rem 1.25rem 1.5rem}}.project-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:.75rem;padding:1.5rem;transition:border-color .2s,transform .2s;display:flex}.project-card:hover{border-color:var(--accent);transform:translateY(-3px)}.project-card--featured{border-color:#e8ff6b26}.project-card__header{justify-content:space-between;align-items:center;display:flex}.project-card__links{gap:1rem;display:flex}.project-card__link{color:var(--text-muted);letter-spacing:.05em;font-size:11px;text-decoration:none;transition:color .2s}.project-card__link:hover{color:var(--accent);opacity:1}.project-card__link--live{color:var(--accent)}.project-card__title{font-family:var(--font-heading);color:var(--text-heading);margin:0;font-size:1.1rem;font-weight:700}.project-card__desc{color:var(--text-muted);flex:1;font-size:13px;line-height:1.6}.project-card__tech{flex-wrap:wrap;gap:.4rem;margin-top:.25rem;display:flex}.featured-work{z-index:1;margin-top:5rem;position:relative}.featured-work__header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.featured-work__all{color:var(--text-muted);letter-spacing:.05em;font-size:12px;text-decoration:none;transition:color .2s}.featured-work__all:hover{color:var(--accent);opacity:1}.featured-work__grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}@media (width<=900px){.featured-work__grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.featured-work{margin-top:3rem}.featured-work__grid{grid-template-columns:1fr}.featured-work__header{margin-bottom:1rem}}.pm-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:200;background:#0e0e0ed9;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.pm-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:2rem;width:100%;max-width:680px;max-height:85vh;padding:2.5rem;display:flex;position:relative;overflow-y:auto}.pm-close{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:flex;position:absolute;top:1.25rem;right:1.25rem}.pm-close span{background:var(--text);width:12px;height:1px;position:absolute}.pm-close span:first-child{transform:rotate(45deg)}.pm-close span:last-child{transform:rotate(-45deg)}.pm-title{font-family:var(--font-heading);color:var(--text-heading);margin:.5rem 0;font-size:1.75rem;font-weight:700}.pm-desc{color:var(--text-muted);font-size:14px;line-height:1.7}.pm-images{flex-direction:column;gap:.75rem;display:flex}.pm-img{border:1px solid var(--border);object-fit:cover;border-radius:8px;width:100%}.pm-section{flex-direction:column;gap:.75rem;display:flex}.pm-process{color:var(--text-muted);font-size:14px;line-height:1.8}.pm-tech{flex-wrap:wrap;gap:.4rem;display:flex}.pm-links{gap:1rem;display:flex}@media (width<=600px){.pm-panel{max-height:90vh;padding:1.75rem 1.25rem}.pm-title{font-size:1.4rem}}.pm-stats{border-top:1px solid #c8c4bc26;border-bottom:1px solid #c8c4bc26;gap:1.5rem;margin-bottom:.5rem;padding:1rem 1.5rem;display:flex}.pm-stat{flex-direction:column;flex:1;align-items:center;display:flex}.pm-stat__num{color:#e8ff6b;font-family:Syne,sans-serif;font-size:1.6rem;font-weight:700;line-height:1}.pm-stat__label{color:#c8c4bc;text-transform:uppercase;letter-spacing:.05em;text-align:center;margin-top:.25rem;font-size:.7rem}.pm-components{flex-direction:column;gap:.4rem;margin:.75rem 0 0;padding:0;list-style:none;display:flex}.pm-component-item{background:#e8ff6b0a;border-left:2px solid #e8ff6b;padding:.35rem .6rem;font-size:.85rem;line-height:1.5}.pm-component-name{color:#e8ff6b;font-family:DM Mono,monospace;font-size:.8rem}.pm-component-desc{color:#c8c4bc}.pm-process-steps{counter-reset:steps;flex-direction:column;gap:.5rem;margin:.75rem 0 0;padding:0;list-style:none;display:flex}.pm-step{counter-increment:steps;align-items:flex-start;gap:.75rem;font-size:.85rem;line-height:1.5;display:flex}.pm-step:before{content:counter(steps, decimal-leading-zero);color:#e8ff6b;opacity:.7;flex-shrink:0;min-width:1.6rem;font-family:DM Mono,monospace;font-size:.7rem}.pm-step__title{color:#e8ff6b;font-family:DM Mono,monospace;font-size:.8rem}.pm-step__desc{color:#c8c4bc}.projects-page{max-width:1100px;margin:0 auto;padding:4rem 2rem}.projects-page__sub{color:var(--text-muted);margin-top:.75rem;margin-bottom:2.5rem;font-size:14px}.projects-page__filters{flex-wrap:wrap;gap:.5rem;margin-bottom:2rem;display:flex}.projects-page__filter{border:1px solid var(--border);font-family:var(--font-body);color:var(--text-muted);cursor:pointer;letter-spacing:.05em;background:0 0;border-radius:100px;padding:5px 16px;font-size:12px;transition:all .2s}.projects-page__filter:hover{border-color:var(--text-muted);color:var(--text)}.projects-page__filter.is-active{background:var(--accent);border-color:var(--accent);color:#0e0e0e;font-weight:500}.projects-page__grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.projects-page__github{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;margin-top:4rem;padding-top:2rem;display:flex}.projects-page__github-text{color:var(--text-muted);font-size:13px}@media (width<=900px){.projects-page__grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.projects-page{padding:2.5rem 1.25rem}.projects-page__grid{grid-template-columns:1fr}.projects-page__github{flex-direction:column;align-items:flex-start;gap:1rem;margin-top:2.5rem}}@media (width<=400px){.projects-page{padding:2rem 1rem}}.dv-page{color:#c8c4bc;max-width:1100px;margin:0 auto;padding:6rem 2rem 4rem;font-family:DM Mono,monospace}.dv-header{margin-bottom:3.5rem}.dv-eyebrow{letter-spacing:.18em;text-transform:uppercase;color:#e8ff6b;margin-bottom:.75rem;font-family:DM Mono,monospace;font-size:.75rem;display:block}.dv-title{color:#c8c4bc;margin-bottom:1rem;font-family:Syne,sans-serif;font-size:clamp(2.8rem,7vw,5rem);font-weight:800;line-height:1}.dv-accent{color:#e8ff6b}.dv-subtitle{color:#888;max-width:480px;font-size:.9rem}.dv-loading{color:#888;align-items:center;gap:1rem;padding:3rem 0;font-size:.85rem;display:flex}.dv-spinner{border:2px solid #333;border-top-color:#e8ff6b;border-radius:50%;flex-shrink:0;width:20px;height:20px;animation:.8s linear infinite dv-spin}@keyframes dv-spin{to{transform:rotate(360deg)}}.dv-error{color:#888;border:1px solid #333;border-left:3px solid #e8ff6b;margin:2rem 0;padding:1.5rem;font-size:.85rem}.dv-error p{margin-top:.5rem;font-size:.78rem}.dv-stats-row{background:#1a1a1a;border:1px solid #1a1a1a;grid-template-columns:repeat(4,1fr);gap:1px;margin-bottom:2rem;display:grid}.dv-stat{background:#0e0e0e;flex-direction:column;gap:.35rem;padding:1.5rem 1.25rem;transition:background .2s;display:flex}.dv-stat:hover{background:#111}.dv-stat__num{color:#e8ff6b;font-family:Syne,sans-serif;font-size:2.2rem;font-weight:800;line-height:1}.dv-stat__label{letter-spacing:.12em;text-transform:uppercase;color:#555;font-size:.7rem}.dv-card{background:#111;border:1px solid #1e1e1e;padding:1.75rem}.dv-card--dark{background:#0a0a0a;border-color:#1a1a1a}.dv-card__title{letter-spacing:.15em;text-transform:uppercase;color:#444;margin-bottom:1.5rem;font-family:Syne,sans-serif;font-size:.75rem;font-weight:700}.dv-two-col{background:#1a1a1a;border:1px solid #1a1a1a;grid-template-columns:1fr 1.4fr;gap:1px;margin-bottom:2rem;display:grid}.dv-donut-wrap{justify-content:center;margin-bottom:1.5rem;display:flex}.dv-donut-canvas{width:180px;height:180px}.dv-lang-legend{flex-direction:column;gap:.5rem;list-style:none;display:flex}.dv-lang-item{align-items:center;gap:.6rem;font-size:.78rem;display:flex}.dv-lang-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.dv-lang-name{color:#888;flex:1}.dv-lang-pct{color:#e8ff6b;text-align:right;min-width:3rem;font-size:.72rem}.dv-bars{flex-direction:column;gap:.8rem;display:flex}.dv-bar-row{align-items:center;gap:.75rem;display:flex}.dv-bar-label{color:#666;white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;width:72px;font-size:.72rem;overflow:hidden}.dv-bar-track{background:#1e1e1e;flex:1;height:4px}.dv-bar-fill{height:100%;transition:width .8s cubic-bezier(.16,1,.3,1)}.dv-bar-count{color:#555;text-align:right;min-width:1.5rem;font-size:.7rem}.dv-top-repos{flex-direction:column;gap:.75rem;list-style:none;display:flex}.dv-repo-item{border-bottom:1px solid #1a1a1a;justify-content:space-between;align-items:center;padding-bottom:.75rem;display:flex}.dv-repo-item:last-child{border-bottom:none;padding-bottom:0}.dv-repo-name{color:#c8c4bc;font-size:.82rem;text-decoration:none;transition:color .2s}.dv-repo-name:hover{color:#e8ff6b}.dv-repo-meta{align-items:center;gap:.75rem;display:flex}.dv-repo-lang{font-size:.68rem}.dv-repo-stars{color:#555;font-size:.7rem}.dv-heatmap-card{border:1px solid #1a1a1a;margin-bottom:2rem}.dv-heatmap-scroll{-webkit-overflow-scrolling:touch;margin-bottom:.75rem;overflow-x:auto}.dv-heatmap{gap:2px;min-width:600px;display:flex}.dv-week{flex-direction:column;gap:2px;display:flex}.dv-cell{border-radius:2px;width:10px;height:10px}.dv-cell--empty{background:0 0}.dv-cell--0{background:#3a3a1a}.dv-cell--1{background:#6b6b20}.dv-cell--2{background:#a8a830}.dv-cell--3{background:#e8ff6b}.dv-cell--4{background:#edff8a}.dv-heatmap-legend{color:#444;align-items:center;gap:4px;margin-top:.75rem;font-size:.65rem;display:flex}.dv-section{margin-top:1rem}.dv-section__title{letter-spacing:.15em;text-transform:uppercase;color:#444;margin-bottom:1.25rem;font-family:Syne,sans-serif;font-size:.75rem;font-weight:700}.dv-repo-grid{background:#1a1a1a;border:1px solid #1a1a1a;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1px;display:grid}.dv-repo-card{background:#0a0a0a;flex-direction:column;gap:.5rem;min-height:100px;padding:1.25rem;text-decoration:none;transition:background .2s;display:flex}.dv-repo-card:hover{background:#111}.dv-repo-card:hover .dv-repo-card__name{color:#e8ff6b}.dv-repo-card__name{color:#c8c4bc;word-break:break-all;font-family:Syne,sans-serif;font-size:.82rem;font-weight:700;transition:color .2s}.dv-repo-card__desc{color:#555;flex:1;font-size:.72rem;line-height:1.5}.dv-repo-card__footer{justify-content:space-between;align-items:center;margin-top:.25rem;display:flex}.dv-repo-card__lang{font-size:.68rem}.dv-repo-card__stars{color:#444;font-size:.68rem}@media (width<=768px){.dv-page{padding:5rem 1.25rem 3rem}.dv-stats-row{grid-template-columns:repeat(2,1fr)}.dv-two-col{grid-template-columns:1fr}.dv-donut-canvas{width:140px;height:140px}}@media (width<=480px){.dv-stats-row{grid-template-columns:1fr 1fr}.dv-stat__num{font-size:1.8rem}.dv-cell{width:8px;height:8px}}.ct-page{color:#c8c4bc;min-height:100vh;padding:6rem 2rem 4rem;font-family:DM Mono,monospace;position:relative;overflow:hidden}.ct-grid-lines{pointer-events:none;z-index:0;justify-content:space-between;display:flex;position:absolute;inset:0}.ct-grid-lines span{opacity:.5;background:linear-gradient(#0000,#1a1a1a 20% 80%,#0000);width:1px;height:100%}.ct-inner{z-index:1;grid-template-columns:1fr 1.1fr;align-items:start;gap:6rem;max-width:1100px;margin:0 auto;display:grid;position:relative}.ct-left{position:sticky;top:7rem}.ct-eyebrow{letter-spacing:.2em;text-transform:uppercase;color:#e8ff6b;margin-bottom:1.5rem;font-family:DM Mono,monospace;font-size:.72rem;animation:.6s both ct-fade-up;display:block}.ct-title{color:#c8c4bc;margin-bottom:1.75rem;font-family:Syne,sans-serif;font-size:clamp(3rem,6vw,5rem);font-weight:800;line-height:1;animation:.6s .1s both ct-fade-up}.ct-title--accent{color:#e8ff6b}.ct-body{color:#666;max-width:360px;margin-bottom:2.5rem;font-size:.85rem;line-height:1.8;animation:.6s .2s both ct-fade-up}.ct-socials{flex-direction:column;gap:0;margin-bottom:2.5rem;list-style:none;animation:.6s .3s both ct-fade-up;display:flex}.ct-social-link{color:#c8c4bc;border-bottom:1px solid #1a1a1a;align-items:center;gap:.75rem;padding:1rem 0;text-decoration:none;transition:color .2s;display:flex;position:relative;overflow:hidden}.ct-social-link:before{content:"";background:linear-gradient(90deg,#0000,#e8ff6b08,#0000);width:100%;height:100%;transition:left .4s;position:absolute;top:0;left:-100%}.ct-social-link:hover:before{left:100%}.ct-social-link:hover{color:#e8ff6b}.ct-social-link:first-child{border-top:1px solid #1a1a1a}.ct-social-label{min-width:80px;font-family:Syne,sans-serif;font-size:.8rem;font-weight:700}.ct-social-handle{color:#555;flex:1;font-size:.72rem}.ct-social-arrow{opacity:0;font-size:.85rem;transition:opacity .2s,transform .2s;transform:translate(-4px,4px)}.ct-social-link:hover .ct-social-arrow{opacity:1;transform:translate(0)}.ct-availability{color:#555;align-items:center;gap:.6rem;font-size:.72rem;animation:.6s .4s both ct-fade-up;display:inline-flex}.ct-avail-dot{background:#e8ff6b;border-radius:50%;width:7px;height:7px;position:relative}.ct-avail-dot:after{content:"";opacity:.3;background:#e8ff6b;border-radius:50%;animation:2s ease-in-out infinite ct-pulse;position:absolute;inset:-3px}@keyframes ct-pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:0;transform:scale(1.6)}}.ct-right{animation:.6s .15s both ct-fade-up}.ct-form{flex-direction:column;gap:0;display:flex}.ct-field{border-bottom:1px solid #1a1a1a;flex-direction:column;gap:.5rem;padding:1.5rem 0;transition:border-color .2s;display:flex;position:relative}.ct-field:first-child{border-top:1px solid #1a1a1a}.ct-field--error{border-color:#f44}.ct-field--error .ct-label{color:#f44}.ct-field--ok .ct-label{color:#e8ff6b}.ct-field--textarea{gap:.65rem}.ct-label{letter-spacing:.15em;text-transform:uppercase;color:#444;font-family:DM Mono,monospace;font-size:.65rem;transition:color .2s}.ct-input,.ct-textarea{color:#c8c4bc;resize:none;caret-color:#e8ff6b;background:0 0;border:none;outline:none;width:100%;padding:0;font-family:DM Mono,monospace;font-size:.95rem}.ct-input::placeholder,.ct-textarea::placeholder{color:#2e2e2e}.ct-input:focus~.ct-label,.ct-textarea:focus~.ct-label,.ct-field:focus-within .ct-label{color:#e8ff6b}.ct-field:focus-within{border-color:#e8ff6b33}.ct-field-footer{justify-content:space-between;align-items:center;margin-top:.25rem;display:flex}.ct-field-error{color:#f44;font-size:.68rem}.ct-char-count{color:#333;margin-left:auto;font-size:.65rem}.ct-submit{color:#0e0e0e;letter-spacing:.05em;cursor:pointer;background:#e8ff6b;border:none;justify-content:space-between;align-items:center;gap:1rem;margin-top:2rem;padding:1.1rem 1.5rem;font-family:Syne,sans-serif;font-size:.9rem;font-weight:700;transition:background .2s,transform .15s;display:flex;position:relative;overflow:hidden}.ct-submit:before{content:"";transform-origin:100%;background:#fff;transition:transform .3s;position:absolute;inset:0;transform:scaleX(0)}.ct-submit:hover:before{transform-origin:0;transform:scaleX(1)}.ct-submit:hover{transform:translateY(-1px)}.ct-submit:active{transform:translateY(0)}.ct-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.ct-submit span{z-index:1;position:relative}.ct-submit-arrow{font-size:1.1rem;transition:transform .2s}.ct-submit:hover .ct-submit-arrow{transform:translate(4px)}.ct-submit--sending{justify-content:center}.ct-submit-spinner{border:2px solid #0e0e0e33;border-top-color:#0e0e0e;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite ct-spin;display:inline-block}@keyframes ct-spin{to{transform:rotate(360deg)}}.ct-form-error{color:#f44;margin-top:1rem;font-size:.75rem;line-height:1.6}.ct-success{flex-direction:column;align-items:flex-start;gap:1rem;padding:3rem 0;animation:.5s both ct-fade-up;display:flex}.ct-success-icon{color:#0e0e0e;background:#e8ff6b;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.2rem;font-weight:700;display:flex}.ct-success-title{color:#c8c4bc;font-family:Syne,sans-serif;font-size:2rem;font-weight:800}.ct-success-body{color:#666;font-size:.85rem;line-height:1.7}.ct-btn-reset{color:#666;cursor:pointer;background:0 0;border:1px solid #1e1e1e;margin-top:.5rem;padding:.6rem 1.25rem;font-family:DM Mono,monospace;font-size:.75rem;transition:border-color .2s,color .2s}.ct-btn-reset:hover{color:#e8ff6b;border-color:#e8ff6b}@keyframes ct-fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (width<=860px){.ct-inner{grid-template-columns:1fr;gap:3rem}.ct-left{position:static}.ct-title{font-size:clamp(2.4rem,8vw,3.5rem)}}@media (width<=480px){.ct-page{padding:5rem 1.25rem 3rem}.ct-title{font-size:2.2rem}.ct-grid-lines{display:none}}:root{--bg:#0e0e0e;--accent:#e8ff6b;--text:#c8c4bc;--text-dim:#6b6862;--border:#e8ff6b1f;--card-bg:#141414;--radius:4px;--ease:cubic-bezier(.16, 1, .3, 1);--container:1100px}.scroll-bar{background:var(--accent);z-index:200;height:2px;box-shadow:0 0 8px var(--accent);transition:width .1s linear;position:fixed;top:0;left:0}.about-page{background:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden}.container{max-width:var(--container);margin:0 auto;padding:0 2rem}.fade-up{animation:fadeUp .7s var(--ease) both}.section-heading{color:#fff;letter-spacing:-.02em;margin-bottom:2.5rem;font-family:Syne,sans-serif;font-size:clamp(1.6rem,3vw,2.4rem);font-weight:700}.section-heading .accent{color:var(--accent);font-style:normal}.about-hero{align-items:center;min-height:60vh;padding:10rem 2rem 6rem;display:flex;position:relative;overflow:hidden}.about-hero__inner{z-index:2;text-align:center;max-width:720px;margin:0 auto;position:relative}.about-hero__label{letter-spacing:.22em;text-transform:uppercase;color:var(--accent);margin-bottom:1.2rem;font-family:DM Mono,monospace;font-size:.72rem}.about-hero__heading{letter-spacing:-.02em;color:#fff;word-break:break-word;margin-bottom:1.5rem;font-family:Syne,sans-serif;font-size:clamp(1.75rem,8vw,5rem);font-weight:800;line-height:1.1}.about-hero__heading .accent{color:var(--accent);font-style:italic}.about-hero__sub{color:var(--text);max-width:540px;margin:0 auto;font-size:1.05rem;line-height:1.7}.grid-lines{pointer-events:none;z-index:1;opacity:.06;justify-content:space-between;display:flex;position:absolute;inset:0}.grid-line{background:var(--accent);width:1px;height:100%}.about-bio{border-top:1px solid var(--border);padding:5rem 0 6rem}.about-bio__grid{grid-template-columns:280px 1fr;align-items:start;gap:5rem;display:grid}.about-bio__portrait{flex-direction:column;align-items:center;gap:1rem;display:flex;position:sticky;top:6rem}.portrait-frame{width:220px;height:260px;position:relative}.portrait-placeholder img,img.portrait-placeholder{object-fit:cover;object-position:center top;width:100%;height:100%;display:block}.portrait-frame__border{border:1px solid var(--accent);pointer-events:none;opacity:.35;position:absolute;inset:-8px}.portrait-tag{letter-spacing:.15em;text-transform:uppercase;color:var(--text-dim);font-family:DM Mono,monospace;font-size:.68rem}.about-bio__text h2{margin-bottom:1.8rem}.about-bio__text p{color:var(--text);margin-bottom:1.2rem;font-size:1rem;line-height:1.8}.cta-link{letter-spacing:.06em;color:var(--accent);border-bottom:1px solid #0000;align-items:center;gap:.5rem;margin-top:1rem;font-family:DM Mono,monospace;font-size:.82rem;text-decoration:none;transition:border-color .2s;display:inline-flex}.cta-link:hover{border-bottom-color:var(--accent)}.cta-link__arrow{transition:transform .2s var(--ease)}.cta-link:hover .cta-link__arrow{transform:translate(4px)}.about-stats{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:#0a0a0a;padding:3.5rem 2rem}.about-stats__row{flex-wrap:wrap;justify-content:space-between;gap:2rem;display:flex}.about-stat{flex-direction:column;flex:120px;align-items:center;gap:.4rem;display:flex}.about-stat__num{color:var(--accent);letter-spacing:-.03em;font-family:Syne,sans-serif;font-size:clamp(2rem,4vw,3.2rem);font-weight:800;line-height:1}.about-stat__label{letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);text-align:center;font-family:DM Mono,monospace;font-size:.68rem}.about-skills{padding:6rem 0}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:2rem;display:grid}.skill-cat{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);transition:border-color .25s, transform .25s var(--ease);padding:1.8rem}.skill-cat:hover{border-color:#e8ff6b59;transform:translateY(-3px)}.skill-cat__name{letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin-bottom:1.2rem;font-family:DM Mono,monospace;font-size:.7rem}.skill-cat__pills{flex-wrap:wrap;gap:.5rem;display:flex}.skill-pill{color:var(--text);letter-spacing:.03em;opacity:0;animation:fadeUp .5s var(--ease) both;background:#e8ff6b12;border:1px solid #e8ff6b2e;border-radius:2px;padding:.3rem .75rem;font-family:DM Mono,monospace;font-size:.75rem}.about-timeline{border-top:1px solid var(--border);padding:6rem 0}.tl-track{padding-left:5rem;position:relative}.tl-track:before{content:"";background:var(--border);width:1px;position:absolute;top:0;bottom:0;left:2.4rem}.tl-item{opacity:0;transition:opacity .5s var(--ease), transform .5s var(--ease);grid-template-columns:3rem 1.2rem 1fr;align-items:start;gap:0 1.2rem;margin-bottom:2.8rem;display:grid;position:relative;transform:translate(-16px)}.tl-item--visible{opacity:1;transform:translate(0)}.tl-item__year{color:var(--accent);letter-spacing:.06em;text-align:right;padding-top:.2rem;font-family:DM Mono,monospace;font-size:.72rem}.tl-item__dot{border:2px solid var(--accent);background:var(--bg);border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:.3rem;position:relative;left:-.05rem}.tl-item--work .tl-item__dot{background:var(--accent)}.tl-item__body{padding-bottom:.5rem}.tl-item__title{color:#fff;margin-bottom:.4rem;font-family:Syne,sans-serif;font-size:1rem;font-weight:700}.tl-item__desc{color:var(--text-dim);font-size:.88rem;line-height:1.65}.about-values{border-top:1px solid var(--border);padding:6rem 0 8rem}.values-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.value-card{border:1px solid var(--border);transition:border-color .3s, transform .3s var(--ease);padding:2.4rem 2rem;position:relative;overflow:hidden}.value-card:before{content:"";opacity:0;background:linear-gradient(135deg,#e8ff6b0d 0%,#0000 60%);transition:opacity .3s;position:absolute;inset:0}.value-card:hover{border-color:#e8ff6b66;transform:translateY(-4px)}.value-card:hover:before{opacity:1}.value-card__num{color:var(--accent);letter-spacing:.18em;opacity:.7;margin-bottom:1.5rem;font-family:DM Mono,monospace;font-size:.68rem}.value-card__title{color:#fff;text-transform:capitalize;margin-bottom:.8rem;font-family:Syne,sans-serif;font-size:1.3rem;font-weight:700}.value-card__desc{color:var(--text-dim);font-size:.88rem;line-height:1.7}@media (width<=768px){.about-hero{text-align:left;min-height:auto;padding:6rem 1.25rem 3.5rem}.about-hero__inner{text-align:left;max-width:100%}.about-hero__sub{max-width:100%;font-size:.95rem}.about-bio{padding:3.5rem 0 4rem}.about-bio__grid{grid-template-columns:1fr;gap:2.5rem}.about-bio__portrait{align-items:flex-start;position:static}.portrait-frame{width:140px;height:168px}.portrait-placeholder{font-size:3rem}.about-stats__row{gap:1.2rem}.values-grid{grid-template-columns:1fr}.about-timeline{padding:4rem 0}.tl-track{padding-left:2rem}.tl-track:before{left:.45rem}.tl-item{grid-template-rows:auto auto;grid-template-columns:1rem 1fr;gap:0 .8rem;margin-bottom:2.2rem;display:grid}.tl-item__year{display:none}.tl-item__dot{grid-area:1/1;margin-top:.35rem}.tl-item__body{grid-area:1/2}.tl-item__title:before{content:attr(data-year);letter-spacing:.1em;color:var(--accent);margin-bottom:.3rem;font-family:DM Mono,monospace;font-size:.68rem;font-weight:400;display:block}}@media (width<=480px){.container{padding:0 1rem}.about-hero{padding:5.5rem 1rem 3rem}.skills-grid{grid-template-columns:1fr}.about-stats__row{justify-content:center;gap:1rem}.about-stat{flex:42%}.tl-track{padding-left:1.6rem}.tl-track:before{left:.3rem}}