:root{--bg:#0a0a0a;--fg:#f2f0eb;--accent:#3ee6c0;--muted:#8c8880;--dim:#6b6862;--line:#333;--line-soft:#1c1c1c;--font-sans:"Space Grotesk", "Helvetica Neue", Arial, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{background:var(--bg);color:var(--fg);-webkit-user-select:none;user-select:none;margin:0;padding:0;overflow-x:clip}body{font-family:var(--font-sans)}a{color:var(--fg);text-decoration:none}a:hover{color:var(--accent)}::selection{background:var(--accent);color:var(--bg)}h1,h2,h3,p{margin:0}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}section[id]{scroll-margin-top:50px}@keyframes rise{0%{transform:translateY(105%)}to{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.progress-bar{background:var(--accent);z-index:100;width:0%;height:3px;position:fixed;top:0;left:0}.section{z-index:0;border-bottom:1px solid var(--fg);position:relative}.section-bar{z-index:40;background:var(--bg);border-bottom:1px solid var(--fg);font-family:var(--font-mono);letter-spacing:.2em;align-items:baseline;gap:18px;padding:18px;font-size:11px;display:flex;position:sticky;top:0}.section-bar .num{color:var(--accent)}.section-bar .sub{color:var(--muted)}.section-bar .wipe{background:var(--accent);transform-origin:0;width:100%;height:1px;transition:transform 1.1s cubic-bezier(.2,.7,.25,1);position:absolute;bottom:-1px;left:0;transform:scaleX(0)}.section-bar.wiped .wipe{transform:scaleX(1)}.ghost-num{font:700 clamp(120px, 22vw, 300px) / .8 var(--font-sans);color:#111;letter-spacing:-.05em;pointer-events:none;z-index:-1;-webkit-user-select:none;user-select:none;position:absolute;top:40px;right:clamp(8px,2vw,28px)}.reveal-rise{opacity:0;transition:opacity .62s cubic-bezier(.2,.7,.3,1),transform .62s cubic-bezier(.2,.7,.3,1);transform:translateY(14px)}.reveal-rise.visible{opacity:1;transform:none}.reveal-slide{opacity:0;transition:opacity .52s,transform .52s cubic-bezier(.2,.7,.3,1);transform:translate(-12px)}.reveal-slide.visible{opacity:1;transform:none}.reveal-heading{overflow:visible}.reveal-heading .line{padding-bottom:.06em;display:block;overflow:hidden}.reveal-heading .line>span{transition:transform .78s cubic-bezier(.2,.75,.25,1);display:block;transform:translateY(105%)}.reveal-heading.visible .line>span{transform:none}.reveal-heading.rise-on-mount .line>span{animation:.82s cubic-bezier(.2,.75,.25,1) both rise}.hero{background-image:linear-gradient(#141414 1px,#0000 1px),linear-gradient(90deg,#141414 1px,#0000 1px);background-size:64px 64px}.hero-canvas{cursor:grab;opacity:0;width:100%;height:100%;transition:opacity .9s;display:block;position:absolute;inset:0}.hero-canvas.ready{opacity:1}.hero-canvas:active{cursor:grabbing}.hero-hint{text-align:right;font-family:var(--font-mono);letter-spacing:.16em;color:var(--dim);pointer-events:none;font-size:10px;position:absolute;bottom:120px;right:18px}.hero-hint .mode{color:var(--accent)}@media (width<=720px){.hero-canvas.ready{opacity:.55}.hero-hint{display:none}}.hero-copy{padding:clamp(48px,8vw,100px) clamp(16px,2.4vw,34px) clamp(40px,8vw,100px);position:relative}.hero-name{font-family:var(--font-mono);letter-spacing:.18em;color:var(--fg);cursor:default;width:fit-content;margin:0 0 16px;font-size:clamp(24px,3.6vw,34px);font-weight:700}.hero-name.glitching{animation:.38s steps(2,end) hero-name-glitch}@keyframes hero-name-glitch{0%,to{opacity:1;transform:translate(0)}20%{opacity:.7;color:var(--accent);transform:translate(-2px,1px)}40%{opacity:1;transform:translate(2px,-1px)}60%{opacity:.75;color:var(--accent);transform:translate(-1px)}80%{opacity:1;transform:translate(1px,1px)}}.eyebrow{font-family:var(--font-mono);letter-spacing:.2em;color:var(--accent);margin:0 0 28px;font-size:11px}.hero-copy .eyebrow{font-size:clamp(13px,1.8vw,16px)}.hero-h1{letter-spacing:-.045em;text-transform:uppercase;width:100%;margin:0;font-size:clamp(38px,11.6vw,186px);font-weight:700;line-height:.86}.hero-h1 .hl{background:var(--accent);color:var(--bg);-webkit-box-decoration-break:clone;box-decoration-break:clone}.hero-h1 .accent-dot{color:var(--accent)}.hero-stats{border-top:1px solid var(--fg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:72px;display:grid;position:relative}.hero-stats>div{border-right:1px solid var(--line);padding:clamp(16px,2.2vw,24px) clamp(14px,2.2vw,30px);transition:background .22s,transform .22s}.hero-stats>div:last-child{border-right:none}.hero-stats>div:hover{background:#3ee6c00d;transform:translateY(-2px)}.hero-stats>div:hover .stat-label{color:var(--accent)}.stat-label{font-family:var(--font-mono);letter-spacing:.16em;color:var(--muted);margin:0 0 8px;font-size:10px}.stat-value{margin:0;font-size:15px;line-height:1.5}.case-study{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));display:grid}.case-study+.case-study{border-top:1px solid var(--fg)}.case-study .text-col{padding:clamp(26px,4vw,56px) clamp(16px,2.4vw,34px)}.case-study .text-col.bordered{border-right:1px solid var(--line)}.kicker{font-family:var(--font-mono);letter-spacing:.18em;color:var(--accent);white-space:nowrap;margin:0 0 18px;font-size:clamp(10px,2.6vw,13px)}.case-h2{letter-spacing:-.035em;text-transform:uppercase;margin:0 0 28px;font-size:clamp(38px,5.6vw,76px);font-weight:700;line-height:.9}.case-lead{max-width:46ch;margin:0 0 18px;font-size:17px;line-height:1.6}.case-detail{color:var(--muted);max-width:46ch;margin:0 0 32px;font-size:15px;line-height:1.6}.stat-row{border-top:1px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));display:grid}.stat-row .cell{border-right:1px solid var(--line);padding:16px 0}.stat-row .cell:first-child{padding-right:16px}.stat-row .cell:not(:first-child){padding-left:16px}.stat-row .cell:last-child{border-right:none}.stat-num{font-family:var(--font-mono);letter-spacing:-.04em;margin:0;font-size:46px;font-weight:700}.stat-num .plus{color:var(--accent)}.stat-tag{font-family:var(--font-mono);letter-spacing:.14em;color:var(--muted);margin:4px 0 0;font-size:10px}.plate-wrap{border-bottom:1px solid var(--line)}.plate{aspect-ratio:var(--ar,4 / 3);background:repeating-linear-gradient(135deg,#141414 0 10px,#0f0f0f 10px 20px);align-items:flex-end;padding:16px;transition:box-shadow .42s,filter .42s;display:flex;position:relative;overflow:hidden}.plate:hover{box-shadow:inset 0 0 0 1px var(--accent);filter:brightness(1.35)}.plate img,.plate video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.plate iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.plate-label{font-family:var(--font-mono);letter-spacing:.1em;color:var(--muted);font-size:11px;position:relative}.plate-caption{font-family:var(--font-mono);letter-spacing:.12em;color:var(--muted);margin:0;padding:10px 16px;font-size:10px}.plate-grid{grid-template-columns:1fr 1fr;display:grid}.plate-grid .plate-wrap{border-right:1px solid var(--line)}.plate-grid .plate-wrap:last-child{border-right:none}.software-plate{border-bottom:none;margin-bottom:24px}.spec-table{font-family:var(--font-mono);border-top:1px solid var(--line);font-size:12px}.spec-table.with-pad{padding:20px 16px 0}.spec-row{border-bottom:1px solid var(--line-soft);justify-content:space-between;padding:12px 16px;transition:background .2s,padding-left .24s cubic-bezier(.2,.7,.3,1),opacity .52s,transform .52s cubic-bezier(.2,.7,.3,1);display:flex}.spec-table.flush .spec-row{padding:12px 0}.spec-row:last-child{border-bottom:none}.spec-row:hover{background:#3ee6c012;padding-left:24px}.spec-table.flush .spec-row:hover{padding-left:8px}.spec-row:hover .v{color:var(--accent)}.spec-row .k{color:var(--muted)}.trace-caption{font-family:var(--font-mono);letter-spacing:.16em;color:var(--muted);margin:0 0 14px;font-size:10px}.trace-block{padding:20px 16px}.trace-canvas{width:100%;height:120px;display:block}.software-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));display:grid}.software-card{border-right:1px solid var(--line);padding:clamp(26px,4vw,56px) clamp(16px,2.4vw,34px);transition:background .26s,transform .4s cubic-bezier(.2,.7,.3,1)}.software-card:last-child{border-right:none}.software-card:hover{background:#3ee6c009;transform:translateY(-4px)}.software-h3{text-transform:uppercase;letter-spacing:-.03em;margin:0 0 10px;font-size:clamp(32px,4vw,54px);font-weight:700;line-height:.92}.software-tag{font-family:var(--font-mono);letter-spacing:.16em;color:var(--accent);margin:0 0 24px;font-size:10px}.software-body{margin:0 0 16px;font-size:16px;line-height:1.6}.software-stack{font-family:var(--font-mono);letter-spacing:.1em;color:var(--muted);margin:0;font-size:11px}.index-row{border-bottom:1px solid var(--line-soft);grid-template-columns:64px minmax(180px,1fr) minmax(0,1.6fr) 150px;align-items:center;gap:6px 18px;padding:clamp(16px,2.2vw,24px) clamp(14px,2.2vw,30px);transition:background .22s,color .22s,padding-left .26s cubic-bezier(.2,.7,.3,1);display:grid;position:relative}a.index-row:hover{background:var(--accent);color:var(--bg);padding-left:calc(clamp(14px,2.2vw,30px) + 10px)}a.index-row:hover .idx-num,a.index-row:hover .idx-tag{color:inherit}.index-row .rail{background:var(--bg);transform-origin:top;width:2px;transition:transform .3s cubic-bezier(.2,.7,.3,1);position:absolute;top:0;bottom:0;left:0;transform:scaleY(0)}a.index-row:hover .rail{transform:scaleY(1)}.index-row .idx-num{font-family:var(--font-mono);color:var(--muted);font-size:12px}.index-row .idx-title{text-transform:uppercase;letter-spacing:-.01em;font-size:22px;font-weight:500}.index-row .idx-desc{font-size:15px;line-height:1.5}.index-row .idx-tag{font-family:var(--font-mono);letter-spacing:.1em;font-size:11px}.index-row.muted{color:var(--muted)}@media (width<=1079px) and (width>=760px){.index-row{grid-template-columns:56px minmax(150px,1fr) minmax(0,1.4fr)}.index-row .idx-tag{display:none}}@media (width<=759px){.index-row{grid-template-columns:48px minmax(0,1fr);align-items:start;row-gap:10px}.index-row .idx-desc{grid-column:2}.index-row .idx-tag{color:var(--muted);grid-column:2}}.about-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));align-items:start;display:grid}.about-col{border-right:1px solid var(--line)}.about-col:last-child{border-right:none}.about-subbar{border-bottom:1px solid var(--line);font-family:var(--font-mono);letter-spacing:.2em;color:var(--muted);align-items:baseline;gap:18px;padding:18px;font-size:11px;display:flex}.about-body{padding:clamp(26px,4vw,56px) clamp(16px,2.4vw,34px)}.about-h2{text-transform:uppercase;letter-spacing:-.035em;margin:0 0 28px;font-size:clamp(32px,4.4vw,60px);font-weight:700;line-height:.92}.about-h2 .hl{background:var(--accent);color:var(--bg);-webkit-box-decoration-break:clone;box-decoration-break:clone}.about-p{max-width:52ch;margin:0 0 14px;font-size:17px;line-height:1.5}.about-p.muted{color:var(--muted);font-size:16px}.about-p:last-child{margin-bottom:0}@media (width<=759px){.about-p{margin-bottom:12px;font-size:15px;line-height:1.45}.about-p.muted{font-size:14px}}.record{grid-template-columns:130px 1fr;font-size:16px;display:grid}.record-year,.record-desc{border-bottom:1px solid var(--line-soft);padding:clamp(16px,2.2vw,24px) clamp(14px,2.2vw,30px);transition:background .22s,color .22s,padding-left .22s;position:relative}.record-year{font-family:var(--font-mono);letter-spacing:.1em;color:var(--accent);align-items:center;gap:8px;font-size:11px;display:flex}.record-year.muted{color:var(--muted)}.record-desc{border-left:1px solid var(--line-soft)}.record-year:hover,.record-desc:hover{background:#3ee6c012;padding-left:calc(clamp(14px,2.2vw,30px) + 6px)}.record-live-dot{background:var(--accent);border-radius:50%;flex:none;width:6px;height:6px;animation:1.8s ease-in-out infinite record-pulse}@keyframes record-pulse{0%,to{opacity:1;box-shadow:0 0 #3ee6c08c}50%{opacity:.55;box-shadow:0 0 0 4px #3ee6c000}}footer{padding:clamp(48px,7vw,88px) clamp(16px,2.4vw,34px) 24px}.footer-h2{letter-spacing:-.045em;text-transform:uppercase;margin:0 0 40px;font-size:clamp(44px,11vw,168px);font-weight:700;line-height:.84}.footer-links{border-top:1px solid var(--fg);border-left:1px solid var(--fg);flex-wrap:wrap;gap:0;display:flex}.footer-links a{z-index:0;border-right:1px solid var(--fg);border-bottom:1px solid var(--fg);font-family:var(--font-mono);letter-spacing:.14em;flex:200px;padding:clamp(16px,2.2vw,24px) clamp(14px,2.2vw,30px);font-size:12px;transition:color .12s;position:relative;overflow:hidden}.footer-links a:before{content:"";background:var(--accent);transform-origin:0;z-index:-1;transition:transform .38s cubic-bezier(.2,.75,.25,1);position:absolute;inset:0;transform:scaleX(0)}.footer-links a:hover{color:var(--bg)}.footer-links a:hover:before{transform:scaleX(1)}.footer-note{font-family:var(--font-mono);letter-spacing:.16em;color:var(--dim);margin:24px 0 0;font-size:10px}.cursor-readout{z-index:90;pointer-events:none;mix-blend-mode:difference;opacity:0;will-change:transform;transition:opacity .3s;position:fixed;top:0;left:0}.cursor-readout.active{opacity:1}.cursor-readout .bar-h{background:var(--accent);width:26px;height:1px;position:absolute;transform:translate(-50%)}.cursor-readout .bar-v{background:var(--accent);width:1px;height:26px;position:absolute;transform:translateY(-50%)}.cursor-readout .readout{font:500 10px/1.4 var(--font-mono);letter-spacing:.14em;color:var(--accent);white-space:nowrap;position:absolute;top:10px;left:16px}@media (hover:none){.cursor-readout{display:none}}.project-topbar{z-index:40;background:var(--bg);border-bottom:1px solid var(--fg);padding:18px;position:sticky;top:0}.project-back{font-family:var(--font-mono);letter-spacing:.16em;font-size:11px}.project-hero{border-bottom:1px solid var(--fg);background-image:linear-gradient(#141414 1px,#0000 1px),linear-gradient(90deg,#141414 1px,#0000 1px);background-size:64px 64px;flex-direction:column;justify-content:center;min-height:62vh;display:flex;position:relative}.project-hero-copy{z-index:1;pointer-events:none;padding:clamp(32px,6vw,64px) clamp(16px,2.4vw,34px);position:relative}.project-hero-h1{font-size:clamp(34px,8vw,120px)}.project-tagline{color:var(--fg);max-width:52ch;margin:20px 0 0;font-size:17px;line-height:1.6}.project-body>.case-study:first-child{border-top:none}.project-article{max-width:720px;margin:0 auto;padding:clamp(32px,5vw,64px) clamp(16px,2.4vw,34px)}.project-article .kicker{margin-top:48px}.project-article .kicker:first-child{margin-top:0}.project-article .case-lead,.project-article .case-detail{max-width:none}.project-article .stat-row{margin:8px 0}.project-article .project-highlights{margin-top:24px}.project-article .spec-table{margin-top:16px}.project-article .software-tag{margin-top:24px;margin-bottom:0}.article-image{margin:32px 0 40px}.article-image.portrait{max-width:320px;margin-left:auto;margin-right:auto}.article-image .plate-wrap{border:1px solid var(--line)}.article-image-note{color:var(--muted);margin:14px 0 0;font-size:15px;line-height:1.6}.project-nav{border-top:1px solid var(--fg);display:flex}.project-nav-link{font-family:var(--font-mono);letter-spacing:.14em;flex:50%;padding:clamp(20px,3vw,32px) clamp(16px,2.4vw,34px);font-size:12px;transition:background .16s,color .16s}.project-nav-link:first-child{border-right:1px solid var(--fg);text-align:left}.project-nav-link:last-child{text-align:right}.project-nav-link:hover{background:var(--accent);color:var(--bg)}.project-highlights{gap:10px;margin:0 0 32px;padding:0;list-style:none;display:grid}.project-highlights li{color:var(--fg);padding-left:22px;font-size:15px;line-height:1.5;position:relative}.project-highlights li:before{content:"";background:var(--accent);width:8px;height:2px;position:absolute;top:.55em;left:0}.case-cta{font-family:var(--font-mono);letter-spacing:.14em;color:var(--accent);border:1px solid var(--accent);margin-top:24px;padding:10px 16px;font-size:11px;transition:color .16s,background .16s,border-color .16s;display:inline-block}.case-cta:hover{color:var(--bg);background:var(--accent)}.crt-egg-overlay{z-index:999;background:#0a0a0af0;justify-content:center;align-items:center;padding:24px;animation:.2s crt-egg-fade;display:flex;position:fixed;inset:0}@keyframes crt-egg-fade{0%{opacity:0}to{opacity:1}}.crt-egg-panel{border:1px solid var(--dim);background:var(--bg);flex-direction:column;align-items:center;width:min(720px,100%);padding:clamp(16px,3vw,32px);display:flex;position:relative}.crt-egg-close{font-family:var(--font-mono);letter-spacing:.14em;color:var(--muted);border:1px solid var(--dim);cursor:pointer;background:0 0;padding:6px 10px;font-size:11px;transition:color .16s,border-color .16s;position:absolute;top:12px;right:12px}@media (hover:hover) and (pointer:fine){.crt-egg-close:hover{color:var(--accent);border-color:var(--accent)}}.crt-egg-canvas{aspect-ratio:4/3;cursor:grab;opacity:0;touch-action:none;width:100%;max-height:60vh;transition:opacity .32s}.crt-egg-canvas.ready{opacity:1}.crt-egg-canvas:active{cursor:grabbing}.crt-egg-caption{font-family:var(--font-mono);letter-spacing:.14em;color:var(--accent);text-align:center;margin:20px 0 0;font-size:11px}.crt-egg-caption span{letter-spacing:.01em;color:var(--muted);font-size:13px;line-height:1.6;font-family:var(--font-sans,inherit);max-width:52ch;margin-top:10px;display:block}.crt-egg-link{max-width:100%;font-family:var(--font-mono);letter-spacing:.14em;color:var(--accent);border:1px solid var(--accent);text-align:center;white-space:normal;margin-top:18px;padding:10px 16px;font-size:11px;transition:color .16s,background .16s,border-color .16s;display:inline-block}@media (hover:hover) and (pointer:fine){.crt-egg-link:hover{color:var(--bg);background:var(--accent)}}.crt-egg-link:active{color:var(--bg);background:var(--accent)}