@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:100 800;font-display:swap;src:url(https://static.figma.com/font/BricolageGrotesque_opsz_wdth_wght__1)format("woff2")}@font-face{font-family:Lora;font-style:normal;font-weight:400 700;font-display:swap;src:url(https://static.figma.com/font/Lora_wght__2)format("woff2")}@font-face{font-family:Lora;font-style:italic;font-weight:400 700;font-display:swap;src:url(https://static.figma.com/font/Lora-Italic_wght__2)format("woff2")}@font-face{font-family:Fragment Mono;font-style:normal;font-weight:400;font-display:swap;src:url(https://static.figma.com/font/FragmentMono-Regular_1)format("woff2")}.circle{background:#fff;border-radius:50%;width:10px;height:10px;margin-right:5px;display:inline-block}.live-indicator-holder{align-items:center;gap:14px;display:inline-flex}.live-indicator-holder .indicator{color:#fff;text-transform:uppercase;border-radius:6px;padding:6px 7px;font-family:sans-serif;font-weight:700}.live-indicator-holder .indicator .blink{animation:1.2s cubic-bezier(.5,0,1,1) infinite alternate blinker}@keyframes blinker{0%{opacity:.9}to{opacity:.1}}.portfolio-main_button{color:var(--color-accent);font-family:var(--font-sans);font-size:1rem;text-decoration:none}.menu-selection{font-family:var(--font-sans);align-items:center;margin-bottom:14px;font-size:.8rem;display:flex}.hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:calc(100vh - 120px);padding:0 24px 40px;display:flex}.hero-title{font-family:var(--font-sans);color:var(--color-foreground);margin:0;font-size:6rem;font-weight:700}.hero p,code{width:70%}.filter{filter:grayscale(80%)}#about{text-align:center;justify-content:center;align-items:center;gap:40px;min-height:calc(100vh - 120px);padding:0 24px 40px;display:flex}.about-img{width:23%;height:auto;margin-bottom:20px}.about-content{text-align:left;max-width:800px}.about-text,p{font-family:var(--font-mono);margin-bottom:20px;font-size:.8rem;font-weight:400}.about-content-screen{text-align:left;background-color:var(--color-foreground);border-radius:8px;max-width:100vh;padding:20px}#stack{text-align:center;flex-direction:column;align-items:center;gap:40px;padding:0 24px 60px;display:flex}.stack-icon{width:50px;height:50px}.stack-icons{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}#work{text-align:center;flex-direction:column;align-items:center;gap:40px;padding:0 24px 80px;display:flex}.work-projects{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.project-img{object-fit:cover;width:200px;height:200px}.project{cursor:pointer;background:#0d0d0d;border:1px solid #1f1f1f;border-radius:16px;flex-direction:column;align-items:center;padding:12px;display:flex;position:relative;overflow:hidden}.project-content{text-align:center;width:80%;height:auto;font-family:var(--font-mono);font-size:.8rem}.project Link{color:var(--color-accent);font-family:var(--font-sans);font-size:1rem;text-decoration:none}.work-project-title{font-style:bold;font-family:var(--font-serif)}.work-project-description{font-family:var(--font-sans)}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:100 800;font-display:swap;src:url(https://static.figma.com/font/BricolageGrotesque_opsz_wdth_wght__1)format("woff2")}@font-face{font-family:Lora;font-style:normal;font-weight:400 700;font-display:swap;src:url(https://static.figma.com/font/Lora_wght__2)format("woff2")}@font-face{font-family:Lora;font-style:italic;font-weight:400 700;font-display:swap;src:url(https://static.figma.com/font/Lora-Italic_wght__2)format("woff2")}@font-face{font-family:Fragment Mono;font-style:normal;font-weight:400;font-display:swap;src:url(https://static.figma.com/font/FragmentMono-Regular_1)format("woff2")}:root{--font-sans:"Bricolage Grotesque", system-ui, sans-serif;--font-serif:"Lora", Georgia, serif;--font-mono:"Fragment Mono", "JetBrains Mono", monospace;--color-background:#0a0a0a;--color-foreground:#e8e4de;--color-card:#111;--color-muted:#1c1c1c;--color-muted-foreground:#5a5550;--color-accent:#c8b89a;--color-border:#222018}body{background:var(--color-background);color:var(--color-foreground);margin:0}.nav{border-bottom:1px solid var(--border);font-family:var(--font-sans);color:var(--color-accent);z-index:1000;padding:10px 50px;text-decoration:none;position:sticky;top:0}.nav a{color:var(--color-accent);text-decoration:none}.nav-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 0;display:flex}.nav-links{gap:30px;font-size:.8rem;display:flex}.logo{font-family:var(--font-mono);color:var(--color-accent);font-size:1rem;font-weight:700;text-decoration:none}