:root{--bg: #08090a;--surface: #0f1011;--surface-2: #141516;--surface-3: #1c1d1f;--surface-3-hov: #28282c;--text: #f7f8f8;--text-2: #d0d6e0;--text-3: #8a8f98;--text-4: #62666d;--border: rgba(255,255,255,.08);--border-soft: rgba(255,255,255,.05);--border-chip: rgba(255,255,255,.1);--btn-light: #e6e6e6;--accent: #5e6ad2;--green: #4cb782;--yellow: #f2c94c;--font: "Inter", system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace;--r-sm: 6px;--r-md: 12px;--r-lg: 14px;--r-pill: 999px;--max: 1200px;--gutter: 32px;--section-gap: 160px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;font-feature-settings:"cv01","ss03"}::-moz-selection{background:#5e6ad266}::selection{background:#5e6ad266}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}a{color:var(--text);text-decoration:none}p{text-wrap:pretty}[hidden]{display:none!important}.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--gutter)}.nav{position:sticky;top:0;z-index:50;height:64px;background:#08090acc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}.nav-inner{display:flex;align-items:center;height:64px;gap:1rem}.nav-brand{display:flex;align-items:center;gap:10px;color:var(--text)}.nav-brand:hover{text-decoration:none}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:5px;background:var(--text);color:var(--bg);font-size:10.5px;font-weight:600;letter-spacing:-.02em;flex-shrink:0}.nav-name{font-size:17px;font-weight:500;letter-spacing:-.02em;color:var(--text)}.nav-links{display:flex;align-items:center;gap:2px;margin-left:auto}.nav-links a{font-size:13.5px;color:var(--text-3);padding:6px 10px;border-radius:var(--r-sm);transition:color .15s ease,background .15s ease}.nav-links a:hover,.nav-links a.active{color:var(--text);text-decoration:none}.nav-right{display:flex;align-items:center;gap:16px;margin-left:8px}.nav-divider{width:1px;height:16px;background:var(--border)}.nav-github{font-size:13.5px;color:var(--text-3);transition:color .15s ease}.nav-github:hover{color:var(--text);text-decoration:none}@media (max-width: 760px){.nav-links{display:none}}.btn{display:inline-flex;align-items:center;gap:6px;font-family:var(--font);font-size:14px;font-weight:500;padding:9px 16px;border-radius:var(--r-pill);border:none;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease;white-space:nowrap}.btn-primary{background:var(--btn-light);color:var(--bg)}.btn-primary:hover{background:#fff;text-decoration:none}.btn-secondary{background:var(--surface-3);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:var(--surface-3-hov);text-decoration:none}.btn-row{display:flex;flex-wrap:wrap;gap:10px}.text-link{font-size:15px;color:var(--text-2);transition:color .15s ease}.text-link:hover{color:var(--text);text-decoration:none}.hero{padding-top:48px;padding-bottom:96px;display:flex;flex-direction:column;gap:24px;align-items:flex-start}.eyebrow{font-size:15px;color:var(--text-3)}h1{font-size:clamp(48px,7vw,80px);font-weight:500;letter-spacing:-.04em;line-height:1}.lead{font-size:20px;font-weight:400;line-height:1.45;letter-spacing:-.01em;color:var(--text-2);max-width:680px}section.wrap{scroll-margin-top:64px;padding-top:56px;padding-bottom:56px}.section-head{display:flex;flex-direction:column;gap:24px;max-width:680px;margin-bottom:64px}h2{font-size:clamp(34px,4.2vw,48px);font-weight:500;letter-spacing:-.03em;line-height:1.05}.skill-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.skill-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:22px 24px}.skill-label{font-size:13px;color:var(--text-3);margin-bottom:14px}.chips{display:flex;flex-wrap:wrap;gap:6px;list-style:none}.chip{font-size:12.5px;padding:3px 10px;border-radius:var(--r-pill);border:1px solid var(--border-chip);color:var(--text-2)}.shipped-panel{border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);overflow:hidden}.ship-group-head{display:flex;align-items:center;gap:10px;background:var(--surface-2);padding:10px 20px;border-bottom:1px solid var(--border-soft);font-size:13px}.ship-ring{width:12px;height:12px;border-radius:50%;border:1.5px solid;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.ship-ring:after{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.ship-ring.yellow{border-color:var(--yellow);color:var(--yellow)}.ship-ring.indigo{border-color:var(--accent);color:var(--accent)}.ship-group-name{font-weight:500;color:var(--text)}.ship-group-count{color:var(--text-4)}.ship-row{display:flex;align-items:center;gap:18px;padding:10px 20px;border-bottom:1px solid var(--border-soft);transition:background .15s ease}.ship-row:last-child{border-bottom:none}.ship-row:hover{background:#ffffff05}.ship-thumb{width:88px;aspect-ratio:88 / 50;border-radius:5px;border:1px solid var(--border);background:var(--surface-2);overflow:hidden;flex-shrink:0}.ship-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.ship-thumb.placeholder{display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--text-4);letter-spacing:.1em}.ship-title{font-size:14px;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.ship-studio{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;padding:3px 10px;border-radius:var(--r-pill);border:1px solid var(--border-chip);color:var(--text-2);white-space:nowrap;flex-shrink:0}.ship-studio .dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.ship-studio .dot.yellow{background:var(--yellow)}.ship-studio .dot.indigo{background:var(--accent)}.ship-studio .dot.green{background:var(--green)}.ship-role{font-size:13px;color:var(--text-3);width:130px;flex-shrink:0}.ship-date{font-size:13px;color:var(--text-4);text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0;min-width:64px}@media (max-width: 760px){.ship-thumb,.ship-role{display:none}.ship-row{gap:12px}.project-media{display:none}.project-card{gap:0}}.cjt-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.cjt-card{display:flex;flex-direction:column;gap:12px;min-height:236px;padding:22px 24px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);transition:border-color .15s ease}.cjt-card:hover{border-color:#ffffff29}.cjt-logo{width:56px;height:56px;border-radius:12px;-o-object-fit:contain;object-fit:contain}.cjt-card-title{font-size:16px;font-weight:500;color:var(--text)}.cjt-card-text{font-size:14px;color:var(--text-3);line-height:1.55}.mono-tag{display:inline-block;font-family:var(--mono);font-size:12px;color:var(--text-4);border:1px solid var(--border);border-radius:var(--r-sm);padding:2px 8px;width:-moz-fit-content;width:fit-content}.project-grid{border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);overflow:hidden}.project-card{display:flex;align-items:flex-start;gap:18px;padding:14px 20px;border-bottom:1px solid var(--border-soft);transition:background .15s ease}.project-card:last-child{border-bottom:none}.project-card:hover{background:#ffffff05}.project-media{width:88px;aspect-ratio:88 / 50;border-radius:5px;border:1px solid var(--border);background:var(--surface-2);overflow:hidden;flex-shrink:0}.project-media img,.project-media video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.project-media.placeholder{display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--text-4);letter-spacing:.1em}.project-body{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.project-title{font-size:14px;font-weight:500;color:var(--text)}.project-desc{font-size:13px;color:var(--text-3);line-height:1.45}.project-links{display:flex;flex-wrap:wrap;gap:14px;padding-top:4px}.project-links a{font-size:13px;color:var(--text-3);transition:color .15s ease}.project-links a:hover{color:var(--text);text-decoration:none}.project-iterations{display:flex;flex-direction:column;gap:2px;padding-top:4px}.project-iterations a{font-size:12.5px;color:var(--text-3);transition:color .15s ease}.project-iterations a:hover{color:var(--text);text-decoration:none}.project-iterations .iter-note{font-size:12.5px;color:var(--text-4)}.contact-block{padding-bottom:140px;display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:24px}.contact-title{font-size:clamp(34px,4.2vw,48px);font-weight:500;letter-spacing:-.03em;line-height:1.1}.contact-title .text-3{color:var(--text-3)}.contact-right{display:flex;gap:10px;flex-wrap:wrap}@media (max-width: 760px){:root{--gutter: 20px;--section-gap: 96px}.hero{padding-top:80px;padding-bottom:64px}section.wrap{padding-top:48px;padding-bottom:48px}section.contact-block{padding-bottom:96px}.section-head{margin-bottom:40px}.contact-block{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*{transition:none!important}}