@import url("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&family=Doto:ROND=0;wght@100..900&display=swap");:root{--black:#000000;--s1:#0c0c0c;--s2:#141414;--s3:#1c1c1c;--border:#272727;--border-sub:#181818;--t1:#efefef;--t2:#6e6e6e;--t3:#333333;--accent:#ff2d00;--fg:"Space Grotesk",sans-serif;--mono:"Space Mono",monospace;--dot:"Doto",monospace;--ease:160ms cubic-bezier(0.25,0.1,0.25,1)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-snap-type:y proximity}body{background:var(--black);color:var(--t1);font-family:var(--fg);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}::selection{background:var(--accent);color:#fff}.wrap{max-width:1080px;margin:0 auto;padding:0 36px}nav{position:fixed;top:0;left:0;right:0;z-index:200;height:50px;border-bottom:1px solid var(--border-sub);background:rgba(0,0,0,.88);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.nav-in{max-width:1080px;margin:0 auto;padding:0 36px;height:100%;justify-content:space-between}.nav-in,.nav-logo{display:flex;align-items:center}.nav-logo{font-family:var(--fg);font-size:17px;font-weight:700;letter-spacing:.12em;color:var(--t1);text-transform:uppercase;gap:8px}.nav-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);animation:blink 2.4s ease-in-out infinite;flex-shrink:0}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.nav-right{display:flex;align-items:center;gap:28px}.nav-links{display:flex;gap:28px;list-style:none}.nav-links a{font-family:var(--mono);font-size:10px;letter-spacing:.12em;color:var(--t3);text-transform:uppercase;transition:color var(--ease)}.nav-links a:hover{color:var(--t1)}.lang-toggle{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--t3);background:none;border:1px solid var(--border);padding:4px 9px;cursor:pointer;transition:all var(--ease);display:flex;align-items:center;gap:5px}.lang-toggle:hover{color:var(--t1);border-color:var(--t1)}.lang-toggle .active-lang{color:var(--accent)}#hero{min-height:100vh;display:flex;align-items:center;padding-top:50px;position:relative;overflow:hidden}.hero-bg{pointer-events:none;background-image:linear-gradient(var(--border-sub) 1px,transparent 1px),linear-gradient(90deg,var(--border-sub) 1px,transparent 1px);background-size:72px 72px;opacity:.5}.hero-bg,.hero-bg:after{position:absolute;inset:0}.hero-bg:after{content:"";background:radial-gradient(ellipse 80% 60% at 60% 40%,transparent 40%,var(--black) 100%)}.hero-inner{position:relative;z-index:1;padding:80px 0 96px}.hero-eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--t2);border:1px solid var(--border);padding:5px 12px;margin-bottom:40px}.hero-eyebrow:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--accent);animation:blink 2.4s ease-in-out infinite;flex-shrink:0}.hero-name{font-size:clamp(80px,13vw,160px);font-weight:700;line-height:.88;letter-spacing:-.05em;margin-bottom:32px}.hero-name .line1{display:block;color:var(--t1);animation:fadeUp .7s cubic-bezier(.16,1,.3,1) both}.hero-name .line2{display:block;color:transparent;-webkit-text-stroke:1.5px var(--t3);animation:fadeUp .7s cubic-bezier(.16,1,.3,1) .12s both}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-lead{font-size:17px;color:var(--t2);max-width:500px;line-height:1.75;margin-bottom:48px}.hero-attrs{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:44px}.attr{display:flex;align-items:center;gap:7px;font-family:var(--mono);font-size:10px;letter-spacing:.1em;color:var(--t3);text-transform:uppercase}.attr svg{opacity:.5;flex-shrink:0}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.btn{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;padding:10px 22px;border:1px solid var(--border);display:inline-flex;align-items:center;gap:8px;transition:all var(--ease);cursor:pointer}.btn-fill{background:var(--t1);color:var(--black);border-color:var(--t1)}.btn-fill:hover{background:var(--accent);border-color:var(--accent);color:#fff}.btn-ghost{background:transparent;color:var(--t2)}.btn-ghost:hover{border-color:var(--t1);color:var(--t1)}.hero-scroll{position:absolute;bottom:36px;left:36px;display:flex;align-items:center;gap:12px;font-family:var(--mono);font-size:9px;letter-spacing:.18em;color:var(--t3);text-transform:uppercase}.scroll-line{width:36px;height:1px;background:var(--border)}section{padding:96px 0;min-height:100vh;scroll-snap-align:start}section:not(#hero){display:flex;flex-direction:column;justify-content:center;padding:max(80px,calc(50px + 30px)) 0 80px}section.alt{background:var(--s1)}.s-head{display:flex;align-items:baseline;gap:14px;margin-bottom:52px;padding-bottom:14px;border-bottom:1px solid var(--border)}.s-num{font-family:var(--mono);font-size:10px;color:var(--accent);letter-spacing:.12em}.s-title{font-size:30px;font-weight:700;letter-spacing:-.025em}.s-label{font-family:var(--mono);font-size:10px;color:var(--t3);letter-spacing:.1em;text-transform:uppercase;margin-left:auto}.about-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:48px;gap:48px;align-items:start}.about-bio{font-size:18px;color:var(--t2);line-height:1.85}.about-bio strong{color:var(--t1);font-weight:500}.status-block{margin-top:32px;border:1px solid var(--border)}.s-row{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;border-bottom:1px solid var(--border-sub)}.s-row:last-child{border-bottom:none}.s-key{font-size:9px;color:var(--t3);text-transform:uppercase;letter-spacing:.1em}.s-key,.s-val{font-family:var(--mono)}.s-val{font-size:10px;color:var(--t2);display:flex;align-items:center;gap:6px}.live-dot{width:5px;height:5px;border-radius:50%;background:var(--accent);animation:blink 2.4s ease-in-out infinite;flex-shrink:0}.stats-quad{display:grid;grid-template-columns:1fr 1fr;grid-gap:1px;gap:1px;background:var(--border)}.stat-cell{background:var(--s1);padding:22px 20px}.stat-val{font-family:var(--dot);font-size:34px;color:var(--t1);line-height:1;margin-bottom:6px}.stat-lbl{font-family:var(--mono);font-size:9px;color:var(--t3);text-transform:uppercase;letter-spacing:.1em}.proj-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:1px;gap:1px;background:var(--border)}.proj-card{background:var(--s1);padding:30px;position:relative;overflow:hidden;transition:background var(--ease)}.proj-card:hover{background:var(--s2)}.proj-card.span2{grid-column:span 2}.proj-card:after{content:"";position:absolute;top:0;left:0;width:0;height:2px;background:var(--accent);transition:width .28s ease}.proj-card:hover:after{width:100%}.proj-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.proj-idx{color:var(--t3);letter-spacing:.1em}.badge,.proj-idx{font-family:var(--mono);font-size:9px}.badge{letter-spacing:.08em;text-transform:uppercase;padding:3px 8px;border:1px solid}.badge-active{color:#3a9;border-color:rgba(51,170,102,.25)}.badge-wip{color:#b93;border-color:rgba(187,153,51,.25)}.badge-done{color:var(--t3);border-color:var(--border)}.proj-client{font-family:var(--mono);font-size:9px;color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px}.proj-name{font-size:22px;font-weight:700;letter-spacing:-.02em;margin-bottom:10px}.proj-desc{font-size:15px;color:var(--t2);line-height:1.75;margin-bottom:20px}.tag-row{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:20px}.tag{font-family:var(--mono);font-size:10px;color:var(--t3);letter-spacing:.06em;text-transform:uppercase;padding:2px 7px;border:1px solid var(--border-sub)}.proj-metrics{display:flex;gap:20px;padding-top:18px;border-top:1px solid var(--border-sub)}.metric .mv{font-family:var(--mono);font-size:14px;font-weight:700;color:var(--t1)}.metric .ml{font-family:var(--mono);font-size:9px;color:var(--t3);text-transform:uppercase;letter-spacing:.08em;margin-top:2px}.stack-shell{border:1px solid var(--border);display:grid;grid-template-columns:200px 1fr;max-width:860px;margin:0 auto;box-shadow:0 30px 60px -20px rgba(0,0,0,.8);background:var(--black)}.stack-nav{border-right:1px solid var(--border);background:var(--s1);display:flex;flex-direction:column;justify-content:center}.tab-btn{display:block;width:100%;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--t3);padding:20px 24px;background:none;border:none;border-bottom:1px solid var(--border-sub);text-align:left;cursor:pointer;transition:all var(--ease)}.tab-btn:last-child{border-bottom:none}.tab-btn:hover{color:var(--t1);background:var(--s2)}.tab-btn.on{color:var(--t1);background:var(--black);border-left:2px solid var(--accent);padding-left:22px}.stack-body{padding:32px 36px;display:flex;align-items:center}.skill-group{display:none;flex-direction:column;width:100%}.skill-group.on{display:flex}.skill-row{display:grid;grid-template-columns:130px 1fr auto;align-items:center;grid-gap:20px;gap:20px;padding:14px 0;border-bottom:1px solid var(--border-sub)}.skill-row:last-child{border-bottom:none}.skill-name{font-family:var(--mono);font-size:12px;color:var(--t1);font-weight:700}.seg-bar{display:flex;gap:3px;height:10px;min-width:200px}.seg{flex:1 1;background:var(--s3);transition:background .4s ease}.seg.on{background:var(--t1)}.seg.ac{background:var(--accent)}.skill-lv{font-family:var(--mono);font-size:9px;text-transform:uppercase;letter-spacing:.08em;text-align:center;padding:4px 10px;border:1px solid;white-space:nowrap;min-width:90px}.skill-lv.lv-expert{color:var(--accent);border-color:rgba(255,45,0,.3);background:rgba(255,45,0,.06)}.skill-lv.lv-advanced{color:var(--t1);border-color:rgba(239,239,239,.2);background:rgba(239,239,239,.04)}.skill-lv.lv-proficient{color:#b93;border-color:rgba(187,153,51,.25);background:rgba(187,153,51,.05)}.skill-lv.lv-familiar{color:var(--t3);border-color:var(--border);background:transparent}.exp-list{display:flex;flex-direction:column}.exp-item{display:grid;grid-template-columns:155px 1fr;grid-gap:28px;gap:28px;padding:28px 0;border-bottom:1px solid var(--border-sub)}.exp-item:first-child{padding-top:0}.exp-item:last-child{border-bottom:none;padding-bottom:0}.exp-period{font-family:var(--mono);font-size:10px;color:var(--t3);letter-spacing:.06em;line-height:1.65;padding-top:2px}.exp-title{font-size:18px;font-weight:600;letter-spacing:-.01em;margin-bottom:4px}.exp-org{font-family:var(--mono);font-size:9px;color:var(--accent);letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px}.exp-desc{font-size:15px;color:var(--t2);line-height:1.75}.exp-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}.contact-grid{display:grid;grid-template-columns:1.2fr 1fr;grid-gap:80px;gap:80px;align-items:center;max-width:900px;margin:40px auto 0}.contact-stmt{font-size:32px;font-weight:700;line-height:1.25;letter-spacing:-.03em}.contact-stmt em{color:var(--accent);font-style:normal}.contact-sub{font-size:15px;color:var(--t2);line-height:1.6;margin-top:24px}.link-list{display:flex;flex-direction:column;gap:12px;background:none}.link-row{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;background:var(--s1);border:1px solid var(--border);font-family:var(--mono);transition:all var(--ease)}.link-row:hover{background:var(--s2);border-color:var(--t2);transform:translateY(-2px)}.link-key{font-size:10px;color:var(--t3);text-transform:uppercase;letter-spacing:.1em}.link-val{font-size:11px;color:var(--t1)}.link-arrow{color:var(--accent);font-size:14px;transition:all var(--ease)}.link-row:hover .link-arrow{color:var(--t1);transform:translate(2px,-2px)}footer{border-top:1px solid var(--border);padding:22px 0}.foot-in{max-width:1080px;margin:0 auto;padding:0 36px;display:flex;justify-content:space-between;align-items:center}.foot-l{font-family:var(--mono);font-size:9px;color:var(--t3);letter-spacing:.1em;text-transform:uppercase}.foot-r{font-family:var(--dot);font-size:18px;color:var(--t3);letter-spacing:.05em}.r{opacity:0;transform:translateY(18px);transition:opacity .5s ease,transform .5s ease}.r.in{opacity:1;transform:translateY(0)}.progress-dots{position:fixed;right:28px;top:50%;transform:translateY(-50%);z-index:100;display:flex;flex-direction:column;gap:10px}.pdot{width:4px;height:4px;border-radius:50%;background:var(--t3);transition:all .3s ease;cursor:pointer}.pdot:hover{background:var(--t2)}.pdot.active{background:var(--accent);height:20px;border-radius:2px}footer{scroll-snap-align:none}@media (max-width:800px){.progress-dots{display:none}.about-grid,.contact-grid,.proj-grid{grid-template-columns:1fr}.proj-card.span2{grid-column:span 1}.stack-shell{grid-template-columns:1fr}.stack-nav{border-right:none;border-bottom:1px solid var(--border);display:flex;flex-direction:row;overflow-x:auto}.tab-btn{white-space:nowrap;border-bottom:none;border-right:1px solid var(--border-sub)}.tab-btn:last-child{border-right:none}.tab-btn.on{border-left:none;border-bottom:2px solid var(--accent);padding-left:20px}.skill-row{grid-template-columns:1fr 1fr;gap:8px}.skill-name{grid-column:1/-1}.exp-item{grid-template-columns:1fr;gap:6px}.nav-links{display:none}}