:root{--fg:#c8c4bb;--bg:#1a1916;--muted:#6b6862;--line:#c8c4bb;--accent:#f60;--accent-soft:#8c8980;--rule:1px;--mono:"JetBrains Mono","SFMono-Regular","Menlo",monospace;--serif:"Times New Roman",Times,serif;--sans:"Inter",-apple-system,BlinkMacSystemFont,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:60px}body,html{background:var(--bg);color:var(--fg);font-family:var(--sans);font-size:16px;line-height:1.4;-webkit-font-smoothing:antialiased;cursor:none;text-rendering:optimizeLegibility}@media(max-width:900px){body,html{cursor:auto}}body{overflow-x:hidden;position:relative}body:before{animation:grain .6s steps(4) infinite;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 0.12  0 0 0 0 0.12  0 0 0 0 0.10  0 0 0 0.6 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");background-size:200px 200px;content:"";inset:0;mix-blend-mode:multiply;opacity:.18;pointer-events:none;position:fixed;z-index:50}@keyframes grain{0%{transform:translate(0)}25%{transform:translate(-3%,2%)}50%{transform:translate(2%,-3%)}75%{transform:translate(-2%,-2%)}to{transform:translate(0)}}@media(prefers-reduced-motion:reduce){body:before{animation:none}}a{text-decoration:none}a,button{color:inherit}button{background:none;border:none;cursor:none;font:inherit}img{display:block;max-width:100%}::-moz-selection{background:var(--accent);color:var(--bg)}::selection{background:var(--accent);color:var(--bg)}.shell{border-left:var(--rule) solid var(--line);border-right:var(--rule) solid var(--line);margin:0 24px;min-height:100vh;position:relative}@media(max-width:700px){.shell{margin:0 12px}}.grid-markers{background-image:linear-gradient(90deg,hsla(0,0%,4%,.06) 1px,transparent 0),linear-gradient(180deg,hsla(0,0%,4%,.06) 1px,transparent 0);background-size:8.33333% 80px;display:none;inset:0;pointer-events:none;position:fixed;z-index:1}.show-grid .grid-markers{display:block}.nav{align-items:center;background:var(--bg);border-bottom:var(--rule) solid var(--line);display:grid;font-family:var(--mono);font-size:11px;grid-template-columns:1fr auto 1fr;left:0;letter-spacing:.04em;padding:16px 40px;position:fixed;right:0;text-transform:uppercase;top:0;z-index:100}@media(max-width:700px){.nav{font-size:10px;padding:12px 20px}}.nav-left,.nav-right{align-items:center;display:flex;gap:20px}.nav-right{justify-content:flex-end}.nav-center{font-weight:600}.nav a{padding:4px 0;position:relative}.nav a:hover{color:var(--accent)}.nav .status-dot{animation:pulse 1.6s ease-in-out infinite;background:var(--accent);border-radius:50%;display:inline-block;height:8px;margin-right:6px;vertical-align:1px;width:8px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.nav-counter{color:var(--muted);font-variant-numeric:tabular-nums}.section{position:relative}.section,.section-head{border-bottom:var(--rule) solid var(--line)}.section-head{align-items:baseline;display:grid;font-family:var(--mono);font-size:11px;grid-template-columns:80px 1fr 80px;letter-spacing:.04em;padding:18px 40px;text-transform:uppercase}.section-head .num{color:var(--muted);font-variant-numeric:tabular-nums}.section-head .label{font-weight:600}.section-head .meta{color:var(--muted);text-align:right}@media(max-width:700px){.section-head{font-size:10px;grid-template-columns:60px 1fr 60px;padding:14px 20px}}.hero{padding:120px 40px 80px;position:relative}@media(max-width:700px){.hero{padding:100px 20px 60px}}.hero-tag{align-items:center;color:var(--muted);display:flex;font-family:var(--mono);font-size:11px;gap:8px;letter-spacing:.04em;margin-bottom:32px;text-transform:uppercase}.hero-tag:before{background:var(--muted);content:"";display:inline-block;height:1px;width:24px}.hero-statement{font-family:var(--serif);font-size:clamp(48px,9vw,140px);font-weight:400;letter-spacing:-.03em;line-height:.92;margin-bottom:56px;text-wrap:balance}.hero-statement em{color:var(--muted);font-style:italic}.hero-statement .dot{color:var(--accent);cursor:none;display:inline-block;transition:transform .2s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.hero-statement .dot.spinning{animation:spin .6s ease-out}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.hero-meta{background:var(--line);border-bottom:var(--rule) solid var(--line);border-top:var(--rule) solid var(--line);display:grid;gap:1px;grid-template-columns:1fr 1fr 1fr 1fr;margin:0 -40px}@media(max-width:900px){.hero-meta{grid-template-columns:1fr 1fr}}@media(max-width:700px){.hero-meta{grid-template-columns:1fr 1fr;margin:0 -20px}}.hero-meta-cell{background:var(--bg);font-family:var(--mono);font-size:11px;letter-spacing:.04em;padding:20px 40px;text-transform:uppercase}@media(max-width:700px){.hero-meta-cell{padding:16px 20px}}.hero-meta-cell .k{color:var(--muted);margin-bottom:8px}.hero-meta-cell .v{font-size:13px;font-weight:600}.hero-meta-cell .v a:hover{color:var(--accent)}.about{display:grid;gap:0;grid-template-columns:1fr 1fr}@media(max-width:900px){.about{grid-template-columns:1fr}}.about-col{border-right:var(--rule) solid var(--line);padding:40px}.about-col:last-child{border-right:none}@media(max-width:900px){.about-col{border-bottom:var(--rule) solid var(--line);border-right:none}.about-col:last-child{border-bottom:none}}@media(max-width:700px){.about-col{padding:28px 20px}}.about-label{color:var(--muted);font-family:var(--mono);font-size:11px;letter-spacing:.04em;margin-bottom:24px;text-transform:uppercase}.about p{font-family:var(--serif);font-size:22px;line-height:1.4;margin-bottom:16px;text-wrap:pretty}.about strong{background:var(--accent);color:var(--bg);font-weight:400;padding:0 4px}.project-row,.projects-list{position:relative}.project-row{align-items:center;border-bottom:var(--rule) solid var(--line);display:grid;grid-template-columns:80px 1fr 240px 120px 80px;padding:28px 40px;transition:background .2s,color .2s}.project-row:last-child{border-bottom:none}.project-row:hover{background:var(--fg);color:var(--bg)}.project-row:hover .project-arrow{color:var(--accent);transform:translate(4px)}.project-row .num{color:var(--muted);font-family:var(--mono);font-size:11px}.project-row:hover .num{color:var(--bg);opacity:.6}.project-name{font-family:var(--serif);font-size:clamp(28px,4vw,56px);font-weight:400;letter-spacing:-.02em;line-height:1}.project-stack{color:var(--muted);display:flex;flex-wrap:wrap;font-family:var(--mono);font-size:11px;gap:4px 8px;letter-spacing:.04em;text-transform:uppercase}.project-row:hover .project-stack{color:var(--bg);opacity:.7}.project-year{color:var(--muted);font-family:var(--mono);font-size:11px;letter-spacing:.04em;text-align:right}.project-row:hover .project-year{color:var(--bg);opacity:.6}.project-arrow{font-family:var(--mono);font-size:16px;text-align:right;transition:transform .2s,color .2s}@media(max-width:1100px){.project-row{grid-template-columns:60px 1fr 100px 60px}.project-stack{display:none}}@media(max-width:700px){.project-row{gap:12px;grid-template-columns:40px 1fr 30px;padding:20px}.project-year{display:none}}.project-preview{background:var(--fg);border:1px solid var(--line);height:240px;opacity:0;overflow:hidden;pointer-events:none;position:fixed;transform:translate(-50%,-50%) scale(.95);transition:opacity .18s,transform .18s;width:380px;z-index:90}.project-preview.active{opacity:1;transform:translate(-50%,-50%) scale(1)}.project-preview-inner{align-items:center;background:repeating-linear-gradient(45deg,#0a0a0a,#0a0a0a 8px,#1a1a1a 0 16px);display:flex;height:100%;justify-content:center;position:relative;width:100%}.project-preview-inner .label{background:var(--fg);border:1px solid var(--bg);color:var(--bg);font-family:var(--mono);font-size:11px;letter-spacing:.08em;padding:20px;text-align:center;text-transform:uppercase;z-index:2}.project-preview-inner .label .name{color:var(--bg);display:block;font-family:var(--serif);font-size:24px;letter-spacing:-.02em;margin-bottom:6px;text-transform:none}@media(max-width:900px){.project-preview{display:none}}.contact{padding:80px 40px 60px;text-align:left}@media(max-width:700px){.contact{padding:60px 20px 40px}}.contact-statement{font-family:var(--serif);font-size:clamp(36px,6vw,96px);letter-spacing:-.03em;line-height:.95;margin-bottom:40px;text-wrap:balance}.contact-statement em{color:var(--muted);font-style:italic}.contact-email{border:1px solid var(--line);display:inline-block;font-family:var(--mono);font-size:13px;letter-spacing:.04em;padding:14px 20px;text-transform:uppercase;transition:background .15s,color .15s}.contact-email:hover{background:var(--line);color:var(--bg)}.contact-email .arrow{display:inline-block;margin-left:12px}.contact-meta{color:var(--muted);display:flex;flex-wrap:wrap;font-family:var(--mono);font-size:11px;gap:32px;letter-spacing:.04em;margin-top:48px;text-transform:uppercase}.contact-meta a:hover{color:var(--accent)}.footer{border-top:var(--rule) solid var(--line);color:var(--muted);display:grid;font-family:var(--mono);font-size:11px;grid-template-columns:1fr 1fr 1fr;letter-spacing:.04em;padding:24px 40px;text-transform:uppercase}.footer .center{text-align:center}.footer .right{text-align:right}@media(max-width:700px){.footer{font-size:10px;gap:6px;grid-template-columns:1fr;padding:16px 20px}.footer .center,.footer .right{text-align:left}}.cursor{height:16px;left:0;mix-blend-mode:difference;pointer-events:none;position:fixed;top:0;transform:translate(-50%,-50%);width:16px;z-index:9999}.cursor:after,.cursor:before{background:#fff;content:"";position:absolute}.cursor:before{bottom:0;left:50%;top:0;transform:translate(-50%);width:1px}.cursor:after{height:1px;left:0;right:0;top:50%;transform:translateY(-50%)}.cursor.hovering{height:36px;transition:width .15s,height .15s;width:36px}.cursor-label{background:var(--accent);color:var(--bg);font-family:var(--mono);font-size:10px;left:0;letter-spacing:.06em;opacity:0;padding:4px 8px;pointer-events:none;position:fixed;text-transform:uppercase;top:0;transform:translate(20px,20px);transition:opacity .15s;z-index:9999}.cursor-label.active{opacity:1}@media(max-width:900px){.cursor,.cursor-label{display:none}}.terminal{align-items:flex-start;background:#0a0a0af0;display:none;font-family:var(--mono);inset:0;justify-content:center;padding:80px 40px;position:fixed;z-index:9000}.terminal.open{display:flex}.terminal-window{background:var(--fg);border:1px solid var(--bg);color:var(--bg);font-size:13px;line-height:1.6;max-width:720px;width:100%}.terminal-bar{border-bottom:1px solid var(--bg);display:flex;font-size:11px;justify-content:space-between;letter-spacing:.04em;opacity:.7;padding:8px 12px;text-transform:uppercase}.terminal-body{height:360px;overflow-y:auto;padding:16px}.terminal-body .line{white-space:pre-wrap}.terminal-body .prompt{color:var(--accent)}.terminal-input-row{align-items:center;border-top:1px solid var(--bg);display:flex;gap:8px;padding:10px 16px}.terminal-input-row input{background:transparent;border:none;color:var(--bg);cursor:none;flex:1;outline:none}.deploy,.terminal-input-row input{font-family:var(--mono);font-size:13px}.deploy{align-items:flex-start;background:var(--bg);display:none;flex-direction:column;inset:0;justify-content:center;line-height:1.8;padding:60px;position:fixed;z-index:9500}.deploy.open{display:flex}.deploy-line{white-space:pre}.deploy-line .ok{color:var(--accent)}.marquee{border-bottom:var(--rule) solid var(--line);border-top:var(--rule) solid var(--line);font-family:var(--serif);font-size:64px;letter-spacing:-.02em;overflow:hidden;padding:16px 0;white-space:nowrap}@media(max-width:700px){.marquee{font-size:40px}}.marquee-track{animation:scroll 40s linear infinite;display:inline-flex;gap:40px}.marquee-item{align-items:center;display:inline-flex;gap:40px}.marquee-item:after{color:var(--accent);content:"✦";font-family:var(--sans);font-size:24px}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}kbd{background:var(--bg);border:1px solid var(--line);font-family:var(--mono);font-size:10px;padding:2px 6px}