@media(max-width:768px){.nav,.proj-nav{padding:1rem 1.5rem}.nav-status{display:none}.hero,.about,.works,.contact,.proj-header,.proj-body,.demo-zone{padding-left:1.5rem;padding-right:1.5rem}.about{grid-template-columns:1fr;gap:2.5rem}.human-row{grid-template-columns:1fr;gap:.25rem;padding:1rem 0}.proj-grid{grid-template-columns:1fr}.proj-tile.wide,.proj-tile.full{grid-column:span 1;aspect-ratio:16/10}.hero-title{font-size:clamp(40px,10vw,52px)}.proj-page-title{font-size:clamp(32px,8vw,48px)}.contact-row{flex-wrap:wrap;gap:.5rem}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}:root{--bg:#0d0d0d;--bg1:#141414;--bg2:#1c1c1c;--text:#f0efeb;--muted:#888;--dim:#444;--green:#22c55e;--border:rgba(255,255,255,.08);--border2:rgba(255,255,255,.14);--ff:"Space Grotesk",system-ui,sans-serif;--fi:"Playfair Display",Georgia,serif}body{font-family:var(--ff);background:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden;margin:0;padding:0}a{color:inherit;text-decoration:none}button{font-family:var(--ff);cursor:pointer}.page{display:none}.page.active{display:block}.nav{display:flex;align-items:center;justify-content:space-between;padding:1.4rem 3rem;position:sticky;top:0;z-index:100;background:#0d0d0deb;backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}.nav-logo{font-size:15px;font-weight:700;letter-spacing:-.02em;cursor:pointer;flex:1}.nav-pill{display:flex;gap:0;background:#ffffff0d;border:1px solid var(--border);border-radius:100px;padding:.3rem}.nav-pill button{font-size:12px;font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);padding:.45rem 1.1rem;border-radius:100px;border:none;background:transparent;transition:color .2s,background .2s}.nav-pill button:hover,.nav-pill button.active-link{color:var(--text);background:#ffffff17}.nav-status{display:flex;align-items:center;justify-content:flex-end;gap:7px;font-size:11px;color:var(--muted);letter-spacing:.04em;flex:1}.nav-dot{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 7px var(--green)}.proj-nav{display:flex;align-items:center;justify-content:space-between;padding:1.4rem 3rem;position:sticky;top:0;z-index:100;background:#0d0d0deb;backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}.back-btn{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);border:none;background:transparent;transition:color .2s;padding:0}.back-btn:hover{color:var(--text)}.back-arr{font-size:15px}.proj-nav-name{font-size:13px;color:var(--dim);font-weight:400}.btn-fill{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;letter-spacing:.01em;background:var(--text);color:var(--bg);border:none;padding:.75rem 1.75rem;border-radius:100px;transition:opacity .2s}.btn-fill:hover{opacity:.82}.btn-ghost{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:500;background:transparent;color:var(--muted);border:none;padding:.75rem 0;transition:color .2s}.btn-ghost:hover{color:var(--text)}.btn-outline{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;background:transparent;color:var(--muted);border:1px solid var(--border2);padding:.55rem 1.2rem;border-radius:100px;transition:color .2s,border-color .2s}.btn-outline:hover{color:var(--text);border-color:#ffffff4d}:focus:not(:focus-visible){outline:none}:focus-visible{outline:2px solid var(--green);outline-offset:4px;border-radius:4px}.nav-pill button:focus-visible{outline-offset:2px;border-radius:100px}.hero{padding:2.25rem 3rem 5.5rem;border-bottom:1px solid var(--border)}.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);border:1px solid var(--border);padding:.4rem .9rem;border-radius:100px;margin-bottom:1.5rem}.hero-eyebrow .dot{width:5px;height:5px;border-radius:50%;background:var(--green)}.hero-title{font-size:clamp(52px,7.5vw,82px);font-weight:700;letter-spacing:-.04em;line-height:1;color:var(--text);max-width:780px;margin-bottom:1.75rem}.hero-title em{font-family:var(--fi);font-style:italic;font-weight:400;color:#f0efeb73;display:block}.hero-sub{font-size:15px;color:var(--muted);line-height:1.8;max-width:440px;margin-bottom:2.5rem}.hero-btns{display:flex;gap:1.25rem;align-items:center;flex-wrap:wrap}.about{display:grid;grid-template-columns:1fr 1fr;gap:4rem;padding:4rem 3rem;border-bottom:1px solid var(--border);align-items:start}.about-label{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:1.25rem}.about-text{font-size:16px;line-height:1.85;color:#f0efebb3;max-width:420px}.about-human{display:flex;flex-direction:column}.human-row{display:grid;grid-template-columns:110px 1fr;gap:1.5rem;align-items:baseline;padding:1.25rem 0;border-bottom:1px solid var(--border)}.human-row:first-child{border-top:1px solid var(--border)}.h-label{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:500}.h-val{font-size:14px;color:#f0efebe6;line-height:1.6}.h-val em{font-style:normal;color:var(--dim);font-size:12px;margin-left:4px}.h-val a{text-decoration:underline;text-decoration-color:var(--dim);text-underline-offset:3px;transition:color .2s}.h-val a:hover{color:var(--text);text-decoration-color:var(--text)}.works{padding:4rem 3rem;border-bottom:1px solid var(--border)}.works-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:2.5rem;flex-wrap:wrap;gap:1rem}.works-title{font-size:36px;font-weight:700;letter-spacing:-.03em}.filters{display:flex;gap:.5rem;flex-wrap:wrap}.filter{font-size:11px;letter-spacing:.06em;text-transform:uppercase;font-weight:500;padding:.4rem .9rem;border-radius:100px;border:1px solid var(--border);color:var(--muted);cursor:pointer;transition:all .2s;background:transparent}.filter:hover,.filter.f-active{background:var(--text);color:var(--bg);border-color:var(--text)}.proj-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border)}.proj-tile{background:var(--bg);aspect-ratio:4/5;position:relative;overflow:hidden;cursor:pointer}.proj-tile.wide{grid-column:span 2;aspect-ratio:16/9}.proj-tile.full{grid-column:span 3;aspect-ratio:21/6}.proj-bg{position:absolute;inset:0;transition:transform .6s ease}.proj-tile:hover .proj-bg{transform:scale(1.04)}.t-bubble{background:radial-gradient(ellipse at 70% 60%,#0a1628,#060b14)}.t-startup{background:radial-gradient(ellipse at 30% 70%,#1a1108,#0d0d0d)}.t-power{background:radial-gradient(ellipse at 50% 40%,#0f0f1f,#0d0d0d)}.t-chem2{background:radial-gradient(ellipse at 60% 60%,#0a140f,#0d0d0d)}.t-ai{background:radial-gradient(ellipse at 50% 50%,#110e1a,#0d0d0d)}.t-blog1{background:radial-gradient(ellipse at 80% 20%,#1a0e10,#0d0d0d)}.t-blog2{background:radial-gradient(ellipse at 20% 80%,#0e141a,#0d0d0d)}.t-blog3{background:radial-gradient(ellipse at 50% 50%,#141a0e,#0d0d0d)}.proj-tile .geo{position:absolute;width:200px;height:200px;border-radius:50%;border:1px solid rgba(255,255,255,.05);right:-50px;bottom:-50px}.proj-overlay{position:absolute;inset:0;background:#0d0d0d00;display:flex;align-items:center;justify-content:center;transition:background .3s}.proj-tile:hover .proj-overlay{background:#0d0d0d80}.view-pill{font-size:12px;letter-spacing:.1em;text-transform:uppercase;font-weight:500;color:var(--text);opacity:0;border:1px solid rgba(255,255,255,.25);padding:.5rem 1.3rem;border-radius:100px;transition:opacity .3s}.proj-tile:hover .view-pill{opacity:1}.proj-info{position:absolute;bottom:0;left:0;right:0;padding:1.5rem 1.75rem;background:linear-gradient(transparent,#0d0d0dfa 60%)}.proj-meta{display:flex;align-items:center;gap:7px;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.live-dot{width:5px;height:5px;border-radius:50%;background:var(--green)}.soon-dot{width:5px;height:5px;border-radius:50%;background:#f5a623}.proj-name{font-size:16px;font-weight:600;color:var(--text);letter-spacing:-.01em;line-height:1.3}.proj-cat{font-size:12px;color:var(--dim);margin-top:3px}.contact{padding:5rem 3rem 4rem}.contact-pre{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:1.5rem}.contact-headline{font-size:clamp(40px,6vw,64px);font-weight:700;letter-spacing:-.04em;line-height:1;margin-bottom:3rem}.contact-headline em{font-family:var(--fi);font-style:italic;font-weight:400;color:#f0efeb66}.contact-links{display:flex;flex-direction:column;max-width:560px}.contact-row{display:flex;align-items:center;gap:1.5rem;padding:1.25rem 0;border-bottom:1px solid var(--border);transition:opacity .2s}.contact-row:first-child{border-top:1px solid var(--border)}.contact-row:hover{opacity:.7}.contact-platform{font-size:13px;font-weight:600;color:var(--text);min-width:90px}.contact-val{font-size:14px;color:var(--muted)}.contact-arr{margin-left:auto;color:var(--dim);font-size:14px}footer{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 3rem;border-top:1px solid var(--border)}footer span{font-size:12px;color:var(--dim)}.proj-header{padding:4.5rem 3rem 3.5rem;border-bottom:1px solid var(--border)}.proj-tags{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.5rem}.ptag{font-size:10px;letter-spacing:.1em;text-transform:uppercase;font-weight:500;padding:.35rem .85rem;border-radius:100px;border:1px solid var(--border2);color:var(--muted)}.proj-page-title{font-size:clamp(40px,6vw,68px);font-weight:700;letter-spacing:-.04em;line-height:1;color:var(--text);max-width:800px;margin-bottom:1.25rem}.proj-page-title em{font-family:var(--fi);font-style:italic;font-weight:400;color:#f0efeb73}.proj-tagline{font-size:16px;color:var(--muted);line-height:1.75;max-width:560px}.proj-body{padding:4rem 3rem;max-width:760px;margin:0 auto}.proj-section{margin-bottom:3.5rem}.proj-p,.proj-body p{font-size:15px;color:#f0efeba6;line-height:1.9;margin-bottom:1rem}.blog-date-meta{font-size:12px;color:var(--dim);margin-bottom:2rem;display:block;border-bottom:1px solid var(--border);padding-bottom:1rem}.demo-zone{margin:0;padding:3.5rem 3rem;border-bottom:1px solid var(--border);background:var(--bg1)}.demo-label{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:1.5rem;display:flex;align-items:center;gap:8px}.demo-label .live-dot{display:inline-block}.demo-frame{border:1px solid var(--border2);border-radius:12px;aspect-ratio:16/7;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;background:var(--bg);position:relative;overflow:hidden}.demo-frame-inner{text-align:center}.demo-coming{font-size:13px;color:var(--dim);letter-spacing:.05em}.demo-title-sm{font-size:22px;font-weight:600;color:#f0efeb59;letter-spacing:-.02em;margin-bottom:.5rem}.proj-links-row{display:flex;gap:1rem;flex-wrap:wrap;padding:2.5rem 3rem;border-top:1px solid var(--border)}.startup-hero{padding:5rem 3rem 4rem;border-bottom:1px solid var(--border);text-align:center}.startup-headline{font-size:clamp(44px,7vw,80px);font-weight:700;letter-spacing:-.04em;line-height:1.05;color:var(--text);margin-bottom:0}.startup-headline .dim-line{display:block;color:#f0efeb47;font-weight:700}.startup-sub{font-size:15px;color:var(--muted);line-height:1.8;max-width:500px;margin:2rem auto 0}.coming-hero{min-height:60vh;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:5rem 3rem;border-bottom:1px solid var(--border)}.coming-title{font-size:clamp(48px,7vw,80px);font-weight:700;letter-spacing:-.04em;line-height:1;color:var(--text);max-width:700px;margin-bottom:1.25rem}.coming-title em{font-family:var(--fi);font-style:italic;font-weight:400;color:#f0efeb59}.coming-sub{font-size:15px;color:var(--muted);line-height:1.8;max-width:420px;margin-bottom:2rem}.progress-bar{width:220px;height:2px;background:var(--border2);border-radius:2px;margin-bottom:.5rem}.progress-fill{width:30%;height:100%;background:var(--text);border-radius:2px}.progress-label{font-size:11px;color:var(--dim);letter-spacing:.05em}.proj-section-label{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.fade-in{animation:fadeUp .45s ease both}.fd1{animation-delay:.05s}.fd2{animation-delay:.12s}.fd3{animation-delay:.2s}
