
:root{--bg-color:#000;--text-color:#fff;--accent-color:#fff;--secondary-accent:#fff;--card-bg:#000;--border-color:#fff;--font-main:'Archivo Black',sans-serif}[data-theme=brutalist]{--bg-color:#fcfcfc;--text-color:#000;--accent-color:#000;--secondary-accent:#000;--card-bg:#fff;--border-color:#000}[data-theme=brutalist-dark]{--bg-color:#000;--text-color:#fff;--accent-color:#fff;--secondary-accent:#fff;--card-bg:#000;--border-color:#fff}html{scroll-behavior:smooth}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-main);line-height:1.6;margin:0;padding:0;transition:background-color .3s ease,color .3s ease;overflow-wrap:break-word;word-wrap:break-word}.section-nav{position:sticky;top:0;background-color:var(--bg-color);z-index:900;border-bottom:4px solid var(--border-color)}.section-nav .container{padding:1rem 2rem;display:flex;gap:1rem;flex-wrap:wrap}@media (max-width:600px){.section-nav .container{padding:.75rem 1rem;gap:.5rem}}.section-nav a{font-family:monospace;text-transform:uppercase;font-size:.8rem;border:2px solid var(--border-color);padding:.2rem .6rem;background:var(--card-bg)}.section-nav a.active{background:var(--text-color);color:var(--bg-color)}@media (hover:hover){.section-nav a:hover{background:var(--text-color);color:var(--bg-color)}}.markdown-body img{max-width:100%;height:auto;border:4px solid var(--border-color);box-shadow:6px 6px 0 var(--border-color);display:block;margin:2rem auto}.container{max-width:700px;margin:0 auto;padding:2rem}header{padding:6rem 0 3rem;border-bottom:1px solid var(--border-color)}h1{font-size:5rem;font-weight:900;text-transform:uppercase;line-height:.8;margin:0 0 2rem 0;letter-spacing:-1px}h2{font-size:3rem;margin-top:4rem;border-bottom:8px solid var(--border-color);padding-bottom:.5rem;text-transform:uppercase}h3{font-size:1.5rem;margin-top:0;text-transform:uppercase}a{color:var(--text-color);text-decoration:none;border-bottom:2px solid var(--text-color);transition:background-color .2s ease,color .2s ease}a:hover{background-color:var(--text-color);color:var(--bg-color)}a:focus-visible,button:focus-visible,details:focus-visible,summary:focus-visible{outline:4px solid var(--text-color);outline-offset:4px;background-color:var(--text-color);color:var(--bg-color)}button:focus-visible svg{color:var(--bg-color)}[data-theme=brutalist-dark] .brutalist-switch:focus-visible .opt-dark,[data-theme=brutalist] .brutalist-switch:focus-visible .opt-light{filter:invert(0)}.header-title-row{display:flex;justify-content:flex-start;align-items:center;gap:2rem;margin-bottom:1.5rem}.header-title-link{border:none!important;color:inherit;text-decoration:none}.header-title-link:hover{background:0 0!important;color:inherit!important}.header-photo{display:flex;flex-shrink:0;width:120px;height:120px;border:4px solid var(--border-color)!important;box-shadow:6px 6px 0 var(--border-color);align-items:center;justify-content:center;background-color:#fff;transform:rotate(3deg);transition:transform .2s ease}.header-photo:hover{transform:rotate(0) scale(1.05);background-color:#fff!important}[data-theme=brutalist-dark] .header-photo:hover{background-color:#f0f0f0!important}.header-photo svg{width:110px;height:110px;color:#000}[data-theme=brutalist-dark] .header-photo{background-color:#f0f0f0;border-color:var(--border-color);box-shadow:6px 6px 0 var(--border-color)}@media (max-width:600px){.header-title-row{flex-direction:column;align-items:center;text-align:center;gap:1.5rem}.header-photo{width:100px;height:100px;transform:rotate(-2deg)}.header-photo svg{width:80px;height:80px}.neon-text{text-align:center}}.bio{font-size:1.2rem;margin-top:2rem}.card{background:var(--card-bg);border:4px solid var(--border-color);padding:1.5rem;margin-bottom:1.5rem;border-radius:0;box-shadow:10px 10px 0 var(--border-color)}.neon-text{font-family:monospace;font-size:.9rem;text-transform:uppercase;opacity:.8}.section{margin-bottom:4rem;scroll-margin-top:6rem}.social-links{margin-top:1rem}.social-links a{font-family:monospace;font-size:.8rem;padding:.2rem .5rem;background:var(--text-color);color:var(--bg-color)}.experience-card{display:flex;flex-direction:column}.company-name{margin-bottom:2rem;font-size:1.5rem;border-bottom:2px solid var(--border-color);padding-bottom:.5rem}.role-details{margin-bottom:2rem}.role-details:last-child{margin-bottom:0}.role-summary-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;list-style:none;padding:.5rem 0;transition:background-color .2s ease,color .2s ease}.role-summary-header:hover{background-color:var(--text-color);color:var(--bg-color)}.role-summary-header:hover h4{color:var(--bg-color)}.role-summary-header::-webkit-details-marker{display:none}.role-summary-header::after{content:'+';font-family:monospace;font-size:1.2rem;font-weight:700;flex-shrink:0;margin-left:1rem}.role-details[open] .role-summary-header::after{content:'-'}.role-info{flex-grow:1}.role-title{margin:0;font-size:1.2rem}.role-dates{margin:0;font-size:.8rem}.role-content{padding:.5rem 0 1.5rem 1.5rem;border-left:2px solid var(--border-color)}.project-content{padding:1rem 0;font-size:1rem}.role-summary{font-size:1rem;margin-bottom:1rem}.role-summary:last-child{margin-bottom:0}.post-list-compact{list-style:none;padding:0}.post-list-compact li{margin-bottom:.5rem}.post-list-compact a{font-size:1.1rem}.post-date-compact{font-family:monospace;font-size:.8rem;opacity:.6;margin-left:.5rem}.markdown-body{margin:2rem 0}.markdown-body p{margin-bottom:1.5rem}.post-footer{margin-top:4rem;padding-top:2rem;border-top:1px solid var(--border-color)}.project-details{border-bottom:1px solid var(--border-color);padding:1rem 0}.project-details summary{display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-weight:700;list-style:none;transition:background-color .2s ease,color .2s ease}.project-details summary:hover{background-color:var(--text-color);color:var(--bg-color)}.project-details summary:hover .project-company{color:var(--bg-color);opacity:1}.project-details summary::-webkit-details-marker{display:none}.project-details summary::after{content:'+';font-family:monospace;font-size:1.5rem}.project-details[open] summary::after{content:'-'}.project-company{margin-left:auto;margin-right:1.5rem;font-family:monospace;font-size:.8rem;opacity:.6;text-transform:uppercase}.background-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}@media (max-width:600px){.background-grid{grid-template-columns:1fr}}.minimal-list{list-style:none;padding:0;font-size:1rem}.minimal-list li{margin-bottom:1rem;padding-left:1rem;border-left:2px solid var(--border-color)}ul{padding-left:1.2rem}li{margin-bottom:.5rem}footer{text-align:left;padding:4rem 0;font-size:.8rem;border-top:1px solid var(--border-color);opacity:.6}@media (max-width:600px){.container{padding:1rem}h1{font-size:3rem;text-align:center}h2{font-size:2rem}.social-links{text-align:center}}.top-controls{position:fixed;top:.85rem;right:2rem;z-index:1000}@media (max-width:600px){.top-controls{top:.7rem;right:1rem}}.nav-flex{display:flex;justify-content:space-between;align-items:center;padding:.85rem 2rem}.nav-links{display:flex;gap:1rem;flex-wrap:wrap}@media (max-width:600px){.nav-links{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;width:100%;padding:0}.nav-links a{text-align:center;display:block;padding:.5rem}}.nav-home{font-family:'Archivo Black',sans-serif;text-transform:uppercase;font-size:.9rem;border:none!important;white-space:nowrap;margin-right:1rem;opacity:0;pointer-events:none;transition:opacity .2s ease}.section-nav.is-sticky .nav-home{opacity:1;pointer-events:auto}.brutalist-switch{background:var(--card-bg);border:2px solid var(--border-color);color:var(--text-color);padding:.15rem;cursor:pointer;display:flex;position:relative;border-radius:0;transition:background-color .2s ease}.switch-opt{padding:.25rem .4rem;display:flex;align-items:center;justify-content:center;z-index:1;transition:color .3s ease}.switch-opt svg{display:block}.brutalist-switch::before{content:'';position:absolute;top:.15rem;bottom:.15rem;width:calc(50% - .15rem);background-color:var(--text-color);transition:transform .3s cubic-bezier(.4, 0, .2, 1)}[data-theme=brutalist] .brutalist-switch::before{transform:translateX(0)}[data-theme=brutalist-dark] .brutalist-switch::before{transform:translateX(100%)}[data-theme=brutalist-dark] .opt-dark,[data-theme=brutalist] .opt-light{filter:invert(1)}
