@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400&family=Geist+Mono:wght@300;400;500&display=swap");*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--red:#cc2a2a;--red-dim:#7a1a1a;--red-bg:#1a0808;--silver:#c8c8c8;--silver-dim:#555;--black:#141414;--surface:#1a1a1a;--border:#242424;--border-mid:#2e2e2e;--text-primary:#f0f0f0;--text-secondary:#888;--text-muted:#444;--font-display:"Playfair Display",Georgia,serif;--font-mono:"Geist Mono","Courier New",monospace}html{scroll-behavior:smooth}body,html{background:var(--black)}body{color:var(--text-primary);font-family:var(--font-mono);overflow-x:hidden}.main-layout{display:flex;min-height:100vh;position:relative}.content-area{margin-left:200px;flex:1 1;position:relative;z-index:10}.scroll-section{padding:80px 56px;border-bottom:.5px solid var(--border);min-height:70vh;display:flex;flex-direction:column;justify-content:center;transition:filter .3s ease,opacity .3s ease,transform .3s ease;will-change:filter,opacity,transform}.scroll-section:last-child{border-bottom:none}.eyebrow{font-size:14px;color:var(--red);letter-spacing:.16em;margin-bottom:28px;font-family:var(--font-mono)}.hero-name{font-family:var(--font-display);font-size:clamp(48px,7vw,80px);font-weight:700;color:var(--text-primary);line-height:1;margin-bottom:4px}.hero-name em{font-style:italic;color:var(--silver-dim)}.hero-rule{width:44px;height:.5px;background:var(--red);margin:24px 0}.hero-desc{font-size:16px;color:var(--text-secondary);line-height:1.9;max-width:460px;margin-bottom:40px}.hero-desc strong{color:var(--silver);font-weight:400}.hero-desc .accent{color:var(--red)}.hero-ctas{display:flex;gap:12px}.btn-primary{background:var(--red);color:#fff;font-size:11px;padding:10px 24px;border:none;border-radius:2px;font-family:var(--font-mono);cursor:pointer;letter-spacing:.06em;transition:background .2s;text-decoration:none;display:inline-block}.btn-primary:hover{background:#a82020}.btn-ghost{background:transparent;color:#aaa;font-size:11px;padding:10px 24px;border:.5px solid #666;border-radius:2px;font-family:var(--font-mono);cursor:pointer;letter-spacing:.06em;transition:color .2s,border-color .2s;text-decoration:none;display:inline-block}.btn-ghost:hover{color:var(--silver);border-color:#444}.cursor{display:inline-block;width:3px;height:.85em;background:var(--red);margin-left:5px;vertical-align:middle;animation:blink 1.2s step-end infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.proj-list{display:flex;flex-direction:column}.proj-item{padding:28px 0;border-bottom:.5px solid var(--border);display:grid;grid-template-columns:32px 1fr auto;grid-gap:20px;gap:20px;align-items:start}.proj-item:last-child{border-bottom:none}.proj-num{font-size:10px;color:var(--red);padding-top:4px;letter-spacing:.05em}.proj-title{font-family:var(--font-display);font-size:20px;color:#d0d0d0;margin-bottom:6px;font-weight:400;line-height:1.2}.proj-org{font-size:14px;color:var(--red);letter-spacing:.12em;margin-bottom:12px}.proj-desc{font-size:13px;color:#999;line-height:1.85;margin-bottom:14px;max-width:420px}.proj-tags{display:flex;gap:6px;flex-wrap:wrap}.tag{font-size:10px;color:#aaa;border:.5px solid #444;padding:3px 9px;border-radius:2px;font-family:var(--font-mono)}.tag-red{color:var(--red-dim);background:var(--red-bg);border-color:#2a0f0f}.proj-meta{text-align:right;font-size:10px;color:var(--text-muted);line-height:2;white-space:nowrap}.proj-meta .highlight{color:var(--silver-dim)}.skills-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:40px;gap:40px;max-width:560px}.skill-group-title{font-size:13px;color:#cc2a2a;opacity:1;letter-spacing:.12em;margin-bottom:16px}.skill-items{display:flex;flex-direction:column;gap:10px}.skill-item{font-size:14px;color:#ccc;display:flex;align-items:center;gap:10px}.skill-dot{width:3px;height:3px;border-radius:50%;background:var(--red);flex-shrink:0}.contact-links{display:flex;flex-direction:column;gap:16px;margin-top:12px}.contact-link{font-size:12px;color:#aaa;text-decoration:none;display:flex;align-items:center;gap:12px;transition:color .2s;width:-moz-fit-content;width:fit-content}.contact-link:hover{color:var(--silver)}.contact-link .link-label{font-size:10px;color:#cc2a2a;letter-spacing:.1em;min-width:80px}.sidenav{width:200px;position:fixed;top:0;left:0;height:100vh;border-right:.5px solid var(--border);padding:36px 28px;display:flex;flex-direction:column;z-index:100;background:rgba(8,8,8,.85);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.sn-logo{font-family:var(--font-display);font-size:20px;font-style:italic;color:var(--text-primary);margin-bottom:52px}.sn-links{display:flex;flex-direction:column;gap:4px;flex:1 1}.sn-link{font-size:16px;color:var(--text-muted);text-decoration:none;padding:7px 0 7px 14px;letter-spacing:.08em;border-left:1.5px solid transparent;transition:color .2s,border-color .2s;cursor:pointer}.sn-link:hover{color:#888}.sn-link.active{color:var(--text-primary);border-left-color:var(--red)}.sn-bottom{display:flex;flex-direction:column;gap:8px;margin-bottom:32px}.sn-social{font-size:13px;color:#777;text-decoration:none;letter-spacing:.08em;transition:color .2s}.sn-social:hover{color:#666}.particle-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}@media (max-width:768px){.sidenav{display:none}.content-area{margin-left:0}.scroll-section{padding:60px 24px}.skills-grid{grid-template-columns:1fr}.proj-item{grid-template-columns:28px 1fr}.proj-meta{display:none}}