@import url("https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&family=Inter:wght@400;500;600;700;800&display=swap");:root{--bg:#f5f5f2;--surface:#70b4ff;--surface2:#5aaeff;--border:rgba(0,0,0,.12);--border2:rgba(0,0,0,.2);--text:#111;--muted:#111;--muted2:#111;--accent:#e03131;--accent2:#c92a2a;--amber:#d97706;--teal:#0d9488;--purple:#7c3aed;--red:#e03131;--hot:#ff6b35;--radius:10px;--radius-sm:6px;--nav-bg:rgba(112,180,255,.95)}[data-theme=dark]{--bg:#141414;--surface:#1e1e1e;--surface2:#272727;--border:#333;--border2:#404040;--text:#f0f0f0;--muted:#777;--muted2:#999;--nav-bg:hsla(0,0%,8%,.92)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button{font-family:Inter,sans-serif;cursor:pointer}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-up{animation:fadeIn .35s ease both}.nav-link{color:#111;transition:color .15s}.nav-link:hover{color:#888}.nav-link.active{color:#111}.icon-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;color:var(--muted2);transition:color .15s,background .15s}.icon-btn:hover{color:var(--text);background:var(--surface2)}.btn-primary{display:inline-flex;align-items:center;padding:12px 24px;border-radius:8px;font-family:Inter,sans-serif;font-size:14px;font-weight:700;background:#111;color:#fff;transition:opacity .15s}.btn-primary:hover{opacity:.82}.btn-secondary{display:inline-flex;align-items:center;padding:11px 22px;border-radius:8px;font-family:Inter,sans-serif;font-size:14px;font-weight:700;background:#70b4ff;color:var(--text);border:1.5px solid rgba(0,0,0,.1);transition:background .15s}.btn-secondary:hover{background:#5aaeff}.project-card{transition:transform .22s ease}.project-card:hover{transform:scale(1.025)}.scroll-arrow{width:40px;height:40px;border-radius:8px;border:1.5px solid var(--border2);background:transparent;font-size:16px;color:var(--text);display:flex;align-items:center;justify-content:center;transition:background .15s,border-color .15s}.scroll-arrow:hover{background:var(--surface2);border-color:#aaa}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}@media (max-width:768px){.nav-inner{padding:0 16px!important;height:60px!important}.nav-links-wrap{overflow-x:auto!important;-ms-overflow-style:none;scrollbar-width:none}.nav-links-wrap::-webkit-scrollbar{display:none}.nav-links-wrap a{padding:0 10px!important;font-size:11px!important}.nav-social{display:none!important}.hero{flex-direction:column!important;justify-content:flex-start!important;min-height:auto!important;padding:40px 24px 56px!important;gap:32px}.hero-photo{width:80vw!important;height:80vw!important;margin-right:0!important;align-self:center!important;order:-1}.hero-text{padding:0!important;max-width:100%!important}.hero-text h1{font-size:36px!important;line-height:1.12!important}.projects-header{padding:0 20px!important}.projects-track{padding:4px 20px 24px!important}.collab-grid,.project-detail-grid{grid-template-columns:1fr!important}.page-main{padding:32px 20px!important}}