@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@600;700;800&family=Roboto+Mono:wght@400;500;600&display=swap";:root{--color-background:#0a0b0e;--color-surface:#15171c;--color-text-primary:#e2e8f0;--color-text-secondary:#8492a6;--color-accent:#d4af37;--color-border:#2d3748;--text-primary:#e2e8f0;--text-secondary:#8492a6;--font-heading:"Montserrat", sans-serif;--font-body:"Roboto Mono", monospace;--bg:var(--color-background);--text:var(--color-text-secondary);--text-h:var(--color-text-primary);--surface:var(--color-surface);--border:var(--color-border);--accent:var(--color-accent);--accent-bg:#d4af371f;--accent-border:#d4af3780;--code-bg:var(--color-surface);--social-bg:var(--color-surface);--shadow:0 4px 0 #00000040;color:var(--color-text-primary);background:var(--color-background);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-size:16px;line-height:1.6}*,:before,:after{box-sizing:border-box}html{background:var(--color-background);min-width:320px}body{background:var(--color-background);min-width:320px;min-height:100svh;margin:0}body,button,input,select,textarea{font-family:var(--font-body)}button,input,select,textarea{font-size:inherit}button{cursor:pointer}h1,h2,h3,h4,p,ul,ol,figure{margin:0}ul,ol{padding:0}h1,h2,h3,h4{color:var(--color-text-primary);font-family:var(--font-heading);font-weight:700}a{color:inherit;text-decoration:none}img,svg{max-width:100%;display:block}code,pre,kbd,samp{font-family:var(--font-body)}#root{min-height:100svh}.nav-links-desktop{align-items:center;display:flex}.hamburger-btn{border:1px solid var(--border);background:0 0;flex-direction:column;justify-content:center;gap:4px;width:40px;height:40px;padding:0;display:none}.hamburger-btn__line{background:var(--text-primary);width:20px;height:2px;margin:0 auto;display:block}.mobile-menu{z-index:50;background:var(--surface);border:1px solid var(--border);border-top:none;position:absolute;top:100%;left:0;right:0}.mobile-menu__list{list-style:none}.mobile-menu__link{letter-spacing:1px;text-transform:uppercase;color:var(--text-secondary);border-bottom:1px solid var(--border);padding:14px 24px;font-family:Roboto Mono,monospace;font-size:13px;display:block}.mobile-menu__link:hover{color:var(--accent)}@media (width<=768px){.nav-links-desktop{display:none}.hamburger-btn{display:inline-flex}}.arsenal{max-width:1280px;margin:0 auto;padding:0 24px 96px}.arsenal__header{margin-bottom:32px}.arsenal__title{margin-top:12px;font-size:clamp(1.5rem,3vw,2rem);line-height:1.2}.arsenal__grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.armory-panel{border:1px solid var(--border);background:#0a0b0ecc;flex-direction:column;gap:16px;padding:24px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.armory-panel__title{font-family:var(--font-heading);letter-spacing:2px;text-transform:uppercase;color:var(--text-primary);font-size:14px}.armory-panel__list{flex-direction:column;gap:8px;list-style:none;display:flex}.tech-module{letter-spacing:.5px;color:var(--text-secondary);background:var(--surface);border:1px solid var(--border);padding:12px 16px;font-family:Roboto Mono,monospace;font-size:13px;transition:all .25s cubic-bezier(.4,0,.2,1)}.tech-module:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-3px);box-shadow:0 6px 15px #d4af3726}@media (width<=768px){.arsenal{padding:0 16px 64px}.arsenal__grid{grid-template-columns:1fr}}@keyframes systemBoot{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.hero,.projects,.arsenal,.trajectory{opacity:0;animation:.7s cubic-bezier(.2,.8,.2,1) forwards systemBoot}.hero{animation-delay:.1s}.projects{animation-delay:.3s}.arsenal{animation-delay:.5s}.trajectory{animation-delay:.7s}.armory-panel:hover{box-shadow:0 0 15px #d4af371a}.contact{max-width:1280px;margin:0 auto;padding:0 24px 96px}.contact__header{margin-bottom:32px}.contact__title{margin-top:12px;font-size:clamp(1.5rem,3vw,2rem);line-height:1.2}.contact__form{flex-direction:column;gap:16px;max-width:600px;display:flex}.contact__grid{grid-template-columns:1fr 1fr;align-items:center;gap:48px;margin-top:32px;display:grid}.contact__watermark{font-family:var(--font-heading,"Montserrat", sans-serif);color:#e2e8f01f;text-align:center;-webkit-user-select:none;user-select:none;pointer-events:none;font-size:10rem;font-weight:900;line-height:1}.contact__input,.contact__textarea{background:var(--surface);border:1px solid var(--border);color:var(--text-primary);padding:14px;font-family:Roboto Mono,monospace;transition:border-color .2s,box-shadow .2s}.contact__textarea{resize:vertical}.contact__input:focus,.contact__textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 10px #d4af3733}@media (width<=768px){.contact{padding:0 16px 64px}.contact__grid{grid-template-columns:1fr}.contact__watermark{display:none}}.profile{max-width:1280px;margin:0 auto;padding:0 24px 96px}.profile__title{margin-top:12px;font-size:clamp(1.5rem,3vw,2rem);line-height:1.2}.profile__grid{grid-template-columns:1fr 1fr;gap:40px;margin-top:2rem;display:grid}.profile__text{color:var(--text-secondary);font-family:Roboto Mono,monospace;font-size:14px;line-height:1.8}.profile__links{flex-direction:column;gap:16px;list-style:none;display:flex}.profile__link-item{background:var(--surface);border:1px solid var(--border);color:var(--text-primary);padding:16px;font-family:Roboto Mono,monospace;transition:all .3s;display:block}.profile__link-item:hover{border-color:var(--accent);color:var(--accent);transform:translate(8px);box-shadow:0 0 15px #d4af371a}@media (width<=768px){.profile{padding:0 16px 64px}.profile__grid{grid-template-columns:1fr}}.sonar-background{z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0}.sonar-background canvas{pointer-events:auto}.navbar,main,.footer{z-index:10;position:relative}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.cursor{color:var(--accent);margin-left:4px;animation:1s step-end infinite blink}.project-detail{max-width:1280px;margin:0 auto;padding:96px 24px}.project-detail__back{font-family:var(--font-body);letter-spacing:1px;text-transform:uppercase;color:var(--text-secondary);font-size:13px;transition:color .2s;display:inline-block}.project-detail__back:hover{color:var(--accent)}.project-detail__title{letter-spacing:.5px;margin:32px 0 24px;font-size:clamp(2rem,5vw,3.5rem);line-height:1.1}.project-detail__description{color:var(--text-secondary);margin-bottom:24px;line-height:1.6;max-width:100%!important}.project-detail__client{color:var(--accent);font-family:var(--font-mono);letter-spacing:2px;opacity:.9;margin:-16px 0 24px;font-size:.85rem}.project-detail__stack{flex-wrap:wrap;gap:8px;list-style:none;display:flex}.project-detail__stack li{font-family:var(--font-body);letter-spacing:1px;color:var(--text-primary);background:var(--surface);border:1px solid var(--border);padding:6px 10px;font-size:12px}.project-detail__missing{font-family:var(--font-body);color:var(--text-secondary);margin-top:32px}@media (width<=768px){.project-detail{padding:64px 16px}}.hero__flag{vertical-align:baseline;-webkit-user-select:none;user-select:none;filter:grayscale(20%);margin-left:12px;font-size:.75em}.project-detail__tech-list{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.tech-badge{background-color:var(--surface);border:1px solid var(--accent);color:var(--text-primary);font-family:var(--font-body);text-transform:uppercase;cursor:default;align-items:center;gap:10px;padding:8px 16px;font-size:.85rem;transition:all .3s;display:inline-flex;box-shadow:0 0 10px #d4af371a}.tech-badge__img{object-fit:contain;filter:grayscale(0%)opacity();width:20px;height:20px;transition:all .3s}.tech-badge:hover{transform:translateY(-2px)}.tech-tag{font-family:var(--font-body);letter-spacing:.5px;color:var(--text-secondary);background:var(--surface);border:1px solid var(--border);padding:6px 10px;font-size:.85rem}.project-detail__tech-list .tech-tag{color:var(--text-primary);border-color:var(--accent);box-shadow:0 0 10px #d4af371a}.project-detail__subtitle{color:var(--accent);font-family:var(--font-mono);letter-spacing:2px;border-bottom:1px solid #d4af3733;margin:32px 0 16px;padding-bottom:8px;font-size:1rem}.project-detail__extended p{margin-bottom:24px;line-height:1.8}.project-detail__extended ul{color:var(--text-secondary);margin-bottom:32px;padding-left:20px;list-style:square}.project-detail__extended li{margin-bottom:12px;line-height:1.6}.project-detail__gallery-placeholder{border:1px dashed var(--border);background:#0a0b0e80;justify-content:center;align-items:center;width:100%;min-height:200px;margin:24px 0 48px;display:flex}.placeholder-text{font-family:var(--font-mono);color:#e2e8f04d;letter-spacing:1px;font-size:.9rem}.project-detail__authors{margin-top:48px;margin-bottom:32px}.authors-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;display:grid;padding-left:0!important;list-style:none!important}.author-item{font-family:var(--font-mono);color:var(--text-secondary);align-items:center;gap:8px;font-size:.85rem;display:flex}.author-bullet{color:var(--accent);font-weight:700}.navbar{z-index:100;background-color:var(--surface,#0a0b0e);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 24px;display:flex;position:sticky;top:0}.navbar__brand{font-family:var(--font-heading);letter-spacing:2px;color:var(--color-text-primary);font-size:14px;font-weight:700}.navbar__list{gap:24px;list-style:none;display:flex}.navbar__link{font-family:var(--font-body);letter-spacing:1px;text-transform:uppercase;color:var(--color-text-secondary);font-size:13px;transition:color .2s}.navbar__link:hover{color:var(--color-accent)}.hero{max-width:1280px;margin:0 auto;padding:96px 24px}.hero__eyebrow{font-family:var(--font-body);letter-spacing:3px;text-transform:uppercase;color:var(--color-accent);font-size:12px}.hero__title{letter-spacing:.5px;margin:16px 0 24px;font-size:clamp(2rem,5vw,3.5rem);line-height:1.1}.hero__title-accent{color:var(--color-text-secondary)}.hero__lede{max-width:100%;color:var(--color-text-secondary);line-height:1.6}.hero__tags{flex-wrap:wrap;gap:8px;margin:32px 0;list-style:none;display:flex}.hero__tags li{font-family:var(--font-body);letter-spacing:1px;color:var(--color-text-primary);background:var(--color-surface);border:1px solid var(--color-border);padding:6px 10px;font-size:12px}.hero__actions{flex-wrap:wrap;gap:12px;display:flex}.button{font-family:var(--font-body);letter-spacing:1px;text-transform:uppercase;border:1px solid #0000;align-items:center;padding:12px 20px;font-size:13px;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex}.button--primary{color:var(--color-background);background:var(--color-accent);font-weight:600}.button--primary:hover{background:#c3a234;transform:scale(1.02)}.button--ghost{color:var(--color-text-primary);border-color:var(--color-border);background:0 0}.button--ghost:hover{border-color:var(--color-accent);color:var(--color-accent);transform:scale(1.02)}.projects{max-width:1280px;margin:0 auto;padding:0 24px 96px}.projects__header{margin-bottom:32px}.section-label{font-family:var(--font-body);letter-spacing:3px;text-transform:uppercase;color:var(--color-accent);font-size:12px}.projects__title{margin-top:12px;font-size:clamp(1.5rem,3vw,2rem);line-height:1.2}.projects__grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.project-card{background:var(--color-surface);border:1px solid var(--color-border);cursor:pointer;border-radius:2px;flex-direction:column;gap:16px;padding:24px;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.project-card:hover{border-color:var(--color-accent);transform:translateY(-3px);box-shadow:0 6px 15px #d4af3726}.project-card__title{letter-spacing:1px;font-size:20px}.project-card:hover .project-card__title{color:var(--color-accent)}.project-card__description{color:var(--color-text-secondary);flex:1;font-size:14px;line-height:1.6}.project-card__tech{flex-wrap:wrap;gap:8px;display:flex}.trajectory{max-width:1280px;margin:0 auto;padding:0 24px 96px}.trajectory__header{margin-bottom:32px}.trajectory__title{margin-top:12px;font-size:clamp(1.5rem,3vw,2rem);line-height:1.2}.trajectory__list{border-top:1px solid var(--color-border);list-style:none}.trajectory__item{border-bottom:1px solid var(--color-border);flex-direction:column;gap:8px;padding:20px 0;display:flex}.trajectory__item-title{letter-spacing:1px;font-size:16px}.trajectory__item-description{color:var(--color-text-secondary);font-size:14px;line-height:1.6}.footer{border-top:1px solid var(--color-border);flex-direction:column;align-items:center;gap:16px;padding:32px 24px;display:flex}.footer__status{font-family:var(--font-body);letter-spacing:2px;color:var(--color-text-secondary);text-align:center;font-size:12px}.footer__nav{gap:24px;display:flex}.footer__link{font-family:var(--font-body);letter-spacing:1px;text-transform:uppercase;color:var(--color-text-primary);font-size:13px;transition:color .2s}.footer__link:hover{color:var(--color-accent)}@media (width<=640px){.navbar{padding:14px 16px}.navbar__list{gap:16px}.hero{padding:64px 16px}.hero__lede{font-size:14px}.projects{padding:0 16px 64px}.projects__grid{grid-template-columns:1fr}.trajectory{padding:0 16px 64px}}