@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400;500&family=Manrope:wght@400;500;600;700&display=swap');
:root{--bg:#07090d;--surface:#0d1118;--line:#202835;--ink:#edf3f8;--muted:#8793a1;--cyan:#55e6ff;--lime:#baff79;--pad:clamp(22px,5vw,76px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Manrope,system-ui,sans-serif;overflow-x:hidden}.noise{position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:10;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E")}.nav{height:78px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:2}.wordmark{color:var(--ink);text-decoration:none;font:500 15px DM Mono,monospace;letter-spacing:.02em}.wordmark i,.status i{display:inline-block;width:7px;height:7px;margin-right:10px;background:var(--cyan);box-shadow:0 0 14px var(--cyan)}.status{color:var(--muted);font:400 10px DM Mono,monospace;text-transform:uppercase;letter-spacing:.13em}.status i{width:5px;height:5px;border-radius:50%;background:var(--lime);box-shadow:0 0 11px var(--lime)}main{position:relative}.hero{min-height:calc(100vh - 78px);padding:clamp(80px,12vh,150px) var(--pad) 80px;position:relative;overflow:hidden;border-bottom:1px solid var(--line)}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.9%,#151c2618 50%),linear-gradient(#151c2618 1px,transparent 1px);background-size:100% 100%,100% 64px;pointer-events:none}.eyebrow,.section-head span,.tag,.coordinates{font:500 10px DM Mono,monospace;letter-spacing:.18em;color:var(--cyan)}h1{font-size:clamp(54px,9.5vw,150px);line-height:.88;letter-spacing:-.07em;margin:30px 0 40px;max-width:1100px;font-weight:600;position:relative;z-index:1}h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1px #6d7b8b}.intro{font-size:clamp(16px,1.6vw,22px);line-height:1.65;color:#aab4bf;max-width:660px;margin:0 0 42px;position:relative;z-index:1}.jump{display:inline-flex;gap:30px;align-items:center;color:var(--ink);text-decoration:none;font:500 11px DM Mono,monospace;letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid #44505f;padding:0 0 10px;position:relative;z-index:1}.jump span{color:var(--cyan)}.signal{position:absolute;width:clamp(280px,38vw,620px);aspect-ratio:1;right:-8%;top:14%;opacity:.75}.orb{position:absolute;inset:43%;border-radius:50%;background:var(--cyan);box-shadow:0 0 60px 20px #42dfff45}.ring{position:absolute;border:1px solid #55e6ff55;border-radius:50%;animation:breathe 5s ease-in-out infinite}.r1{inset:34%}.r2{inset:22%;animation-delay:-1.4s}.r3{inset:8%;animation-delay:-2.8s}.pixels{position:absolute;inset:0;animation:rotate 30s linear infinite}.pixels i{position:absolute;width:5px;height:5px;background:var(--cyan);box-shadow:0 0 10px #55e6ffaa}.pixels i:nth-child(1){left:12%;top:48%}.pixels i:nth-child(2){left:31%;top:10%}.pixels i:nth-child(3){left:63%;top:7%}.pixels i:nth-child(4){right:7%;top:37%}.pixels i:nth-child(5){right:14%;bottom:24%}.pixels i:nth-child(6){left:56%;bottom:4%}.pixels i:nth-child(7){left:19%;bottom:18%}.pixels i:nth-child(8){left:38%;top:28%}.pixels i:nth-child(9){right:31%;top:28%}.pixels i:nth-child(10){right:28%;bottom:29%}.pixels i:nth-child(11){left:34%;bottom:31%}.pixels i:nth-child(12){right:2%;top:60%}@keyframes breathe{50%{transform:scale(1.07);opacity:.35}}@keyframes rotate{to{transform:rotate(360deg)}}.projects{padding:110px var(--pad) 130px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:45px}.section-head h2{font-size:clamp(34px,5vw,64px);letter-spacing:-.05em;margin:0}.project-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;border:1px solid var(--line)}.project{min-height:340px;padding:28px;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid var(--line);background:var(--surface);position:relative;overflow:hidden;transition:background .3s,transform .3s}.project:last-child{border:0}.project:hover{background:#121925;transform:translateY(-4px)}.project-no{color:#596675;font:400 11px DM Mono,monospace}.project h3{font-size:clamp(25px,3vw,42px);letter-spacing:-.04em;margin:13px 0}.project p{color:var(--muted);line-height:1.65;max-width:420px;margin:0}.featured{background:linear-gradient(145deg,#0e171f,#0d1118)}.pulse{position:absolute;width:180px;height:180px;border:1px solid #55e6ff35;border-radius:50%;right:-45px;top:-45px}.pulse:before,.pulse:after{content:"";position:absolute;border:1px solid #55e6ff25;border-radius:50%;inset:25px}.pulse:after{inset:54px;background:#55e6ff0b}.future{background:transparent}.manifesto{margin:0 var(--pad);padding:110px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:2fr 1fr;gap:50px;align-items:end}.manifesto p{font-size:clamp(28px,4.5vw,62px);line-height:1.12;letter-spacing:-.045em;margin:0;max-width:1000px}.coordinates{text-align:right;color:var(--muted)}.coordinates span{color:var(--cyan)}footer{padding:30px var(--pad);border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#65717e;font:400 10px DM Mono,monospace;text-transform:uppercase;letter-spacing:.08em}
@media(max-width:850px){.signal{right:-30%;top:25%;opacity:.45}.project-grid{grid-template-columns:1fr}.project{min-height:260px;border-right:0;border-bottom:1px solid var(--line)}.manifesto{grid-template-columns:1fr}.coordinates{text-align:left}.section-head{display:block}.section-head h2{margin-top:15px}}@media(max-width:560px){.status{font-size:0}.status i{margin:0}.hero{padding-top:70px}.signal{width:390px;right:-55%;top:34%}.intro{max-width:88%}.projects{padding-top:80px;padding-bottom:90px}.manifesto{padding:80px 0}footer{gap:20px;line-height:1.5;flex-direction:column}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}.ring,.pixels{animation:none}}