@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#0b1012;--panel:#121a1e;--line:#293338;--text:#eff3f2;--muted:#9daeb3;--accent:#a7f2de}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:'Space Grotesk',sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:6px}::selection{background:var(--accent);color:var(--bg)}.wrap{width:min(1240px,90%);margin:auto}header{border-bottom:1px solid var(--line)}.nav{min-height:96px;display:flex;justify-content:space-between;align-items:center;gap:28px}.brand{font:600 27px 'Space Grotesk',sans-serif;letter-spacing:-1px}.brand span{color:var(--accent)}nav{display:flex;gap:29px;align-items:center}nav a{font-size:14px;color:var(--muted)}nav a:hover,nav a[aria-current=page]{color:var(--accent)}.menu{display:none;background:none;border:1px solid var(--line);color:white;padding:8px 14px}.eyebrow{font-size:13px;text-transform:uppercase;letter-spacing:2px;color:var(--accent);font-weight:600}.hero{padding:94px 0 80px;display:grid;grid-template-columns:1.45fr 1fr;gap:70px;align-items:center}h1,h2,h3{font-family:'Space Grotesk',sans-serif;line-height:1.12;font-weight:500;letter-spacing:-1.3px}h1{font-size:clamp(44px,5.5vw,76px);margin:25px 0}h1 em{font-style:normal;color:var(--accent)}h2{font-size:clamp(30px,3vw,43px);margin:12px 0 24px}h3{font-size:23px;letter-spacing:-.6px;margin:12px 0 16px}p{color:var(--muted);margin:0 0 22px}.lead{font-size:18px;max-width:640px}.buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.button{display:inline-flex;justify-content:center;align-items:center;border:1px solid var(--line);padding:12px 23px;font-size:14px;font-weight:600;border-radius:4px;background:transparent;color:var(--text);cursor:pointer}.button.primary{background:var(--accent);color:#10241d;border-color:var(--accent)}.button:hover{border-color:var(--accent);filter:brightness(1.08)}.meta{font-size:13px;color:var(--muted);letter-spacing:.5px}.hero .meta{margin-top:28px}.system{border:1px solid var(--line);background:linear-gradient(145deg,#192a2a,#10171b);padding:28px;position:relative}.system-top{display:flex;justify-content:space-between;font-size:12px;letter-spacing:1.5px;color:var(--muted)}.system-flow{padding:38px 0 20px}.node{border:1px solid #425955;padding:18px 22px;background:#122121}.node b{display:block;font:500 21px 'Space Grotesk';margin-top:5px}.connector{height:27px;width:1px;background:var(--accent);margin-left:30px}.node:nth-of-type(5){border-color:var(--accent)}.system-caption{border-top:1px solid var(--line);padding-top:18px;margin-top:20px;font-size:13px;color:var(--muted)}.strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;padding:23px 0;color:#bbc9cc;font-size:14px}.section{padding:76px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:30px}.section-head h2{margin-bottom:0}.text-link{color:var(--accent);border-bottom:1px solid #56786c;padding-bottom:4px;font-size:14px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{border:1px solid var(--line);background:var(--panel);padding:28px;border-radius:3px}.card p{font-size:15px}.number{font:14px 'Space Grotesk';color:var(--accent)}.project{display:block;border:1px solid var(--line);background:var(--panel);transition:transform .2s,border-color .2s;overflow:hidden}.project:hover{transform:translateY(-4px);border-color:#64867c}.project-body{padding:25px}.project p{font-size:15px}.project-visual{height:180px;background:radial-gradient(ellipse at top right,#34585355,transparent 70%),#162323;padding:25px;display:flex;flex-direction:column;justify-content:space-between;border-bottom:1px solid var(--line)}.project-visual.v1{background:radial-gradient(ellipse at bottom left,#38547588,transparent 80%),#172128}.project-visual.v2{background:radial-gradient(ellipse at top,#655c3655,transparent 80%),#24251e}.visual-title{font:500 36px 'Space Grotesk';line-height:1.1;color:#b8d5cc;letter-spacing:-1.5px}.tags{display:flex;flex-wrap:wrap;gap:8px}.tag{font-size:12px;border:1px solid #35444a;color:#b0c1c5;padding:4px 9px;border-radius:3px}.tech-row{display:flex;flex-wrap:wrap;gap:12px}.tech-row a{border:1px solid var(--line);padding:12px 19px;border-radius:3px}.tech-row a:hover{border-color:var(--accent)}.cta{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:55px 0;display:flex;justify-content:space-between;gap:40px;align-items:center}.cta h2{max-width:720px;margin:0}.cta .button{flex-shrink:0}footer{padding:42px 0 28px}.footer-top,.footer-bottom{display:flex;justify-content:space-between;gap:30px}.footer-top p{max-width:510px;font-size:14px}.footer-bottom{font-size:12px;border-top:1px solid var(--line);padding-top:22px;color:var(--muted);margin-top:20px}.page-intro{padding:72px 0 44px;max-width:850px}.page-intro h1{font-size:clamp(44px,5vw,66px)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:25px}.wide{grid-column:1/-1}.contact-row{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:20px 0}.contact-row span:last-child{color:var(--muted);font-size:14px}.clean-list{list-style:none;margin:0;padding:0}.clean-list li{padding:13px 0;border-bottom:1px solid var(--line)}.clean-list li:last-child{border:0}.note{font-size:14px;color:var(--muted);padding:16px 20px;border-left:2px solid var(--accent);background:#142020}.article-row{display:grid;grid-template-columns:70px 1fr auto;gap:24px;border-top:1px solid var(--line);padding:30px 0;align-items:center}.article-row h3{margin:0 0 10px}.article-row p{margin:0;max-width:750px}.article-row:hover h3{color:var(--accent)}.prose{max-width:760px;padding-bottom:70px}.prose h2{font-size:29px;margin-top:40px}.prose p,.prose li{color:#b7c4c8;font-size:17px}.prose li{margin-bottom:15px}.back{display:inline-block;margin-top:36px}.cv-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:32px}.cv-block{padding:30px 0;border-top:1px solid var(--line)}.cv-block h2{font-size:28px}.skip{position:absolute;left:-9999px}.skip:focus{left:20px;top:12px;background:var(--bg);z-index:5;padding:10px}.availability{display:inline-block;padding:6px 12px;border:1px solid #35564b;color:var(--accent);font-size:13px;margin-bottom:18px}@media(max-width:950px){nav{gap:17px}.hero{gap:30px;grid-template-columns:1.2fr 1fr}.grid{grid-template-columns:repeat(2,1fr)}.hero h1{font-size:54px}.strip{flex-wrap:wrap}}@media(max-width:720px){.nav{min-height:78px;flex-wrap:wrap;padding:20px 0;gap:12px}.menu{display:block}nav{display:none;width:100%;flex-wrap:wrap;padding-top:15px;gap:20px}nav.open{display:flex}.hero{grid-template-columns:1fr;padding:48px 0;gap:34px}.hero h1{font-size:48px}.system{padding:22px}.system-flow{padding-top:24px}.grid,.two-col,.cv-grid{grid-template-columns:1fr}.strip{font-size:12px;gap:14px;justify-content:start}.section{padding:48px 0}.section-head{align-items:start}.cta,.footer-top{flex-direction:column}.cta h2{font-size:32px}.page-intro{padding-top:45px}.article-row{grid-template-columns:30px 1fr;gap:14px}.article-row>.tag{display:none}.contact-row{flex-wrap:wrap;gap:5px}.footer-bottom{flex-wrap:wrap}.card{padding:23px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}@media print{header,footer,.buttons,.back,.cta{display:none}body{background:white;color:black}.wrap{width:100%}p,.meta,.prose p{color:#333}.card{background:white}.cv-grid{display:block}}

