@import "https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,650;9..144,760&family=IBM+Plex+Sans:wght@400;500;600;700&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#15130f;--ink-soft:#37342d;--paper:#f8f3e8;--paper-strong:#fffaf0;--line:#15130f29;--lime:#dbff5a;--red:#ff6b4a;--blue:#3aa8ff;--green:#2a9d72;--shadow-soft:0 18px 45px #15130f24;--shadow-hard:8px 8px 0 #15130fe6;--display:"Fraunces", Georgia, serif;--body:"IBM Plex Sans", "Helvetica Neue", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper)}body{min-width:320px;color:var(--ink);font-family:var(--body);background:linear-gradient(#15130f09 1px, transparent 1px), linear-gradient(90deg, #15130f09 1px, transparent 1px), var(--paper);background-size:32px 32px;margin:0}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}code{background:#15130f0f;border:1px solid #15130f29;border-radius:6px;padding:.12rem .34rem;font-family:SFMono-Regular,Consolas,monospace;font-size:.92em}.site-shell{overflow:hidden}.site-header{z-index:20;width:min(1120px,100% - 32px);min-height:58px;color:var(--paper);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#15130fc7;border:1px solid #f8f3e838;border-radius:8px;grid-template-columns:auto 1fr auto;align-items:center;padding:8px;display:grid;position:fixed;top:16px;left:50%;transform:translate(-50%);box-shadow:0 18px 45px #00000038}.brand-mark,.header-action,.nav-links a,.button,.inline-link{min-height:42px}.brand-mark{align-items:center;gap:10px;padding:0 12px 0 6px;font-weight:700;display:inline-flex}.brand-mark span{width:38px;height:38px;color:var(--ink);background:var(--lime);font-family:var(--display);border-radius:6px;place-items:center;font-weight:760;display:grid}.brand-mark strong{font-size:.98rem}.nav-links{justify-content:center;gap:4px;display:flex}.nav-links a{color:#f8f3e8c7;border-radius:6px;align-items:center;padding:0 14px;font-size:.94rem;font-weight:600;transition:background .18s,color .18s,transform .18s;display:inline-flex}.nav-links a:hover{color:var(--paper);background:#f8f3e81a;transform:translateY(-1px)}.header-action{color:var(--ink);background:var(--paper);border-radius:6px;align-items:center;gap:8px;padding:0 14px;font-weight:700;transition:transform .18s,box-shadow .18s;display:inline-flex}.header-action:hover{box-shadow:4px 4px 0 var(--lime);transform:translate(-2px,-2px)}.hero{min-height:86svh;color:var(--paper);isolation:isolate;background:radial-gradient(at 50% 30%,#dbff5a1f,#0000 34%),linear-gradient(135deg,#15130f 0%,#242015 56%,#15130f 100%);place-items:center;padding:128px 24px 64px;display:grid;position:relative}.hero:after{z-index:-1;content:"";background:linear-gradient(#0000,#f8f3e81a);height:160px;position:absolute;bottom:0;left:0;right:0}.learning-field{opacity:.9;width:100%;height:100%;position:absolute;inset:0}.hero-texture{opacity:.58;pointer-events:none;background-image:linear-gradient(#f8f3e80b 1px,#0000 1px),linear-gradient(90deg,#f8f3e80b 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000 0%,#000 18% 82%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 18% 82%,#0000 100%)}.hero-content{z-index:3;text-align:center;justify-items:center;max-width:860px;animation:.8s both heroEnter;display:grid;position:relative}.eyebrow,.section-kicker{color:var(--red);text-transform:uppercase;margin:0;font-size:.78rem;font-weight:800}.eyebrow{color:var(--lime)}.hero h1{font-family:var(--display);margin:16px 0 0;font-size:6.2rem;font-weight:760;line-height:.92}.hero-copy{color:#f8f3e8c7;max-width:670px;margin:24px 0 0;font-size:1.18rem;line-height:1.8}.hero-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:34px;display:flex}.button{border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:10px;padding:0 18px;font-weight:800;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex}.button-primary{color:var(--ink);background:var(--lime);box-shadow:7px 7px #f8f3e838}.button-primary:hover{transform:translate(-2px,-2px);box-shadow:9px 9px #f8f3e842}.button-secondary{color:var(--paper);background:#f8f3e814;border-color:#f8f3e83d}.button-secondary:hover{background:#f8f3e824;transform:translateY(-2px)}.button-dark{color:var(--paper);background:var(--ink);box-shadow:7px 7px 0 var(--red)}.button-dark:hover{transform:translate(-2px,-2px)}.hero-metrics{grid-template-columns:repeat(3,1fr);gap:10px;width:min(620px,100%);margin:38px 0 0;display:grid}.hero-metrics div{background:#f8f3e814;border:1px solid #f8f3e82e;border-radius:8px;min-height:84px;padding:14px;box-shadow:0 18px 28px #0000002e}.hero-metrics dt{font-family:var(--display);font-size:2.05rem;line-height:1}.hero-metrics dd{color:#f8f3e8ad;margin:8px 0 0;font-size:.9rem;font-weight:700}.section{width:min(1120px,100% - 32px);margin:0 auto;padding:88px 0;scroll-margin-top:96px}.section-intro{padding-top:42px}.section-heading{gap:14px;max-width:760px;display:grid}.section-heading h2{font-family:var(--display);margin:0;font-size:3.05rem;font-weight:650;line-height:1.04}.intro-strip{border:1px solid var(--ink);box-shadow:var(--shadow-hard);border-radius:8px;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:32px;display:grid;overflow:hidden}.intro-item{background:var(--paper-strong);align-content:center;min-height:118px;padding:22px;display:grid}.intro-item span{color:var(--red);font-size:.78rem;font-weight:800}.intro-item strong{margin-top:8px;font-size:1.05rem}.projects-section{background:linear-gradient(#15130f0b 1px, transparent 1px), linear-gradient(90deg, #15130f0b 1px, transparent 1px), linear-gradient(180deg, var(--paper) 0%, #f1eadb 100%);background-size:36px 36px,36px 36px,auto;width:100%;padding:92px max(16px,50% - 560px)}.project-heading{max-width:840px}.projects-grid{grid-template-columns:1.1fr .95fr .95fr;gap:18px;margin-top:34px;display:grid}.project-card{border:1px solid var(--ink);min-height:548px;color:var(--paper);box-shadow:var(--shadow-soft);isolation:isolate;background:#15130f;border-radius:8px;grid-template-rows:220px 1fr;transition:transform .24s,box-shadow .24s,border-color .24s;display:grid;position:relative;overflow:hidden}.project-card:before{z-index:-1;opacity:0;content:"";background:linear-gradient(120deg,#0000 0%,#dbff5a2e 38%,#0000 58%),radial-gradient(circle at 18% 16%,#3aa8ff47,#0000 31%),radial-gradient(circle at 86% 8%,#ff6b4a33,#0000 28%);transition:opacity .24s;position:absolute;inset:0}.project-card:hover{border-color:#dbff5ab8;transform:translate(-4px,-4px)rotate(-.45deg);box-shadow:11px 11px #15130fe0}.project-card:hover:before,.project-card:hover .project-card-glow{opacity:1}.project-card:hover .project-link svg{transform:translate(4px)}.project-card-glow{z-index:-1;border-radius:inherit;background:linear-gradient(120deg, var(--lime), transparent 32%, var(--red) 74%, var(--blue));opacity:0;transition:opacity .24s;position:absolute;inset:-1px}.project-preview{background-color:#0b0c12;background-image:linear-gradient(#f8f3e80e 1px,#0000 1px),linear-gradient(90deg,#f8f3e80e 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:28px 28px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border-bottom:1px solid #f8f3e829;padding:18px;position:relative}.project-card-auction .project-preview{background:radial-gradient(circle at 28% 18%,#7e22ff6b,#0000 28%),radial-gradient(circle at 88% 76%,#e6007e6b,#0000 30%),#070b12}.project-card-agent{background:#101815}.project-card-agent .project-preview{background:radial-gradient(circle at 18% 18%,#2a9d725c,#0000 30%),radial-gradient(circle at 88% 72%,#3aa8ff3d,#0000 32%),#08120f}.project-card-system{background:#18130f}.project-card-system .project-preview{background:radial-gradient(circle at 16% 22%,#ff6b4a47,#0000 30%),radial-gradient(circle at 88% 76%,#dbff5a2e,#0000 30%),#130d09}.preview-window{gap:6px;width:fit-content;display:flex}.preview-window span{background:#f8f3e86b;border-radius:50%;width:8px;height:8px}.preview-stage{background:#070a10b8;border:1px solid #f8f3e821;border-radius:8px;position:absolute;inset:44px 18px 18px;box-shadow:inset 0 0 44px #ffffff0a}.bid-panel{background:#0c0e17d1;border:1px solid #f8f3e81f;border-radius:8px;gap:8px;padding:18px;display:grid;position:absolute;top:30px;left:22px;right:22px}.bid-panel strong{color:var(--paper);font-family:var(--display);font-size:1.46rem}.bid-panel em{color:#f8f3e88f;font-style:normal;font-weight:700}.bid-line{background:linear-gradient(90deg,#7c2cff,#e8007e);border-radius:999px;height:9px;position:absolute;right:28px}.bid-line-one{width:42%;bottom:42px}.bid-line-two{opacity:.6;width:62%;bottom:24px}.node-map{position:absolute;inset:28px}.node-map i{background:#dbff5a1f;border:1px solid #dbff5ab8;border-radius:8px;width:42px;height:42px;position:absolute;box-shadow:0 0 26px #dbff5a2e}.node-map i:first-child{top:4px;left:4px}.node-map i:nth-child(2){top:54px;right:16px}.node-map i:nth-child(3){bottom:4px;left:34%}.node-map i:nth-child(4){bottom:18px;right:4px}.trace-line{background:linear-gradient(90deg, var(--lime), #3aa8ffb8, var(--red));height:1px;position:absolute;inset:76px 36px auto;transform:rotate(12deg);box-shadow:0 0 18px #dbff5a40}.project-copy{align-content:start;padding:24px;display:grid}.project-topline{color:var(--lime);justify-content:space-between;gap:14px;display:flex}.project-topline span{text-transform:uppercase;align-items:center;gap:8px;font-size:.78rem;font-weight:800;display:inline-flex}.project-card h3{font-family:var(--display);margin:28px 0 0;font-size:2rem;line-height:1}.project-card p{color:#f8f3e8bd;margin:18px 0 0;line-height:1.75}.project-stack{flex-wrap:wrap;gap:8px;margin-top:22px;display:flex}.project-stack span{color:#f8f3e8b8;background:#f8f3e812;border:1px solid #f8f3e824;border-radius:6px;padding:6px 8px;font-size:.76rem;font-weight:800}.project-link{width:fit-content;min-height:40px;color:var(--lime);align-items:center;gap:8px;margin-top:24px;font-weight:800;display:inline-flex}.project-link svg{transition:transform .18s}.skills-section{padding-bottom:110px}.skills-grid{border:1px solid var(--ink);box-shadow:var(--shadow-hard);border-radius:8px;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:34px;display:grid;overflow:hidden}.skill-card{background:var(--paper-strong);align-content:start;min-height:310px;padding:24px;display:grid}.skill-card-top{color:var(--green);align-items:center;gap:12px;display:flex}.skill-card h3{font-family:var(--display);color:var(--ink);margin:0;font-size:1.56rem}.skill-card p{color:var(--ink-soft);margin:28px 0 0;line-height:1.75}.skill-tags{flex-wrap:wrap;gap:8px;margin-top:22px;display:flex}.skill-tags span{background:#dbff5a47;border:1px solid #15130f24;border-radius:6px;padding:6px 8px;font-size:.76rem;font-weight:800}[data-reveal]{opacity:0;transition:opacity .68s,transform .68s;transform:translateY(24px)}[data-reveal].is-visible{opacity:1;transform:translateY(0)}@keyframes heroEnter{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (width<=1040px){.hero h1{font-size:4.9rem}.intro-strip,.projects-grid,.skills-grid{grid-template-columns:repeat(2,1fr)}.skill-card{min-height:260px}}@media (width<=760px){.site-header{grid-template-columns:1fr auto;width:calc(100% - 20px);top:10px}.brand-mark strong,.nav-links{display:none}.header-action{padding:0 11px;font-size:.92rem}.hero{min-height:auto;padding:96px 16px 38px}.hero h1{font-size:3.55rem;line-height:.98}.hero-copy{font-size:1.02rem}.hero-actions{width:100%}.button{width:100%;max-width:340px}.hero-metrics{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:26px}.hero-metrics div{min-height:70px;padding:10px 6px}.hero-metrics dt{font-size:1.52rem}.hero-metrics dd{margin-top:5px;font-size:.74rem}.section{width:min(100% - 24px,1120px);padding:62px 0}.section-heading h2,.skills-section h2{font-size:2.18rem;line-height:1.12}.intro-strip,.projects-grid,.skills-grid{grid-template-columns:1fr}.projects-section{padding:62px 12px}.project-card{grid-template-rows:190px 1fr;min-height:auto}.skill-card{min-height:auto;padding:22px}}@media (width<=430px){.hero h1{font-size:3rem}.header-action{max-width:136px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}
