body { margin: 0; background: #0a0e17; color: #e8edf5; font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; } .noscript-shell { min-height: 100vh; background: radial-gradient(ellipse 80% 50% at 50% -20%, rgba(96, 165, 250, 0.08) 0%, transparent 60%), radial-gradient(ellipse 60% 40% at 80% 60%, rgba(167, 139, 250, 0.06) 0%, transparent 50%), #0a0e17; } .noscript-nav { position: sticky; top: 0; z-index: 10; display: flex; justify-content: center; padding: 16px; backdrop-filter: blur(8px); background: rgba(10, 14, 23, 0.88); border-bottom: 1px solid rgba(255, 255, 255, 0.08); } .noscript-nav-inner { width: min(100%, 960px); display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 12px 18px; } .noscript-brand { color: #e8edf5; text-decoration: none; font-weight: 600; letter-spacing: 0.18em; margin-right: 12px; } .noscript-link { color: #94a3b8; text-decoration: none; font-size: 0.95rem; } .noscript-link:hover, .noscript-link:focus-visible { color: #e8edf5; } .noscript-main { width: min(100% - 32px, 960px); margin: 0 auto; padding: 72px 0 96px; } .noscript-copy { max-width: 42rem; line-height: 1.7; color: #94a3b8; }

Portfolio

JavaScript is disabled, so the animated experience is unavailable. Navigation remains visible and usable.