:root{--obsidian: #0B0B0B;--cobalt: #0000FF;--cobalt-dim: rgba(0, 0, 255, .14);--white: #F2F2FC;--muted: rgba(242, 242, 252, .5);--border: rgba(242, 242, 252, .07);--font: "Space Grotesk", system-ui, -apple-system, sans-serif;font-family:var(--font);font-size:16px;line-height:1.6;color:var(--white);background:var(--obsidian);color-scheme:dark;scroll-behavior:smooth;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;min-height:100%;overflow-x:clip;background:var(--obsidian)}#root{width:100%;min-height:100%;display:flex;flex-direction:column}button{font-family:var(--font);cursor:pointer}a{color:inherit}.projects-track::-webkit-scrollbar{display:none}.grain-overlay{position:fixed;top:-6%;right:-6%;bottom:-6%;left:-6%;width:112%;height:112%;pointer-events:none;z-index:9999;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain .35s steps(1) infinite}@keyframes grain{0%,to{transform:translate(0)}10%{transform:translate(-3%,-2%)}20%{transform:translate(2%,3%)}30%{transform:translate(-1%,4%)}40%{transform:translate(3%,-1%)}50%{transform:translate(-2%,2%)}60%{transform:translate(1%,-3%)}70%{transform:translate(-3%,1%)}80%{transform:translate(2%,-2%)}90%{transform:translate(-1%,3%)}}