*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:DM Mono,monospace;background:var(--bg-base);color:var(--text-secondary)}a{color:inherit;text-decoration:none}ul,ol{list-style:none}img{display:block;max-width:100%}:root{--bg-base: #1e0303;--bg-surface: #111111;--bg-raised: #181818;--border: #222222;--text-primary: #f0ede6;--text-secondary: #e8e8e2;--text-muted: #555550;--accent: #c4f135;--accent-dim: #8aaa22}.portfolio{display:grid;grid-template-columns:280px 1fr;height:100vh;overflow:hidden}.col-left{overflow-y:auto;height:100vh;position:sticky;top:0;border-right:.5px solid var(--border);background:var(--bg-base);padding:2rem 1.5rem;display:flex;flex-direction:column}.col-right{overflow-y:auto;height:100vh;padding:3rem;background:var(--bg-base)}.section-label{font-family:DM Mono,monospace;font-size:11px;font-weight:400;text-transform:uppercase;letter-spacing:.15em;color:var(--text-muted);margin-bottom:.75rem}.col-left::-webkit-scrollbar,.col-right::-webkit-scrollbar{width:4px}.col-left::-webkit-scrollbar-track,.col-right::-webkit-scrollbar-track{background:transparent}.col-left::-webkit-scrollbar-thumb,.col-right::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}@media(max-width:1023px)and (min-width:768px){.portfolio{grid-template-columns:220px 1fr}.col-left{padding:1.5rem 1rem}.col-right{padding:2rem}}@media(max-width:767px){.portfolio{grid-template-columns:1fr;height:auto;overflow:visible}.col-left{height:auto;position:relative;border-right:none;border-bottom:.5px solid var(--border);padding:1.5rem}.col-right{height:auto;padding:2rem 1.5rem}}