@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@500;700&family=League+Spartan:wght@600;700;800&family=Manrope:wght@400;500;700;800&display=swap");:root{color-scheme:light dark;--background:#f4f4ef;--surface:rgba(255,255,255,0.78);--surface-strong:rgba(255,255,255,0.92);--text:#10100e;--text-muted:#4d4d46;--text-soft:#6c6c63;--border:rgba(16,16,14,0.12);--border-strong:rgba(16,16,14,0.22);--button-background:rgba(16,16,14,0.06);--button-foreground:#10100e;--button-hover-background:#10100e;--button-hover-foreground:#f4f4ef;--hero-outline:rgba(16,16,14,0.92);--grid-line:rgba(16,16,14,0.04);--grid-accent:rgba(16,16,14,0.06);--particle-rgb:16 16 14;--canvas-inner:rgba(255,255,255,0.95);--canvas-outer:#eeeee8;--shadow:rgba(16,16,14,0.12)}@media (prefers-color-scheme:dark){:root{--background:#050505;--surface:rgba(12,12,12,0.82);--surface-strong:rgba(18,18,18,0.92);--text:#f4f4ef;--text-muted:#b8b8ae;--text-soft:#8d8d85;--border:rgba(244,244,239,0.12);--border-strong:rgba(244,244,239,0.22);--button-background:rgba(244,244,239,0.05);--button-foreground:#f4f4ef;--button-hover-background:#f4f4ef;--button-hover-foreground:#050505;--hero-outline:rgba(244,244,239,0.92);--grid-line:rgba(244,244,239,0.04);--grid-accent:rgba(244,244,239,0.07);--particle-rgb:244 244 239;--canvas-inner:rgba(16,16,16,0.95);--canvas-outer:#050505;--shadow:rgba(0,0,0,0.4)}}*{box-sizing:border-box}html{scroll-behavior:smooth}body,html{min-height:100%;background:var(--background)}body{margin:0;color:var(--text);font-family:Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}a,button{-webkit-tap-highlight-color:transparent}button{font:inherit}.background-canvas{position:fixed;inset:0;z-index:0;pointer-events:none}.not-found-shell,.site-shell{position:relative;min-height:100vh;overflow:hidden}.content-wrap{position:relative;z-index:1;width:min(100% - 40px,1180px);margin:0 auto;padding:0 0 32px}.hero-section{display:flex;min-height:62vh;flex-direction:column;align-items:center;justify-content:center;padding:28px 0 34px;text-align:center}.hero-mark{display:block;flex:0 0 auto}.hero-section h1{margin:28px 0 0;color:var(--text);font-family:League Spartan,Impact,sans-serif;font-size:88px;font-weight:800;letter-spacing:1.4px;line-height:.88}.hero-section p{margin:12px 0 0;color:var(--text-muted);font-family:IBM Plex Mono,monospace;font-size:15px;font-weight:700;letter-spacing:5.2px}.button-row,.contact-links{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.button-row{margin-top:28px}.portfolio-button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:10px;border:1px solid var(--border-strong);border-radius:999px;padding:11px 16px;background:var(--button-background);color:var(--button-foreground);cursor:pointer;font-family:IBM Plex Mono,monospace;font-size:14px;font-weight:700;letter-spacing:1.6px;line-height:1;text-align:center;transition:transform .18s ease,border-color .18s ease,background-color .18s ease,color .18s ease;white-space:nowrap}.portfolio-button:focus-visible,.portfolio-button:hover{border-color:var(--hero-outline);background:var(--button-hover-background);color:var(--button-hover-foreground);transform:scale(1.02);outline:none}.button-icon,.portfolio-button svg{width:14px;height:14px;flex:0 0 auto}.section{position:relative;z-index:1;scroll-margin-top:34px}.projects-section{padding-top:28px}.contact-section{padding-top:54px}.section-title{margin:0;color:var(--text-muted);font-family:League Spartan,Impact,sans-serif;font-size:34px;font-weight:800;letter-spacing:1.8px;line-height:1.05;text-align:center}.projects-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:24px;gap:24px;margin-top:26px}.project-card{display:flex;min-height:100%;flex-direction:column;align-items:flex-start;border:1px solid var(--border);border-radius:8px;padding:26px;background:var(--surface);box-shadow:0 16px 24px color-mix(in srgb,var(--shadow) 62%,transparent);transition:transform .22s cubic-bezier(.22,1,.36,1),border-color .22s ease,background-color .22s ease,box-shadow .22s ease}.project-card:focus-within,.project-card:hover{border-color:var(--border-strong);background:var(--surface-strong);box-shadow:0 16px 34px color-mix(in srgb,var(--shadow) 90%,transparent);transform:translateY(-6px)}.project-stack{margin:0 0 16px;color:var(--text-muted);font-family:IBM Plex Mono,monospace;font-size:12px;font-weight:700;letter-spacing:1.8px;line-height:1.4}.project-card h3{margin:0 0 12px;color:var(--text);font-family:League Spartan,Impact,sans-serif;font-size:30px;font-weight:700;line-height:1.05}.project-attribution,.project-description{color:var(--text-muted);line-height:1.65}.project-description{margin:0;font-size:15px}.project-attribution{margin:10px 0 0;color:var(--text-soft);font-size:13px}.source-link{display:inline-flex;align-items:center;gap:6px;margin-top:6px;color:var(--text-muted);font-family:IBM Plex Mono,monospace;font-size:12px;font-weight:700;letter-spacing:1.1px;line-height:1.35}.source-link svg{width:15px;height:15px;flex:0 0 auto}.project-card>.portfolio-button{margin-top:24px;transform-origin:left center}.contact-links{margin-top:24px;gap:14px}.footer{margin-top:40px;color:var(--text-soft);font-size:12px;text-align:center}.floating-links{position:fixed;right:16px;bottom:18px;z-index:2;display:none;flex-direction:column;gap:12px}.floating-link{display:inline-flex;width:56px;height:56px;align-items:center;justify-content:center;border:1px solid var(--border-strong);border-radius:50%;background:var(--surface-strong);box-shadow:0 10px 18px color-mix(in srgb,var(--shadow) 80%,transparent);transition:transform .18s ease,border-color .18s ease,background-color .18s ease,color .18s ease}.floating-link:focus-visible,.floating-link:hover{border-color:var(--hero-outline);background:var(--button-hover-background);color:var(--button-hover-foreground);transform:translateY(-2px);outline:none}.floating-link svg{width:18px;height:18px}.not-found-shell{display:grid;place-items:center;padding:20px}.not-found-panel{position:relative;z-index:1;width:min(100%,640px);border:1px solid var(--border);border-radius:8px;padding:42px 30px;background:var(--surface);box-shadow:0 16px 34px color-mix(in srgb,var(--shadow) 84%,transparent);text-align:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.not-found-panel .hero-mark{margin:0 auto}.not-found-panel h1{margin:26px 0 0;color:var(--text);font-family:League Spartan,Impact,sans-serif;font-size:54px;font-weight:800;letter-spacing:4px;line-height:1}.not-found-kicker{margin:8px 0 0;color:var(--text-muted);font-family:IBM Plex Mono,monospace;font-size:12px;font-weight:700;letter-spacing:3.5px}.not-found-copy{max-width:460px;margin:18px auto 24px;color:var(--text-muted);font-size:15px;line-height:1.6}@media (max-width:1120px){.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:759px){.content-wrap{width:min(100% - 28px,1180px)}.hero-section{min-height:58vh;padding-top:18px}.hero-section h1{font-size:56px}.hero-section p{font-size:13px;letter-spacing:3.2px}.section-title{font-size:29px}.projects-grid{grid-template-columns:1fr}.project-card{padding:24px}.hide-compact{display:none}.floating-links{display:flex}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}