:root{--ink:#e8f3f4;--muted:#8ea5aa;--dim:#53666b;--bg:#071012;--panel:#0b171a;--line:rgba(149,210,220,.16);--cyan:#4ee6ef;--amber:#f0a53c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit}main{overflow:hidden;background:radial-gradient(circle at 87% 3%,rgba(28,128,153,.12),transparent 27%),var(--bg)}
.site-header{position:relative;z-index:10;max-width:1440px;height:82px;margin:auto;padding:0 clamp(1.25rem,4vw,4.5rem);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{display:flex;align-items:center;gap:.8rem;font-weight:700;letter-spacing:-.02em}.mark{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(78,230,239,.45);color:var(--cyan);font:700 .78rem/1 monospace;clip-path:polygon(12% 0,100% 0,100% 88%,88% 100%,0 100%,0 12%)}.site-header nav{display:flex;gap:2.2rem;color:var(--muted);font-size:.9rem}.site-header nav a:hover,.header-link:hover{color:var(--cyan)}.header-link{display:flex;align-items:center;gap:.35rem;color:var(--muted);font-size:.9rem}
.hero{position:relative;max-width:1440px;min-height:690px;margin:auto;padding:clamp(5rem,10vw,9rem) clamp(1.25rem,4vw,4.5rem) 5rem;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);gap:clamp(3rem,7vw,7rem);align-items:center}.hero-grid{position:absolute;inset:0;opacity:.18;pointer-events:none;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:76px 76px;mask-image:linear-gradient(to bottom,#000,transparent 88%)}.hero-copy,.system-window{position:relative;z-index:1}.kicker{margin:0 0 1rem;color:var(--cyan);font:700 .73rem/1.3 ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase}.kicker span{display:inline-block;width:24px;height:1px;margin:0 .6rem .2rem 0;background:var(--cyan);box-shadow:0 0 10px var(--cyan)}h1,h2,h3,p{margin-top:0}h1{max-width:820px;margin-bottom:1.65rem;font-size:clamp(3.2rem,6.1vw,6.6rem);line-height:.96;letter-spacing:-.065em;font-weight:600}h1 em{color:var(--cyan);font-family:Georgia,serif;font-weight:400}.hero-lede{max-width:650px;margin-bottom:2.2rem;color:var(--muted);font-size:clamp(1.05rem,1.5vw,1.27rem);line-height:1.65}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:1.3rem}.primary-button{display:inline-flex;align-items:center;gap:.65rem;padding:.9rem 1.1rem;background:var(--cyan);color:#041012;font-weight:700;font-size:.9rem;clip-path:polygon(0 0,calc(100% - 11px) 0,100% 11px,100% 100%,0 100%)}.primary-button:hover{background:#8af7fc}.text-button{display:inline-flex;align-items:center;gap:.5rem;color:var(--muted);font-size:.9rem;border-bottom:1px solid var(--line)}.text-button:hover{color:var(--ink);border-color:var(--cyan)}
.system-window{min-height:460px;border:1px solid rgba(78,230,239,.22);background:linear-gradient(145deg,rgba(15,35,39,.88),rgba(5,13,15,.88));box-shadow:0 45px 100px rgba(0,0,0,.38),inset 0 0 50px rgba(78,230,239,.025);clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,22px 100%,0 calc(100% - 22px))}.window-bar{height:44px;padding:0 1rem;display:flex;align-items:center;gap:.42rem;border-bottom:1px solid var(--line)}.window-bar span{width:6px;height:6px;border-radius:99px;background:var(--dim)}.window-bar span:first-child{background:var(--amber)}.window-bar b{margin-left:auto;color:var(--dim);font:400 .68rem ui-monospace,monospace;letter-spacing:.08em}.system-canvas{position:relative;min-height:355px;overflow:hidden;background:radial-gradient(circle at center,rgba(78,230,239,.13),transparent 38%)}.system-canvas:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(78,230,239,.35) .7px,transparent .7px);background-size:18px 18px;opacity:.18}.orbit{position:absolute;inset:50%;border:1px solid rgba(78,230,239,.25);border-radius:50%;transform:translate(-50%,-50%);animation:drift 16s linear infinite}.orbit-one{width:260px;height:260px}.orbit-two{width:370px;height:180px;animation-direction:reverse}.core{position:absolute;inset:50% auto auto 50%;width:104px;height:104px;transform:translate(-50%,-50%);display:grid;place-content:center;justify-items:center;border:1px solid var(--cyan);background:rgba(4,20,23,.9);color:var(--cyan);box-shadow:0 0 65px rgba(78,230,239,.18);border-radius:50%}.core small{margin-top:.25rem;color:var(--muted);font:.6rem ui-monospace,monospace}.node{position:absolute;padding:.35rem .55rem;border:1px solid var(--line);background:rgba(7,16,18,.78);color:var(--muted);font:.66rem ui-monospace,monospace;text-transform:uppercase;letter-spacing:.08em}.node:before{content:"";display:inline-block;width:5px;height:5px;margin-right:.4rem;border-radius:50%;background:var(--cyan);box-shadow:0 0 9px var(--cyan)}.node-a{left:8%;top:24%}.node-b{right:8%;top:18%}.node-c{right:12%;bottom:18%}.node-d{left:10%;bottom:20%}.window-readout{display:flex;align-items:center;gap:.55rem;padding:1rem;border-top:1px solid var(--line);color:var(--dim);font:.62rem ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase}.window-readout i{flex:1;height:1px;background:var(--line)}.window-readout strong{color:var(--cyan)}@keyframes drift{to{transform:translate(-50%,-50%) rotate(360deg)}}
.proof-strip{max-width:1440px;margin:auto;padding:1.1rem clamp(1.25rem,4vw,4.5rem);display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.proof-strip span{min-height:54px;padding:.75rem 1rem;display:flex;flex-direction:column;justify-content:center;border-right:1px solid var(--line);color:var(--muted);font-size:.76rem}.proof-strip span:last-child{border:0}.proof-strip b{color:var(--dim);font:.58rem ui-monospace,monospace}.section{max-width:1440px;margin:auto;padding:clamp(5.5rem,9vw,9rem) clamp(1.25rem,4vw,4.5rem);border-bottom:1px solid var(--line)}.section-heading{display:grid;grid-template-columns:1fr .8fr;gap:3rem;align-items:end;margin-bottom:2.2rem}h2{margin-bottom:0;font-size:clamp(2.5rem,4.6vw,4.8rem);line-height:1.02;letter-spacing:-.055em;font-weight:600}.section-heading>p{max-width:550px;margin-bottom:.5rem;color:var(--muted);font-size:1.05rem}.filters{display:flex;gap:.5rem;margin-bottom:1.5rem;overflow-x:auto}.filters button{padding:.55rem .9rem;border:1px solid var(--line);background:transparent;color:var(--muted);cursor:pointer;font-size:.82rem}.filters button:hover,.filters button.active{border-color:rgba(78,230,239,.6);color:var(--cyan);background:rgba(78,230,239,.06)}
.project-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.work-grid{grid-template-columns:repeat(2,1fr)}.project-card{position:relative;min-height:390px;padding:1.5rem;display:flex;flex-direction:column;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(11,23,26,.48);transition:transform .2s,background .2s}.project-card:hover{z-index:2;transform:translateY(-5px);background:rgba(16,39,44,.9);box-shadow:0 24px 55px rgba(0,0,0,.25)}.project-top{display:flex;align-items:center;justify-content:space-between;color:var(--dim);font:.63rem ui-monospace,monospace;text-transform:uppercase;letter-spacing:.08em}.project-card:hover .project-top svg{color:var(--cyan)}.project-eyebrow{margin:auto 0 .65rem;color:var(--cyan)!important;font:.67rem ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase}.project-card h3{margin-bottom:.8rem;font-size:2rem;line-height:1;letter-spacing:-.045em}.project-card>p{color:var(--muted);font-size:.92rem}.project-metric{margin-top:1rem;padding-top:.8rem;border-top:1px solid var(--line);color:var(--ink);font:.72rem ui-monospace,monospace}
.playground{position:relative;background:radial-gradient(circle at 78% 10%,rgba(240,165,60,.09),transparent 31%),linear-gradient(180deg,#081315,#050c0e)}.playground:before{content:"STREAMLIT / OFF-LABEL USE";position:absolute;right:clamp(1.25rem,4vw,4.5rem);top:2rem;color:rgba(240,165,60,.28);font:700 .62rem ui-monospace,monospace;letter-spacing:.14em}.playground-heading h2{max-width:720px}.experiment-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.experiment-card{min-height:360px;padding:1.35rem;display:flex;flex-direction:column;background:#0a1518;transition:background .2s,transform .2s}.experiment-card:hover{z-index:2;background:#102328;transform:translateY(-4px);box-shadow:0 22px 48px rgba(0,0,0,.35)}.feature-1,.feature-2{grid-column:span 6;min-height:430px}.feature-3,.feature-4,.feature-5{grid-column:span 4}.experiment-index{color:var(--dim);font:.62rem ui-monospace,monospace;letter-spacing:.1em}.experiment-copy{margin:auto 0}.experiment-copy h3{margin:.25rem 0 1rem;font-size:clamp(2rem,3.5vw,3.6rem);line-height:.95;letter-spacing:-.055em}.feature-3 .experiment-copy h3,.feature-4 .experiment-copy h3,.feature-5 .experiment-copy h3{font-size:2.25rem}.experiment-copy>p:last-child{max-width:620px;margin:0;color:var(--muted);font-size:.94rem}.experiment-foot{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;padding-top:1rem;border-top:1px solid var(--line);color:var(--dim);font:.65rem ui-monospace,monospace}.experiment-foot b{display:flex;align-items:center;gap:.35rem;color:var(--ink);font-weight:400;white-space:nowrap}.experiment-card:hover .experiment-foot b{color:var(--cyan)}
.approach{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(3rem,8vw,8rem)}.approach-statement>p:not(.kicker){margin-top:2rem;color:var(--muted);font-size:1.1rem}.approach-cards{border-top:1px solid var(--line)}.approach-cards article{display:grid;grid-template-columns:42px 36px 1fr;column-gap:1rem;padding:2rem 0;border-bottom:1px solid var(--line)}.approach-cards svg{color:var(--cyan)}.approach-cards span{color:var(--dim);font:.7rem ui-monospace,monospace}.approach-cards h3{margin-bottom:.45rem;font-size:1.3rem}.approach-cards p{grid-column:3;margin:0;color:var(--muted);font-size:.92rem}.field-notes{position:relative;display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(3rem,8vw,8rem);min-height:640px;align-items:end;background:#061012}.field-notes:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,14,16,.95) 0%,rgba(5,14,16,.68) 52%,rgba(5,14,16,.45)),linear-gradient(0deg,#061012 0%,transparent 55%),url('system-convergence.png') center/cover no-repeat;opacity:.72}.field-notes>div{position:relative;z-index:1}.note-body{columns:2;column-gap:3rem;color:#a9bec2;font-family:Georgia,serif;font-size:1.13rem;line-height:1.8}.note-body strong{color:var(--ink);font-weight:400}
footer{max-width:1440px;margin:auto;padding:clamp(5rem,9vw,8rem) clamp(1.25rem,4vw,4.5rem) 2rem;display:grid;grid-template-columns:1.2fr .8fr;gap:3rem}.footer-links{display:flex;flex-direction:column;border-top:1px solid var(--line)}.footer-links a{padding:1rem 0;display:flex;align-items:center;gap:.6rem;border-bottom:1px solid var(--line);color:var(--muted)}.footer-links a:hover{color:var(--cyan)}.footer-links a svg:last-child{margin-left:auto}.copyright{grid-column:1/-1;margin:5rem 0 0;color:var(--dim);font:.65rem ui-monospace,monospace;text-transform:uppercase;letter-spacing:.08em}
.project-card.private-card{cursor:default;background:repeating-linear-gradient(135deg,rgba(11,23,26,.68) 0,rgba(11,23,26,.68) 12px,rgba(78,230,239,.025) 12px,rgba(78,230,239,.025) 13px)}.project-card.private-card:hover{transform:none;box-shadow:none}.private-stamp{padding:.22rem .42rem;border:1px solid rgba(240,165,60,.45);color:var(--amber);font-size:.55rem}.field-portrait{position:relative;margin:3rem 0 0;max-width:440px}.field-portrait:before{content:"";position:absolute;z-index:2;inset:-9px 18px 57px -9px;border-top:1px solid var(--cyan);border-left:1px solid var(--cyan);pointer-events:none}.field-portrait>div{position:relative;height:420px;overflow:hidden;background:#020708;clip-path:polygon(0 0,calc(100% - 24px) 0,100% 24px,100% 100%,0 100%)}.field-portrait img{width:100%;height:100%;object-fit:cover;object-position:center 31%;filter:saturate(.72) contrast(1.08) brightness(.83);mix-blend-mode:luminosity}.field-portrait>div:after{content:"";position:absolute;inset:0;background:linear-gradient(145deg,rgba(78,230,239,.12),transparent 45%,rgba(240,165,60,.08));pointer-events:none}.field-portrait figcaption{display:flex;justify-content:space-between;gap:1rem;padding:.85rem 0 0;color:var(--dim);font:.62rem ui-monospace,monospace;text-transform:uppercase;letter-spacing:.08em}.field-portrait figcaption b{color:var(--muted);font-weight:400}
.system-window{overflow:hidden;contain:paint;isolation:isolate}.signal-map{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.signal-rings ellipse{stroke:rgba(78,230,239,.2);stroke-width:1.2;stroke-dasharray:9 8;transform-box:fill-box;transform-origin:center;animation:ring-spin 24s linear infinite}.signal-rings ellipse:nth-child(2){animation-duration:31s;animation-direction:reverse}.signal-rings ellipse:nth-child(3){animation-duration:38s}.signal-paths path{stroke:rgba(78,230,239,.24);stroke-width:1;stroke-dasharray:4 7;animation:signal-flow 5s linear infinite}.signal-paths path:nth-child(even){animation-direction:reverse}.signal-pulses circle{fill:var(--cyan);animation:pulse 2.4s ease-in-out infinite}.signal-pulses circle:nth-child(2){animation-delay:.6s}.signal-pulses circle:nth-child(3){animation-delay:1.2s}.signal-pulses circle:nth-child(4){animation-delay:1.8s}.signal-core circle{fill:rgba(4,20,23,.96);stroke:var(--cyan);stroke-width:1.2}.signal-core text{fill:var(--cyan);font:30px ui-monospace,monospace}.signal-core .core-label{fill:var(--muted);font-size:9px;letter-spacing:1px}@keyframes ring-spin{to{rotate:360deg}}@keyframes signal-flow{to{stroke-dashoffset:-44}}@keyframes pulse{0%,100%{opacity:.45;r:3px}50%{opacity:1;r:5px}}
@media(max-width:1000px){.hero{grid-template-columns:1fr}.system-window{min-height:420px}.proof-strip{grid-template-columns:repeat(3,1fr)}.proof-strip span:nth-child(3){border-right:0}.project-grid{grid-template-columns:repeat(2,1fr)}.approach,.field-notes{grid-template-columns:1fr}.approach-statement{max-width:700px}.feature-1,.feature-2{grid-column:span 6}.feature-3,.feature-4,.feature-5{grid-column:span 4}.experiment-foot{align-items:flex-start;flex-direction:column}}@media(max-width:680px){.site-header nav{display:none}.header-link{font-size:0}.header-link svg{width:20px;height:20px}.hero{min-height:auto;padding-top:5rem}.system-window{min-height:360px}.system-canvas{min-height:270px}.orbit-two{width:300px}.proof-strip{grid-template-columns:repeat(2,1fr)}.proof-strip span:nth-child(3){border-right:1px solid var(--line)}.proof-strip span:nth-child(even){border-right:0}.section-heading{grid-template-columns:1fr}.project-grid{grid-template-columns:1fr}.project-card{min-height:330px}.experiment-grid{display:block;background:transparent;border:0}.experiment-card{min-height:340px;margin-bottom:1px;border:1px solid var(--line)}.feature-1,.feature-2,.feature-3,.feature-4,.feature-5{min-height:340px}.experiment-copy h3,.feature-3 .experiment-copy h3,.feature-4 .experiment-copy h3,.feature-5 .experiment-copy h3{font-size:2.4rem}.note-body{columns:1}.approach-cards article{grid-template-columns:36px 30px 1fr}footer{grid-template-columns:1fr}.copyright{grid-column:1;margin-top:2rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.orbit{animation:none}.project-card,.experiment-card{transition:none}}