.article-quote{margin:30px 0;padding:12px 0 12px 24px;border-left:3px solid var(--accent);font-size:22px;line-height:1.5;color:var(--text)}.prose .text-link{font-size:inherit;overflow-wrap:anywhere}.prose ul{padding-left:24px}

/* Project collection */
.collection-nav{display:flex;flex-wrap:wrap;gap:12px}.section[id]{scroll-margin-top:100px}.project-detail{align-items:start}.contributions{padding-left:22px;color:var(--muted);line-height:1.9}.contributions li{margin-bottom:12px}.resource-links{display:flex;flex-direction:column;gap:12px;margin-top:24px}.resource-links .button{white-space:normal;overflow-wrap:anywhere}.video-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:28px}.video-grid figure{margin:0}.video-grid iframe{display:block;width:100%;aspect-ratio:16/9;border:1px solid var(--line);border-radius:12px;background:#111}.video-grid figcaption{padding-top:14px}.art-gallery{columns:3 280px;column-gap:20px;margin-top:30px}.art-gallery a{display:block;margin-bottom:20px;break-inside:avoid}.art-gallery img{display:block;width:100%;height:auto;border-radius:10px;background:#172126}.project .text-link{display:inline-block;margin-top:14px}.project:focus-visible{outline:2px solid var(--accent);outline-offset:5px}

.trap-intro{padding-bottom:36px}.trap-demo{margin:0;max-width:960px}.trap-demo video{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:12px;background:#030815}.trap-demo figcaption,.trap-stills figcaption{color:var(--muted);font-size:14px;margin-top:12px}.trap-demo figcaption a{margin-left:12px}.trap-stills{display:grid;grid-template-columns:1fr 1fr;gap:24px}.trap-stills figure{margin:0}.trap-stills img{width:100%;height:auto;border-radius:10px}.project-cover{display:block;width:100%;height:230px;object-fit:cover}@media(max-width:650px){.trap-stills{grid-template-columns:1fr}.trap-demo figcaption a{display:block;margin:8px 0 0}}
/* Knowledge filters reuse the existing button and article styles. */
.knowledge-filters{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:25px}.article-row[hidden],[data-knowledge-empty][hidden]{display:none}.article-cover{display:block;max-width:100%;height:auto;margin:0 0 30px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.button:disabled{opacity:.55;cursor:not-allowed}