:root{--bg:#0a0a0a;--bg-2:#111110;--ink:#ededed;--ink-muted:#a3a3a3;--ink-dim:#6b6b6b;--line:#ffffff14;--line-2:#ffffff0a;--accent:#f59e0b;--accent-ink:#0a0a0a;--sans:"Geist", ui-sans-serif, system-ui, -apple-system, "Helvetica Neue", Helvetica, Arial, sans-serif;--mono:"Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--page-pad-x:clamp(20px, 4vw, 40px);--section-gap:clamp(80px, 12vh, 160px)}*{box-sizing:border-box}html,body{margin:0;padding:0}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:var(--bg);color:var(--ink);font-family:var(--sans);font-feature-settings:"ss01", "ss02", "cv11";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;line-height:1.5;overflow-x:hidden}::selection{background:var(--accent);color:var(--accent-ink)}a{color:inherit;text-decoration:none}.grain{pointer-events:none;z-index:1;opacity:.08;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.6 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");background-size:200px 200px;position:fixed;inset:0}.skip{background:var(--accent);color:var(--accent-ink);font:500 13px/1 var(--sans);z-index:100;border-radius:6px;padding:8px 12px;transition:transform .15s;position:absolute;top:12px;left:12px;transform:translateY(-200%)}.skip:focus{outline:none;transform:translateY(0)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}.container{width:100%;max-width:1120px;padding-inline:var(--page-pad-x);margin:0 auto}.site-header{z-index:20;-webkit-backdrop-filter:blur(8px);background:color-mix(in oklab, var(--bg) 72%, transparent);border-bottom:1px solid #0000;padding-block:18px;transition:border-color .25s,background .25s;position:sticky;top:0}.site-header[data-scrolled="1"]{border-bottom-color:var(--line)}.nav{justify-content:space-between;align-items:center;gap:24px;display:flex}.brand{font:500 13px/1 var(--mono);letter-spacing:.02em;color:var(--ink);align-items:center;gap:10px;display:inline-flex}.brand .dot{background:var(--accent);width:7px;height:7px;box-shadow:0 0 0 3px color-mix(in oklab, var(--accent) 20%, transparent);border-radius:50%}.nav-links{font:400 13px/1 var(--mono);color:var(--ink-muted);gap:22px;display:flex}.nav-links a{transition:color .15s;position:relative}.nav-links a:hover{color:var(--ink)}.nav-links a:after{content:"";transform-origin:0;background:currentColor;height:1px;transition:transform .2s;position:absolute;bottom:-4px;left:0;right:0;transform:scaleX(0)}.nav-links a:hover:after{transform:scaleX(1)}@media (width<=640px){.nav-links{display:none}}section{position:relative}.section{padding-block:var(--section-gap);border-top:1px solid var(--line)}.section:first-of-type{border-top:none}.section-head{grid-template-columns:140px 1fr;gap:40px;margin-bottom:clamp(32px,5vw,56px);display:grid}@media (width<=720px){.section-head{grid-template-columns:1fr;gap:16px}}.sec-marker{font:500 11px/1 var(--mono);letter-spacing:.08em;color:var(--ink-dim);text-transform:uppercase;padding-top:9px}.sec-title{font:500 clamp(22px, 2.6vw, 28px)/1.15 var(--sans);letter-spacing:-.02em;color:var(--ink);text-wrap:balance;max-width:32ch;margin:0}.hero{isolation:isolate;align-items:center;min-height:min(92vh,860px);padding-block:clamp(80px,14vh,160px);display:flex;position:relative;overflow:hidden}.hero-inner{z-index:2;width:100%;position:relative}.spotlight{z-index:0;pointer-events:none;opacity:.85;background:radial-gradient(520px circle at var(--mx,50%) var(--my,40%), color-mix(in oklab, var(--accent) 22%, transparent) 0%, color-mix(in oklab, var(--accent) 10%, transparent) 28%, transparent 68%);transition:background 90ms linear;position:absolute;inset:0}.hero-grid{z-index:0;pointer-events:none;background-image:linear-gradient(to right, var(--line-2) 1px, transparent 1px), linear-gradient(to bottom, var(--line-2) 1px, transparent 1px);background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 30%,#0000 75%);mask-image:radial-gradient(circle,#000 30%,#0000 75%)}.status{font:500 12px/1 var(--mono);color:var(--ink-muted);border:1px solid var(--line);background:color-mix(in oklab, var(--bg-2) 60%, transparent);border-radius:999px;align-items:center;gap:8px;padding:6px 10px 6px 8px;display:inline-flex}.status .pulse{background:#22c55e;border-radius:50%;width:7px;height:7px;position:relative}.status .pulse:before{content:"";opacity:.35;background:#22c55e;border-radius:50%;animation:2.2s ease-out infinite pulse;position:absolute;inset:-3px}@keyframes pulse{0%{opacity:.5;transform:scale(.7)}70%{opacity:0;transform:scale(1.9)}to{opacity:0;transform:scale(1.9)}}.hero h1{font:500 clamp(44px, 9.5vw, 132px)/.95 var(--sans);letter-spacing:-.045em;color:var(--ink);text-wrap:balance;margin:24px 0 0}.hero h1 .accent{color:var(--accent)}.hero-lede{font:400 clamp(17px, 1.7vw, 21px)/1.5 var(--sans);color:var(--ink-muted);text-wrap:pretty;max-width:42ch;margin:clamp(20px,3vw,28px) 0 0}.hero-lede strong{color:var(--ink);font-weight:500}.hero-ctas{flex-wrap:wrap;gap:12px;margin-top:clamp(28px,4vw,40px);display:flex}.btn{height:44px;font:500 14px/1 var(--sans);letter-spacing:-.005em;cursor:pointer;will-change:transform;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:10px;align-items:center;gap:8px;padding:0 18px;transition:background .18s,border-color .18s,color .18s,transform .1s;display:inline-flex}.btn-primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.btn-primary:hover{background:color-mix(in oklab, var(--accent) 88%, white)}.btn-secondary{color:var(--ink);border-color:var(--line);background:0 0}.btn-secondary:hover{background:#ffffff08;border-color:#ffffff38}.btn .arrow{transition:transform .2s}.btn:hover .arrow{transform:translate(2px)}.meta-row{border-top:1px solid var(--line);font:400 12.5px/1.4 var(--mono);color:var(--ink-dim);flex-wrap:wrap;gap:clamp(20px,4vw,48px);margin-top:clamp(48px,8vh,72px);padding-top:24px;display:flex}.meta-row .k{color:var(--ink-dim)}.meta-row .v{color:var(--ink-muted)}.meta-row>div{align-items:baseline;gap:10px;display:flex}.about-body{grid-template-columns:140px 1fr;gap:40px;display:grid}@media (width<=720px){.about-body{grid-template-columns:1fr;gap:16px}}.about-prose{max-width:62ch;font:400 clamp(16px, 1.5vw, 18px)/1.65 var(--sans);color:var(--ink-muted);text-wrap:pretty}.about-prose p{margin:0 0 1.1em}.about-prose p:last-child{margin-bottom:0}.about-prose strong{color:var(--ink);font-weight:500}.about-prose .mono{font-family:var(--mono);font-size:.95em}.skills-list{flex-direction:column;gap:0;display:flex}.skill-row{border-top:1px solid var(--line);grid-template-columns:180px 1fr;align-items:baseline;gap:32px;padding-block:22px;display:grid}.skill-row:last-child{border-bottom:1px solid var(--line)}@media (width<=720px){.skill-row{grid-template-columns:1fr;gap:10px;padding-block:18px}}.skill-row .domain{font:500 14px/1.2 var(--sans);letter-spacing:-.005em;color:var(--ink);align-items:baseline;gap:10px;display:flex}.skill-row .domain .num{font:500 11px/1 var(--mono);color:var(--ink-dim)}.skill-row .tags{font:400 14px/1.4 var(--mono);color:var(--ink-muted);flex-wrap:wrap;gap:6px 14px;display:flex}.skill-row .tags span{white-space:nowrap;transition:color .15s}.skill-row:hover .tags span{color:var(--ink)}.skill-row .tags .sep{color:var(--ink-dim)}.work-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:clamp(24px,3vw,36px);display:grid}.work-card{border:1px solid var(--line);background:color-mix(in oklab, var(--bg-2) 50%, transparent);border-radius:14px;flex-direction:column;gap:16px;padding:20px;transition:border-color .2s,background .2s,transform .25s;display:flex}.work-card:hover{background:color-mix(in oklab, var(--bg-2) 80%, transparent);border-color:#ffffff2e}.work-thumb{aspect-ratio:16/10;border:1px solid var(--line);border-radius:8px;align-items:flex-end;padding:16px;display:flex;position:relative;overflow:hidden}.work-thumb .thumb-label{z-index:1;font:500 13px/1 var(--mono);color:#ffffffe0;letter-spacing:-.005em;position:relative}.work-thumb:after{content:"";opacity:.6;background-image:linear-gradient(90deg,#ffffff0a 1px,#0000 1px),linear-gradient(#ffffff0a 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0}.work-meta{flex-direction:column;gap:10px;display:flex}.work-name{font:500 17px/1.25 var(--sans);letter-spacing:-.01em;color:var(--ink);justify-content:space-between;align-items:center;gap:12px;margin:0;display:flex}.work-name .idx{font:500 11px/1 var(--mono);color:var(--ink-dim)}.work-desc{font:400 14px/1.55 var(--sans);color:var(--ink-muted);text-wrap:pretty;margin:0}.work-outcome{font:400 13px/1.5 var(--mono);border-top:1px solid var(--line);grid-template-columns:64px 1fr;gap:8px 14px;padding-top:14px;display:grid}.work-outcome dt{color:var(--ink-dim)}.work-outcome dd{color:var(--ink-muted);text-wrap:pretty;margin:0}.work-tags{flex-wrap:wrap;gap:6px;display:flex}.work-tags span{font:400 11.5px/1 var(--mono);color:var(--ink-muted);border:1px solid var(--line);background:#ffffff04;border-radius:5px;padding:5px 8px}.contact-wrap{grid-template-columns:140px 1fr;gap:40px;display:grid}@media (width<=720px){.contact-wrap{grid-template-columns:1fr;gap:16px}}.contact-lede{font:500 clamp(26px, 3.6vw, 40px)/1.15 var(--sans);letter-spacing:-.025em;text-wrap:balance;max-width:20ch;color:var(--ink);margin:0 0 28px}.contact-lede .muted{color:var(--ink-dim)}.contact-list{flex-direction:column;gap:0;margin:0;padding:0;list-style:none;display:flex}.contact-list li{border-top:1px solid var(--line)}.contact-list li:last-child{border-bottom:1px solid var(--line)}.contact-list a{font:400 15px/1.2 var(--sans);color:var(--ink);grid-template-columns:120px 1fr auto;align-items:center;gap:18px;padding-block:18px;transition:padding .2s;display:grid}.contact-list a:hover{padding-inline-start:6px}.contact-list .label{font:500 11px/1 var(--mono);color:var(--ink-dim);letter-spacing:.06em;text-transform:uppercase}.contact-list .value{color:var(--ink);font-family:var(--mono);font-size:14px}.contact-list .arrow{color:var(--ink-dim);transition:transform .2s,color .2s}.contact-list a:hover .arrow{color:var(--accent);transform:translate(3px,-3px)}@media (width<=720px){.contact-list a{grid-template-columns:1fr auto;gap:6px 18px}.contact-list .label{grid-column:1/-1}}footer.site-footer{border-top:1px solid var(--line);font:400 12px/1.4 var(--mono);color:var(--ink-dim);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-block:36px 48px;display:flex}.site-footer a{transition:color .15s}.site-footer a:hover{color:var(--ink)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}