:root{--black: #0a0a0a;--white: #f5f4f0;--pure-white: #f5f4f0;--grey-1: #111111;--grey-2: #1a1a1a;--grey-3: #2a2a2a;--grey-mid: #555555;--grey-light: #999999;--grey-rule: #1e1e1e;--signal: #ff2800;--accent: #ff2800;--accent-dim: rgba(255,40,0,.1);--font-body: "Barlow", sans-serif;--font-mono: "IBM Plex Mono", monospace;--nav-h: 64px;--t: .08s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--black);color:var(--white);transition:background var(--t),color var(--t);min-height:100vh}body.work-mode{background:var(--pure-white);color:var(--black)}body:before{content:"";position:fixed;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.025) 2px,rgba(0,0,0,.025) 4px);pointer-events:none;z-index:1000;opacity:1;transition:opacity var(--t)}body.work-mode:before{opacity:0}#flash{position:fixed;inset:0;z-index:9999;pointer-events:none;opacity:0}nav{position:fixed;top:0;left:0;right:0;height:var(--nav-h);display:flex;align-items:center;padding:0 clamp(1.5rem,5vw,4rem);z-index:100;border-bottom:1px solid rgba(255,255,255,.05);backdrop-filter:blur(12px);background:#0a0a0ae0;transition:background var(--t),border-color var(--t)}body.work-mode nav{border-bottom:1px solid rgba(0,0,0,.07);background:#f5f4f0eb}.nav-inner{display:flex;align-items:baseline;width:100%;gap:0}.mode-btn{font-family:var(--font-body);font-weight:700;font-size:clamp(1.6rem,4vw,2.6rem);letter-spacing:-.018em;cursor:pointer;border:none;background:none;color:inherit;padding:0;line-height:1;text-transform:uppercase;transition:opacity var(--t),letter-spacing .15s ease;text-decoration:none}body.work-mode .mode-btn{letter-spacing:-.013em}#btn-lab{margin-right:clamp(.3rem,.8vw,.6rem)}body:not(.work-mode):not(.about-mode) #btn-lab{opacity:1}body:not(.work-mode) #btn-work{opacity:.42}body.work-mode #btn-work{opacity:1;color:#000}body.work-mode #btn-lab,body.about-mode #btn-lab{opacity:.42}body.about-mode #btn-work{opacity:.42;color:var(--white)}body.about-mode .nav-about{opacity:1;border-bottom:5px solid var(--signal);padding-bottom:4px}.nav-mode-wrap{position:relative;display:flex;align-items:baseline;gap:clamp(.6rem,1.5vw,1.2rem)}.nav-underline{position:absolute;bottom:-8px;height:5px;width:0;background:var(--accent);transition:left .22s cubic-bezier(.4,0,.2,1),background .15s ease;pointer-events:none}.nav-divider{font-family:var(--font-mono);font-size:.85rem;opacity:.2;margin:0 clamp(.6rem,1.5vw,1.2rem);align-self:center}.nav-about{font-family:var(--font-body);font-weight:800;font-size:clamp(.65rem,1.3vw,.8rem);letter-spacing:.12em;text-transform:uppercase;opacity:.55;cursor:pointer;border:none;background:none;color:inherit;transition:opacity var(--t),letter-spacing .15s ease;align-self:center;text-decoration:none}body.work-mode .nav-about{letter-spacing:.14em}.nav-about:hover{opacity:1}.page{padding-top:var(--nav-h);min-height:100vh}#page-lab{background:var(--black)}.lab-hero{padding:clamp(4rem,10vh,7rem) clamp(1.5rem,5vw,4rem) clamp(3rem,6vh,5rem);border-bottom:1px solid var(--grey-rule);position:relative;overflow:hidden}.lab-hero:after{content:"AT-UNIT-09";position:absolute;bottom:1.5rem;right:clamp(1.5rem,5vw,4rem);font-family:var(--font-mono);font-size:.6rem;letter-spacing:.18em;color:var(--grey-mid);text-transform:uppercase}.lab-signal-tag{font-family:var(--font-mono);font-size:.78rem;letter-spacing:.22em;color:var(--signal);text-transform:uppercase;margin-bottom:2rem;display:flex;align-items:center;gap:.7rem}.lab-signal-tag:before{content:"";display:inline-block;width:6px;height:6px;background:var(--signal);border-radius:50%;animation:pulse 2.2s ease infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.2}}.lab-hero-statement{font-family:var(--font-body);font-weight:300;font-size:clamp(3rem,6vw,5rem);line-height:1.08;letter-spacing:-.025em;color:var(--white);max-width:820px;margin-bottom:2.5rem}.lab-stamp{display:inline-block;background:var(--signal);color:var(--black);font-family:var(--font-mono);font-weight:500;font-size:clamp(.7rem,1.4vw,.85rem);letter-spacing:.2em;text-transform:uppercase;padding:.35rem .85rem;margin-bottom:2rem;position:relative}.lab-stamp:before{content:"";position:absolute;inset:-2px;border:1px solid var(--signal);opacity:.4;transform:rotate(-.4deg)}.lab-sub{font-family:var(--font-mono);font-size:.99rem;color:var(--grey-light);letter-spacing:.04em;max-width:460px;line-height:1.9}.lab-grid{padding:clamp(3rem,6vh,5rem) clamp(1.5rem,5vw,4rem) clamp(4rem,8vh,7rem)}.lab-grid-header{font-family:var(--font-mono);font-size:.78rem;letter-spacing:.22em;color:var(--grey-light);text-transform:uppercase;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--grey-rule)}.lab-entries{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--grey-rule)}.lab-entry{background:var(--black);padding:2rem;cursor:pointer;transition:background var(--t);position:relative}.lab-entry:hover{background:var(--grey-2)}.lab-entry-status{font-family:var(--font-mono);font-size:.58rem;letter-spacing:.22em;text-transform:uppercase;margin-bottom:1.25rem;display:flex;align-items:center;gap:.5rem}.status-active{color:var(--signal)}.status-form{color:var(--grey-mid)}.status-future{color:var(--grey-3)}.status-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0}.status-active .status-dot{background:var(--signal);animation:pulse 2.2s ease infinite}.status-form .status-dot{background:var(--grey-mid)}.status-future .status-dot{background:var(--grey-3)}.lab-entry-title{font-family:var(--font-body);font-weight:600;font-size:1.05rem;letter-spacing:-.01em;color:var(--white);margin-bottom:.8rem}.lab-entry-desc{font-family:var(--font-mono);font-size:.88rem;line-height:1.9;color:var(--grey-light)}.lab-entry-tag{position:absolute;top:2rem;right:2rem;font-family:var(--font-mono);font-size:.58rem;letter-spacing:.12em;color:var(--grey-3);text-transform:uppercase}.lab-entry-link{text-decoration:none;color:inherit;display:block}#page-work{background:var(--pure-white);color:var(--black);min-height:calc(100vh - var(--nav-h));display:flex;flex-direction:column}.work-reel-hero{width:100%;height:70vh;background:var(--pure-white);display:flex;align-items:center;justify-content:center;cursor:pointer;border-bottom:1px solid rgba(0,0,0,.08);transition:background .15s ease}.work-reel-hero:hover{background:#f0efeb}.work-reel-play{display:flex;flex-direction:column;align-items:center;gap:2.5rem}.work-reel-play-btn{width:0;height:0;border-top:40px solid transparent;border-bottom:40px solid transparent;border-left:70px solid #000}.work-reel-embed{width:100%;background:#000}.filter-bar{display:flex;align-items:center;padding:0 clamp(1.5rem,5vw,4rem);border-bottom:1px solid rgba(0,0,0,.07);position:relative;overflow:hidden}.filter-scroll{display:flex;align-items:center;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:1.2rem 0;gap:0;flex:1}.filter-scroll::-webkit-scrollbar{display:none}.filter-btn{font-family:var(--font-mono);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;background:none;border:none;cursor:pointer;color:var(--black);opacity:.3;padding:.3rem 0;margin-right:2.2rem;white-space:nowrap;transition:opacity var(--t);border-bottom:1px solid transparent;flex-shrink:0}.filter-btn.active{opacity:1;border-bottom:1px solid var(--accent)}.filter-btn:hover{opacity:.65}.filter-arrow{font-family:var(--font-mono);font-size:.9rem;color:#0003;padding-left:.5rem;flex-shrink:0;pointer-events:none;display:none}.work-grid{display:grid;grid-template-columns:repeat(5,1fr);margin-top:4rem}@media(max-width:1200px){.work-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.work-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.work-grid{grid-template-columns:1fr}}.work-card{background:var(--pure-white);aspect-ratio:4/3;position:relative;overflow:hidden;cursor:pointer;border:1px solid white}.work-card-bg{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:.58rem;letter-spacing:.15em;color:#0000001a;text-transform:uppercase;transition:transform .35s ease}.work-card:hover .work-card-bg{transform:scale(1.03)}.work-card-overlay{position:absolute;inset:0;background:#000000e6;display:flex;flex-direction:column;justify-content:flex-end;padding:1.5rem;opacity:0;transition:opacity .22s ease;overflow:hidden}.work-card:hover .work-card-overlay{opacity:1}.work-card-title{font-family:var(--font-body);font-weight:600;font-size:.95rem;color:var(--white);margin-bottom:.6rem;letter-spacing:-.01em;word-break:break-word;line-height:1.3}.work-card-meta{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.1em;color:#fff6;line-height:2;text-transform:uppercase}.work-card-meta span{display:block}.work-card-cat{position:absolute;top:1rem;left:1rem;font-family:var(--font-mono);font-size:.52rem;letter-spacing:.15em;text-transform:uppercase;padding:.22rem .5rem;font-weight:500;z-index:2}.work-archive-line{padding:2rem clamp(1.5rem,5vw,4rem);font-family:var(--font-mono);font-size:.78rem;letter-spacing:.08em;color:var(--grey-mid)}#page-about{background:var(--black);color:var(--white);padding:clamp(4rem,10vh,7rem) clamp(1.5rem,5vw,4rem) 4rem}body.work-mode #page-about{background:var(--pure-white);color:var(--black)}.about-inner{max-width:680px}.about-title{font-family:var(--font-body);font-weight:700;font-size:clamp(3rem,7vw,5.5rem);letter-spacing:-.035em;line-height:.9;text-transform:uppercase;margin-bottom:3rem}.about-block{margin-bottom:2rem}.about-line{font-family:var(--font-body);font-weight:400;font-size:clamp(1rem,2.2vw,1.3rem);line-height:1.5;letter-spacing:-.01em;color:var(--white);margin-bottom:.3rem}.about-inner .node-diagram{width:calc(100% + 4rem);margin-left:-2rem;margin-right:-2rem}body.work-mode .about-line{color:var(--black)}.about-line.dim{color:#f5f4f08c;font-size:clamp(.9rem,1.8vw,1.1rem)}body.work-mode .about-line.dim{color:#0a0a0a59}.node-diagram{margin:3rem 0;width:100%;border:1px solid var(--grey-rule);position:relative;padding-top:1.2rem}body.work-mode .node-diagram{border-color:#0000001a}.node-diagram-label{position:absolute;top:-.55rem;left:1.2rem;font-family:var(--font-mono);font-size:.78rem;letter-spacing:.18em;color:var(--grey-mid);text-transform:uppercase;background:var(--black);padding:0 .5rem}body.work-mode .node-diagram-label{color:#0000004d;background:var(--pure-white)}.node-row{display:flex;align-items:center;padding:1rem 1.5rem;gap:6px;border-bottom:1px solid var(--grey-rule)}body.work-mode .node-row{border-bottom-color:#00000014}.node-item{flex:1;display:flex;flex-direction:column}.node{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;padding:.5rem .85rem;border:1px solid var(--grey-rule);color:#f5f4f04d;white-space:nowrap;cursor:pointer;transition:border-color .15s ease,color .15s ease;width:100%}body.work-mode .node{border-color:#0000001f;color:#0000004d}.node:hover{border-color:#fff3;color:#f5f4f08c}body.work-mode .node:hover{border-color:#00000040;color:#0000008c}.node.open{border-color:var(--signal);color:#f5f4f0e6}body.work-mode .node.open{border-color:var(--signal);color:#000000e6}.node-arrow{font-family:var(--font-mono);font-size:.65rem;color:var(--grey-3);flex-shrink:0}.node-inline-desc{display:none}.node-panel{padding:1.25rem 1.5rem}.node-panel-title{font-family:var(--font-mono);font-size:.88rem;letter-spacing:.15em;text-transform:uppercase;color:#f5f4f080;margin-bottom:.8rem}body.work-mode .node-panel-title{color:#0006}.node-panel-desc{font-family:var(--font-mono);font-size:.88rem;line-height:1.9;color:#f5f4f080}body.work-mode .node-panel-desc{color:#00000059}@media(max-width:768px){.node-row{flex-direction:column;align-items:stretch;gap:0;padding:0}.node-item{border-bottom:1px solid var(--grey-rule)}.node-arrow{display:none}.node{white-space:normal;border:none;border-left:1px solid var(--grey-rule);padding:1rem 1.5rem;margin:.5rem}.node.open{border-left:3px solid var(--signal);color:#f5f4f0e6}.node-inline-desc{display:none;font-family:var(--font-mono);font-size:.7rem;line-height:1.9;color:#f5f4f080;padding:0 1.5rem 1rem}.node-inline-desc.open{display:block}.node-panel{display:none}}body.work-mode .node-arrow{color:#0003}.about-rule{border:none;border-top:1px solid var(--grey-rule);margin:3rem 0}body.work-mode .about-rule{border-top-color:#0000001a}.about-bio{font-family:var(--font-mono);font-size:.88rem;line-height:2.1;color:#f5f4f099}.about-bio strong{color:var(--white);font-weight:500}body.work-mode .about-bio strong{color:var(--black)}body.work-mode .about-bio{color:#0006}.about-contact{color:var(--white);text-decoration:none;letter-spacing:.06em;border-bottom:1px solid rgba(255,255,255,.3);transition:border-color .15s ease}.about-contact:hover{border-bottom-color:var(--white)}body.work-mode .about-contact{color:var(--black);border-bottom:1px solid rgba(0,0,0,.3)}body.work-mode .about-contact:hover{border-bottom-color:var(--black)}.site-footer{padding:12vh clamp(1.5rem,5vw,4rem);border-top:1px solid var(--grey-rule);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-top:5rem}body.work-mode .site-footer{border-top-color:#00000012}.footer-mark{font-family:var(--font-mono);font-size:.88rem;letter-spacing:.15em;color:var(--grey-light);text-transform:uppercase}body.work-mode .footer-mark{color:#0000004d}.footer-coord{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.1em;color:var(--black);background:var(--grey-mid);padding:.15rem .4rem;text-transform:uppercase}body.work-mode .footer-coord{color:#fff;background:#00000040}@media(max-width:600px){.lab-entries{grid-template-columns:1fr}.work-grid{grid-template-columns:1fr 1fr}.filter-arrow{display:block}.node{font-size:.55rem;padding:.45rem .6rem}}