:root{--bg: #1d2021;--surface: #282828;--surface-2: #2d2d2d;--border: #3c3836;--border-strong: #504945;--text: #ebdbb2;--text-dim: #bdae93;--text-dimmer: #a89984;--text-faint: #928374;--text-faintest: #665c54;--yellow: #fabd2f;--aqua: #8ec07c;--orange: #fe8019;--blue: #83a598;--purple: #d3869b;--green: #b8bb26;--red: #fb4934}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg)}body{font-family:Inter,system-ui,sans-serif;color:var(--text);-webkit-font-smoothing:antialiased}a{color:var(--aqua);text-decoration:none}a:hover{color:var(--green)}*:focus-visible{outline:2px solid var(--yellow);outline-offset:2px}::selection{background:var(--border-strong);color:#fbf1c7}button{font-family:inherit}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.nav-btn:hover{background:var(--border);color:var(--text)!important}.chip:hover{border-color:var(--yellow)!important}.project-card:hover{border-color:var(--border-strong);background:var(--surface-2)}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px}@media (max-width: 860px){.project-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 560px){.project-grid{grid-template-columns:1fr}}@media (max-width: 899px){.project-preview{display:none!important}}.pill-btn{-webkit-tap-highlight-color:transparent;transition:background-color .15s ease}.pill-btn:visited,.pill-btn:active,.pill-btn:focus{color:inherit}.pill-btn:hover{background:color-mix(in srgb,currentColor 14%,transparent)}