:root{--bg-0:#07090c;--bg-1:#0b0e13;--bg-2:#11161d;--bg-3:#161c25;--border:#ffffff12;--border-strong:#ffffff24;--fg:#e6edf3;--fg-mute:#8a94a3;--fg-dim:#565f6b;--accent:oklch(82% .17 145);--accent-dim:oklch(45% .1 145);--accent-glow:oklch(82% .17 145/.25);--amber:oklch(82% .15 75);--cyan:oklch(82% .13 220);--magenta:oklch(72% .2 330);--red:oklch(70% .2 25);--mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--sans:"Inter", -apple-system, BlinkMacSystemFont, system-ui, sans-serif}[data-accent=amber]{--accent:oklch(74% .16 55);--accent-dim:oklch(42% .11 55);--accent-glow:oklch(74% .16 55/.28)}[data-accent=cyan]{--accent:oklch(82% .13 220);--accent-dim:oklch(45% .1 220);--accent-glow:oklch(82% .13 220/.25)}[data-accent=magenta]{--accent:oklch(72% .2 330);--accent-dim:oklch(40% .12 330);--accent-glow:oklch(72% .2 330/.25)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg-0);color:var(--fg);font-family:var(--sans);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.6;overflow-x:hidden}::selection{background:var(--accent-glow);color:var(--fg)}.bg-canvas{pointer-events:none;z-index:0;position:fixed;inset:0}.bg-grid{z-index:0;pointer-events:none;background-image:linear-gradient(90deg,#ffffff06 1px,#0000 1px),linear-gradient(#ffffff06 1px,#0000 1px);background-size:56px 56px;position:fixed;inset:0;mask-image:radial-gradient(80% 70% at 50% 30%,#000 30%,#0000 90%)}[data-pattern=dots] .bg-grid{background-image:radial-gradient(circle,#ffffff0f 1px,#0000 1px);background-size:28px 28px}[data-pattern=none] .bg-grid{display:none}.bg-vignette{z-index:0;pointer-events:none;background:radial-gradient(ellipse 60% 40% at 70% 10%, var(--accent-glow), transparent 60%), radial-gradient(ellipse 50% 50% at 10% 90%, color-mix(in oklch, var(--accent), transparent 85%), transparent 60%);opacity:.55;position:fixed;inset:0}.bg-noise{z-index:0;pointer-events:none;opacity:.04;background-image:url("data:image/svg+xml;utf8,<svg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'><filter id='n'><feTurbulence baseFrequency='0.9' numOctaves='2'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");position:fixed;inset:0}.bg-scanlines{z-index:1;pointer-events:none;mix-blend-mode:multiply;opacity:.5;background:repeating-linear-gradient(#0000 0 2px,#0000002e 3px);position:fixed;inset:0}.shell{z-index:2;max-width:1240px;margin:0 auto;padding-inline:32px;position:relative}.nav{z-index:50;-webkit-backdrop-filter:blur(12px)saturate(140%);background:color-mix(in oklch, var(--bg-0), transparent 25%);border-bottom:1px solid var(--border);position:sticky;top:0}.nav-inner{font-family:var(--mono);justify-content:space-between;align-items:center;padding-block:14px;font-size:13px;display:flex}.brand{letter-spacing:.02em;align-items:center;gap:10px;font-weight:600;display:flex}.brand-logo{border-radius:7px;flex-shrink:0;width:32px;height:32px;display:block;overflow:hidden;box-shadow:0 0 0 1px #ffffff14,0 2px 8px #e87d3a40}.brand-logo img,.brand-logo svg{width:100%;height:100%;display:block}.brand-name{color:var(--fg);white-space:nowrap}.brand-name .dim{color:var(--fg-dim)}.nav-links{flex-wrap:nowrap;gap:26px;display:flex}.nav-links a{color:var(--fg-mute);white-space:nowrap;text-decoration:none;transition:color .12s;position:relative}.nav-links a:hover{color:var(--accent)}.nav-links a:before{content:"› ";color:var(--fg-dim)}.nav-status{color:var(--fg-mute);align-items:center;gap:8px;display:flex}.status-dot{background:var(--accent);width:8px;height:8px;box-shadow:0 0 8px var(--accent);border-radius:50%;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.section{padding-block:96px;position:relative}.section-label{font-family:var(--mono);color:var(--fg-dim);letter-spacing:.04em;align-items:center;gap:8px;margin-bottom:24px;font-size:12px;display:inline-flex}.section-label .num{color:var(--accent);font-weight:600}.section-label:before{content:"";background:var(--accent-dim);width:24px;height:1px}.section-title{letter-spacing:-.02em;color:var(--fg);margin:0 0 12px;font-size:clamp(26px,3.2vw,36px);font-weight:700;line-height:1.1}.section-title .accent{color:var(--accent);font-family:var(--mono);font-weight:500}.section-subtitle{color:var(--fg-mute);max-width:620px;margin:0 0 56px;font-size:15px}.hero{padding-block:120px 100px;position:relative}.hero-grid{grid-template-columns:1.1fr 1fr;align-items:center;gap:64px;display:grid}@media (width<=900px){.hero-grid{grid-template-columns:1fr;gap:40px}}.hero-tag{font-family:var(--mono);border:1px solid var(--border-strong);background:var(--bg-2);color:var(--fg-mute);border-radius:999px;align-items:center;gap:10px;margin-bottom:28px;padding:6px 12px;font-size:12px;display:inline-flex}.hero-tag .pulse{background:var(--accent);width:6px;height:6px;box-shadow:0 0 8px var(--accent);border-radius:50%;animation:2s ease-in-out infinite pulse}.hero-title{letter-spacing:-.035em;margin:0 0 24px;font-size:clamp(38px,5vw,60px);font-weight:800;line-height:1.02}.hero-title .grad{background:linear-gradient(180deg, var(--fg) 0%, color-mix(in oklch, var(--fg), transparent 50%) 100%);-webkit-text-fill-color:transparent;background-clip:text}.hero-title .ascii{font-family:var(--mono);color:var(--accent);letter-spacing:-.02em;font-size:.7em;font-weight:500}.caret{background:var(--accent);vertical-align:text-bottom;width:.55em;height:1em;box-shadow:0 0 12px var(--accent-glow);margin-left:2px;animation:1s steps(2,end) infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.hero-lead{color:var(--fg-mute);max-width:520px;margin:0 0 36px;font-size:16px;line-height:1.65}.hero-lead .hl{color:var(--fg);font-weight:500}.hero-lead .mono{font-family:var(--mono);color:var(--accent);font-size:.92em}.hero-cta{flex-wrap:wrap;gap:14px;display:flex}.btn{font-family:var(--mono);border:1px solid var(--border-strong);background:var(--bg-2);color:var(--fg);cursor:pointer;letter-spacing:.01em;border-radius:6px;align-items:center;gap:10px;padding:13px 22px;font-size:13px;font-weight:500;text-decoration:none;transition:all .16s;display:inline-flex}.btn:hover{background:var(--bg-3);border-color:var(--accent-dim);transform:translateY(-1px)}.btn-primary{background:var(--accent);color:#0a0e0a;border-color:var(--accent);box-shadow:0 0 0 1px var(--accent), 0 0 24px var(--accent-glow);font-weight:600}.btn-primary:hover{background:color-mix(in oklch, var(--accent), white 8%);border-color:var(--accent);box-shadow:0 0 0 1px var(--accent), 0 0 40px var(--accent-glow)}.btn .arrow{transition:transform .16s}.btn:hover .arrow{transform:translate(3px)}.terminal{background:var(--bg-1);border:1px solid var(--border-strong);box-shadow:0 24px 60px #00000080, 0 0 0 1px var(--border), 0 0 80px color-mix(in oklch, var(--accent), transparent 90%);border-radius:10px;overflow:hidden}.terminal-bar{border-bottom:1px solid var(--border);background:var(--bg-2);align-items:center;gap:10px;padding:12px 16px;display:flex}.terminal-dots{gap:6px;display:flex}.terminal-dots span{background:#333a45;border-radius:50%;width:11px;height:11px}.terminal-dots span:first-child{background:#ff5f56}.terminal-dots span:nth-child(2){background:#ffbd2e}.terminal-dots span:nth-child(3){background:#27c93f}.terminal-title{font-family:var(--mono);color:var(--fg-dim);margin-left:8px;font-size:12px}.terminal-body{font-family:var(--mono);min-height:340px;padding:22px 22px 26px;font-size:13.5px;line-height:1.75}.term-line{white-space:pre-wrap;word-break:break-word}.prompt{color:var(--accent)}.prompt .user{color:var(--cyan)}.prompt .at{color:var(--fg-dim)}.prompt .host{color:var(--magenta)}.prompt .path{color:var(--amber)}.cmd{color:var(--fg)}.out{color:var(--fg-mute)}.out .k{color:var(--cyan)}.out .v{color:var(--accent)}.out .s{color:var(--amber)}.out .c{color:var(--fg-dim)}.about-grid{grid-template-columns:1.1fr .9fr;align-items:start;gap:48px;display:grid}@media (width<=900px){.about-grid{grid-template-columns:1fr}}.code-block{background:var(--bg-1);border:1px solid var(--border);border-radius:10px;overflow:hidden}.code-block-bar{border-bottom:1px solid var(--border);background:var(--bg-2);font-family:var(--mono);color:var(--fg-dim);justify-content:space-between;align-items:center;padding:10px 14px;font-size:11px;display:flex}.code-block-bar .lang{color:var(--accent)}.code-body{font-family:var(--mono);grid-template-columns:auto 1fr;padding:18px 0;font-size:13px;line-height:1.8;display:grid}.code-body .gutter{text-align:right;color:var(--fg-dim);user-select:none;border-right:1px solid var(--border);padding:0 14px 0 16px}.code-body .lines{padding:0 18px;overflow-x:auto}.kw{color:var(--magenta)}.fn{color:var(--cyan)}.str{color:var(--amber)}.num{color:var(--accent)}.cm{color:var(--fg-dim);font-style:italic}.pn{color:var(--fg-mute)}.id{color:var(--fg)}.tp{color:var(--cyan);font-style:italic}.about-body p{color:var(--fg-mute);margin:0 0 16px;font-size:16px;line-height:1.75}.about-body p strong{color:var(--fg);font-weight:600}.about-body p .mono{font-family:var(--mono);color:var(--accent);font-size:.9em}.kv-list{font-family:var(--mono);gap:10px;margin-top:28px;font-size:13px;display:grid}.kv-row{border-bottom:1px dashed var(--border);grid-template-columns:110px 1fr;gap:12px;padding:8px 0;display:grid}.kv-row .k{color:var(--fg-dim)}.kv-row .v{color:var(--fg)}.kv-row .v .tag{border:1px solid var(--accent-dim);color:var(--accent);border-radius:3px;margin-right:4px;padding:1px 8px;font-size:11.5px;display:inline-block}.services-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}@media (width<=720px){.services-grid{grid-template-columns:1fr}}.service-card{background:var(--bg-1);border:1px solid var(--border);border-radius:10px;padding:28px;transition:all .2s;position:relative;overflow:hidden}.service-card:before{content:"";background:radial-gradient(circle at var(--x,50%) var(--y,0%), var(--accent-glow), transparent 60%);opacity:0;pointer-events:none;transition:opacity .25s;position:absolute;inset:0}.service-card:hover{border-color:var(--accent-dim);transform:translateY(-2px)}.service-card:hover:before{opacity:1}.service-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.service-num{font-family:var(--mono);color:var(--fg-dim);font-size:12px}.service-cmd{font-family:var(--mono);color:var(--accent);border:1px solid var(--accent-dim);background:color-mix(in oklch, var(--accent), transparent 92%);border-radius:4px;padding:3px 10px;font-size:12px}.service-title{letter-spacing:-.015em;margin:8px 0 10px;font-size:22px;font-weight:700}.service-desc{color:var(--fg-mute);margin:0 0 16px;font-size:14.5px;line-height:1.65}.service-tags{font-family:var(--mono);flex-wrap:wrap;gap:6px;font-size:11px;display:flex}.service-tags span{background:var(--bg-2);border:1px solid var(--border);color:var(--fg-mute);border-radius:3px;padding:3px 8px}.stack-wrap{background:var(--bg-1);border:1px solid var(--border);border-radius:12px;overflow:hidden}.stack-tabs{border-bottom:1px solid var(--border);background:var(--bg-2);display:flex;overflow-x:auto}.stack-tab{font-family:var(--mono);color:var(--fg-mute);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;padding:14px 22px;font-size:12.5px;transition:color .14s}.stack-tab:hover{color:var(--fg)}.stack-tab.active{color:var(--accent);border-bottom-color:var(--accent);background:color-mix(in oklch, var(--accent), transparent 95%)}.stack-tab .c{color:var(--fg-dim);margin-right:6px}.stack-grid{background:var(--border);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1px;display:grid}.stack-item{background:var(--bg-1);align-items:center;gap:14px;padding:22px 18px;transition:background .16s;display:flex}.stack-item:hover{background:var(--bg-2)}.stack-glyph{width:38px;height:38px;font-family:var(--mono);border:1px solid;border-radius:8px;flex-shrink:0;place-items:center;font-size:14px;font-weight:700;display:grid}.stack-meta{min-width:0}.stack-name{color:var(--fg);font-size:14px;font-weight:600}.stack-kind{font-family:var(--mono);color:var(--fg-dim);font-size:11px}.project-list{gap:32px;display:grid}.project{background:var(--bg-1);border:1px solid var(--border);border-radius:12px;grid-template-columns:1.1fr 1fr;display:grid;overflow:hidden}@media (width<=900px){.project{grid-template-columns:1fr}}.project-body{flex-direction:column;padding:36px 36px 32px;display:flex}.project-meta{font-family:var(--mono);color:var(--fg-dim);align-items:center;gap:12px;margin-bottom:18px;font-size:12px;display:flex}.project-meta .badge{background:color-mix(in oklch, var(--accent), transparent 90%);color:var(--accent);border:1px solid var(--accent-dim);border-radius:4px;padding:3px 9px}.project-title{letter-spacing:-.02em;margin:0 0 12px;font-size:28px;font-weight:700}.project-desc{color:var(--fg-mute);flex:1;margin:0 0 22px;font-size:15px;line-height:1.7}.project-feats{font-family:var(--mono);gap:8px;margin:0 0 22px;font-size:12.5px;display:grid}.project-feats div{color:var(--fg-mute);gap:10px;display:flex}.project-feats div:before{content:"▸";color:var(--accent)}.project-stack{font-family:var(--mono);flex-wrap:wrap;gap:6px;margin-bottom:22px;font-size:11.5px;display:flex}.project-stack span{background:var(--bg-2);border:1px solid var(--border-strong);color:var(--fg-mute);border-radius:4px;padding:4px 10px}.project-links{gap:10px;display:flex}.project-visual{background:var(--bg-2);border-left:1px solid var(--border);min-height:380px;position:relative;overflow:hidden}@media (width<=900px){.project-visual{border-left:none;border-top:1px solid var(--border);min-height:320px}}.mock-dashboard{background:var(--bg-1);border:1px solid var(--border);border-radius:8px;grid-template-rows:auto 1fr;display:grid;position:absolute;inset:24px;overflow:hidden}.mock-titlebar{border-bottom:1px solid var(--border);background:var(--bg-2);align-items:center;gap:8px;padding:10px 12px;display:flex}.mock-titlebar .dots{gap:5px;display:flex}.mock-titlebar .dots span{background:var(--bg-3);border-radius:50%;width:8px;height:8px}.mock-titlebar .url{font-family:var(--mono);color:var(--fg-dim);flex:1;margin-left:10px;font-size:10.5px}.mock-body{grid-template-columns:88px 1fr;display:grid}.mock-sidebar{background:var(--bg-2);border-right:1px solid var(--border);flex-direction:column;gap:8px;padding:14px 10px;display:flex}.mock-sidebar .item{background:var(--bg-3);opacity:.4;border-radius:4px;height:22px}.mock-sidebar .item.active{background:color-mix(in oklch, var(--accent), transparent 70%);border-left:2px solid var(--accent);opacity:1}.mock-main{align-content:start;gap:12px;padding:16px;display:grid}.mock-h{justify-content:space-between;align-items:center;display:flex}.mock-h .h-title{background:var(--fg-dim);opacity:.6;border-radius:3px;width:110px;height:14px}.mock-h .h-btn{background:var(--accent);opacity:.9;border-radius:4px;width:70px;height:22px}.mock-stats{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.mock-stat{background:var(--bg-2);border:1px solid var(--border);border-radius:5px;padding:10px}.mock-stat .s-num{font-family:var(--mono);color:var(--accent);font-size:14px;font-weight:700}.mock-stat .s-label{font-family:var(--mono);color:var(--fg-dim);margin-top:2px;font-size:9px}.mock-rows{gap:5px;display:grid}.mock-row{background:var(--bg-2);border:1px solid var(--border);font-family:var(--mono);border-radius:5px;grid-template-columns:18px 1fr 50px 40px;align-items:center;gap:8px;padding:7px 10px;font-size:9.5px;display:grid}.mock-row .avatar{background:linear-gradient(135deg, var(--cyan), var(--magenta));border-radius:50%;width:16px;height:16px}.mock-row .nm{color:var(--fg)}.mock-row .dt{color:var(--fg-dim);text-align:right}.mock-row .st{color:var(--accent);text-align:right}.mock-phone-wrap{place-items:center;display:grid;position:absolute;inset:0}.mock-phone{background:var(--bg-2);border:8px solid #1a2028;border-radius:36px;width:215px;height:430px;position:relative;overflow:hidden;box-shadow:0 30px 60px #00000080,0 0 0 1px #ffffff0a}.phone-notch{z-index:3;background:#0a0e13;border-radius:0 0 14px 14px;width:90px;height:22px;position:absolute;top:0;left:50%;transform:translate(-50%)}.phone-content{background:var(--bg-0);grid-template-rows:auto auto 1fr auto;gap:10px;padding:32px 14px 14px;display:grid;position:absolute;inset:0}.phone-statusbar{font-family:var(--mono);color:var(--fg-mute);justify-content:space-between;padding:0 6px;font-size:9px;display:flex}.phone-hello{color:var(--fg-mute);padding:0 4px;font-size:10px}.phone-hello b{color:var(--fg);margin-top:2px;font-size:13px;display:block}.phone-card{background:var(--bg-2);border:1px solid var(--border);border-radius:10px;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;padding:10px;display:grid}.phone-card .pill{background:color-mix(in oklch, var(--accent), transparent 80%);border:1px solid var(--accent-dim);width:28px;height:28px;color:var(--accent);font-family:var(--mono);border-radius:8px;place-items:center;font-size:11px;font-weight:700;display:grid}.phone-card .info .t{color:var(--fg);font-size:10.5px;font-weight:600}.phone-card .info .s{font-family:var(--mono);color:var(--fg-dim);font-size:8.5px}.phone-card .dose{font-family:var(--mono);color:var(--accent);font-size:8.5px}.phone-nav{background:var(--bg-2);border:1px solid var(--border);border-radius:14px;grid-template-columns:repeat(4,1fr);gap:4px;padding:6px;display:grid}.phone-nav .nav-cell{background:var(--bg-3);opacity:.4;border-radius:8px;height:24px}.phone-nav .nav-cell.active{background:var(--accent);opacity:1}.mock-placeholder{place-items:center;padding:40px;display:grid;position:absolute;inset:0}.mock-placeholder-inner{border:1px dashed var(--border-strong);width:100%;height:100%;font-family:var(--mono);color:var(--fg-dim);text-align:center;background:repeating-linear-gradient(45deg, transparent 0 12px, color-mix(in oklch, var(--accent), transparent 96%) 12px 13px);border-radius:8px;place-items:center;font-size:13px;display:grid}.mock-placeholder-inner b{color:var(--accent);margin-bottom:6px;font-weight:500;display:block}.contact-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}@media (width<=800px){.contact-grid{grid-template-columns:1fr}}.contact-form{background:var(--bg-1);border:1px solid var(--border);border-radius:10px;overflow:hidden}.contact-form-body{padding:24px 26px 26px}.field{margin-bottom:18px;display:block}.field label{font-family:var(--mono);color:var(--fg-dim);letter-spacing:.02em;margin-bottom:6px;font-size:11.5px;display:block}.field label .req{color:var(--red)}.field input,.field textarea{background:var(--bg-0);border:1px solid var(--border-strong);width:100%;font-family:var(--mono);color:var(--fg);resize:vertical;border-radius:6px;outline:none;padding:11px 13px;font-size:13px;transition:all .14s}.field input:focus,.field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);background:var(--bg-1)}.field input::placeholder,.field textarea::placeholder{color:var(--fg-dim)}.field-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (width<=600px){.field-row{grid-template-columns:1fr}}.form-submit{justify-content:space-between;align-items:center;gap:12px;margin-top:8px;display:flex}.form-status{font-family:var(--mono);color:var(--fg-dim);font-size:12px}.form-status.ok{color:var(--accent)}.contact-side{align-content:start;gap:14px;display:grid}.contact-channel{background:var(--bg-1);border:1px solid var(--border);color:inherit;border-radius:10px;justify-content:space-between;align-items:center;gap:16px;padding:20px 22px;text-decoration:none;transition:all .16s;display:flex}.contact-channel:hover{border-color:var(--accent-dim);transform:translateY(-1px)}.contact-channel .label{font-family:var(--mono);color:var(--fg-dim);margin-bottom:4px;font-size:11.5px}.contact-channel .value{color:var(--fg);font-size:16px;font-weight:600;font-family:var(--mono)}.contact-channel .arrow{color:var(--accent);font-family:var(--mono);font-size:18px}.footer{border-top:1px solid var(--border);font-family:var(--mono);color:var(--fg-dim);margin-top:60px;padding:36px 0 48px;font-size:12px}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.footer .meta{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.footer .meta b{color:var(--accent)}.footer .brand-logo{box-shadow:0 0 0 1px #ffffff14}.reveal{opacity:0;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);transform:translateY(20px)}.reveal.in{opacity:1;transform:none}.bg-chars{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.bg-char{font-family:var(--mono);color:color-mix(in oklch, var(--accent), transparent 70%);opacity:.35;text-shadow:0 0 6px var(--accent-glow);font-size:12px;animation:linear infinite fall;position:absolute}@keyframes fall{0%{opacity:0;transform:translateY(-30vh)}10%{opacity:.4}90%{opacity:.4}to{opacity:0;transform:translateY(110vh)}}[data-density=low] .bg-chars{display:none}[data-density=high] .bg-char{opacity:.5;font-size:14px}.mono{font-family:var(--mono)}.acc{color:var(--accent)}.dim{color:var(--fg-dim)}.mute{color:var(--fg-mute)}.proj-terminal{background:var(--bg-1);border:1px solid var(--border-strong);border-radius:10px;overflow:hidden;box-shadow:0 20px 50px #0006}.proj-cmd{font-family:var(--mono);border-bottom:1px solid var(--border);padding:14px 22px 8px;font-size:13.5px}.proj-head{font-family:var(--mono);color:var(--fg-dim);background:var(--bg-2);border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:.08em;grid-template-columns:110px 1fr 70px 200px 28px;gap:18px;padding:10px 22px;font-size:11px;display:grid}@media (width<=800px){.proj-head{grid-template-columns:1fr 60px 28px}.proj-head span:first-child,.proj-head span:nth-child(4){display:none}}.proj-item{border-bottom:1px solid var(--border);transition:background .14s}.proj-item:last-child{border-bottom:none}.proj-item.open{background:color-mix(in oklch, var(--accent), transparent 96%)}.proj-item:hover:not(.open){background:var(--bg-2)}.proj-row{text-align:left;cursor:pointer;width:100%;font-family:var(--mono);color:var(--fg);background:0 0;border:none;grid-template-columns:110px 1fr 70px 200px 28px;align-items:center;gap:18px;padding:16px 22px;font-size:13px;display:grid}@media (width<=800px){.proj-row{grid-template-columns:1fr 60px 28px;padding:14px 18px}.proj-row .proj-type,.proj-row .proj-kind,.proj-row .proj-tagline{display:none}}.proj-type{color:var(--fg-dim);font-size:11.5px}.proj-name{align-items:center;gap:10px;min-width:0;display:flex}.proj-name .folder{color:var(--accent)}.proj-name b{color:var(--fg);font-weight:600}.proj-tagline{color:var(--fg-mute);white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:12.5px;overflow:hidden}.proj-year{color:var(--amber);font-size:12px}.proj-kind{color:var(--cyan);font-size:12px}.proj-chevron{color:var(--accent);text-align:center;transition:transform .2s}.proj-item.open .proj-chevron{transform:rotate(0)}.proj-expand{gap:14px;padding:8px 22px 24px 50px;animation:.28s cubic-bezier(.16,1,.3,1) expand-in;display:grid}@media (width<=800px){.proj-expand{padding:8px 18px 22px}}@keyframes expand-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.proj-desc-text{color:var(--fg-mute);max-width:780px;margin:0;font-size:14.5px;line-height:1.65}.proj-feat-list{font-family:var(--mono);gap:6px;margin:0;padding:0;font-size:12.5px;list-style:none;display:grid}.proj-feat-list li{color:var(--fg-mute);padding-left:18px;position:relative}.proj-feat-list li:before{content:"▸";color:var(--accent);position:absolute;left:0}.proj-bottom{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:4px;display:flex}.process-grid{background:var(--bg-1);border:1px solid var(--border);border-radius:12px;grid-template-columns:repeat(4,1fr);gap:0;display:grid;overflow:hidden}@media (width<=900px){.process-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=540px){.process-grid{grid-template-columns:1fr}}.process-card{border-right:1px solid var(--border);flex-direction:column;gap:4px;padding:32px 26px 30px;transition:background .2s;display:flex;position:relative}.process-card:last-child{border-right:none}@media (width<=900px){.process-card:nth-child(2n){border-right:none}.process-card:nth-child(-n+2){border-bottom:1px solid var(--border)}}@media (width<=540px){.process-card{border-right:none;border-bottom:1px solid var(--border)}.process-card:last-child{border-bottom:none}}.process-card:hover{background:var(--bg-2)}.process-line{background:var(--accent);width:32px;height:1px;position:absolute;top:32px;left:26px}.process-num{font-family:var(--mono);color:var(--fg-dim);margin-top:-3px;margin-left:44px;font-size:12px}.process-cmd{font-family:var(--mono);color:var(--accent);margin-top:14px;margin-bottom:4px;font-size:12px}.process-title{letter-spacing:-.015em;margin:0 0 8px;font-size:22px;font-weight:700}.process-desc{color:var(--fg-mute);flex:1;margin:0 0 16px;font-size:14px;line-height:1.6}.process-out{font-family:var(--mono);color:var(--accent);border-top:1px dashed var(--border-strong);padding-top:12px;font-size:11.5px}.now-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}@media (width<=900px){.now-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=540px){.now-grid{grid-template-columns:1fr}}.now-card{background:var(--bg-1);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:10px;padding:22px;transition:all .18s;display:flex}.now-card:hover{border-color:var(--accent-dim);transform:translateY(-2px)}.now-label{font-family:var(--mono);color:var(--fg-dim);letter-spacing:.04em;font-size:11.5px}.now-content{color:var(--fg);font-size:15px;line-height:1.55}.now-content b{color:var(--accent);font-weight:600}.now-content i{color:var(--fg);font-style:italic}.now-content .mono{font-family:var(--mono);font-size:.92em}.now-card-cta{background:color-mix(in oklch, var(--accent), transparent 92%);border-color:var(--accent-dim)}.nav-toggle{border:1px solid var(--border);cursor:pointer;z-index:60;background:0 0;border-radius:8px;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;padding:0 9px;display:none}.nav-toggle span{background:var(--fg-mute);border-radius:2px;width:100%;height:2px;transition:transform .22s,opacity .16s,background .12s;display:block}.nav-toggle:hover span{background:var(--accent)}.nav-toggle.open span:first-child{transform:translateY(7px)rotate(45deg)}.nav-toggle.open span:nth-child(2){opacity:0}.nav-toggle.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}@media (width<=1080px){.shell{padding-inline:20px}.nav-inner{position:relative}.nav-status{display:none}.nav-toggle{display:flex}.nav-links{background:color-mix(in oklch, var(--bg-0), transparent 5%);-webkit-backdrop-filter:blur(12px)saturate(140%);border-bottom:1px solid var(--border);opacity:0;pointer-events:none;flex-direction:column;gap:0;max-height:0;padding:4px 20px 12px;transition:max-height .28s,opacity .2s;position:absolute;top:100%;left:0;right:0;overflow:hidden}.nav-links.open{opacity:1;pointer-events:auto;max-height:75vh}.nav-links a{border-bottom:1px solid var(--border);padding:12px 2px;font-size:14px}.nav-links a:last-child{border-bottom:none}}@media (width<=640px){.shell{padding-inline:16px}.section{padding-block:64px}.hero{padding-block:84px 60px}.section-subtitle{margin-bottom:36px;font-size:15px}.section-label{margin-bottom:18px}}@media (width<=420px){body{font-size:14px}.shell{padding-inline:14px}.section{padding-block:52px}}