a,body{color:var(--fg)}h2,nav{border-bottom:2px solid var(--border)}h1,h2,h3{font-weight:600}a:hover,nav .nav-links a{text-decoration:none}a,nav .nav-links a:hover{text-decoration:underline}.project-header img,nav .nav-left img{width:36px;height:36px}footer,h2{margin-top:3rem}*,::after,::before{margin:0;padding:0;box-sizing:border-box}:root[data-theme=light]{--bg:#fff;--fg:#000;--fg-muted:#555;--border:#000;--border-light:#ccc}:root[data-theme=dark]{--bg:#000;--fg:#fff;--fg-muted:#aaa;--border:#fff;--border-light:#333}body{font-family:Lexend,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);line-height:1.65;max-width:900px;margin:0 auto;padding:2.5rem 1.5rem}.screenshot-item img,img{max-width:100%}h1{font-size:2.2rem;letter-spacing:.05em;margin-bottom:1rem}h2{font-size:1.4rem;padding-bottom:.4rem;margin-bottom:1.5rem}h3{font-size:1.1rem}p{margin-bottom:.75rem}.muted,small{color:var(--fg-muted);font-size:.9rem}#theme-toggle,.screenshots-toggle{color:var(--fg);font-family:inherit;letter-spacing:.05em;background:0 0;cursor:pointer}hr{border:none;border-top:1px solid var(--border-light);margin:3rem 0}.exp-item .company,li{margin-bottom:.5rem}img{display:block}.hero,.hero-links,.tech-list,nav,nav .nav-left,nav .nav-links{display:flex}ul{list-style:outside;padding-left:1.5rem}nav{justify-content:space-between;align-items:center;padding-bottom:1.25rem;margin-bottom:3rem;flex-wrap:wrap;gap:1rem}.hero,.project,section{margin-bottom:2rem}nav .nav-left{align-items:center;gap:1rem}nav .nav-left img{border-radius:50%}nav .nav-left span{font-weight:600;letter-spacing:.08em}nav .nav-links{gap:1.75rem;align-items:center}nav .nav-links a{font-size:.9rem;letter-spacing:.02em;font-weight:500}#theme-toggle{border:1px solid var(--border);padding:.35rem .75rem;font-size:.8rem;font-weight:500}#theme-toggle:hover,.screenshots-toggle:hover{background:var(--fg);color:var(--bg)}.hero{gap:2.5rem;align-items:flex-start}.hero-text{flex:1}.hero-avatar{width:140px;height:140px;border-radius:50%;border:2px solid var(--border);flex-shrink:0;object-fit:cover}.project,.screenshot-item img,.screenshots-toggle{border:1px solid var(--border-light)}.exp-logo,.exp-title-row .exp-logo{width:48px;height:48px;border-radius:8px;object-fit:contain}.exp-projects .exp-proj,.project-screenshots,footer{border-top:1px solid var(--border-light)}.hero-links{margin-top:1.25rem;gap:1.25rem;font-size:.95rem}.project{padding:2rem}.project-header{display:flex;align-items:center;gap:.85rem;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid var(--border-light)}.project-header h3{margin:0;font-size:1.25rem}.project-description{margin-bottom:1.5rem;line-height:1.75;font-size:1rem}.project-links{font-size:.9rem;margin-top:1.25rem;margin-bottom:1.5rem}.project-links a{margin-right:1.5rem}.tech-list{list-style:none;padding:0;flex-wrap:wrap;gap:.6rem;margin-top:1rem;margin-bottom:1.5rem}.exp-header h3,.tech-list li{margin:0}.tech-list img{height:24px;width:auto}.project-screenshots{margin-top:2rem;padding-top:1.75rem}.screenshots-toggle{padding:.5rem 1rem;font-size:.85rem;margin-bottom:1.25rem;font-weight:500}.exp-item .company,.exp-item .date,.highlights,.screenshot-label,footer{color:var(--fg-muted)}.screenshots-container{grid-template-columns:1fr 1fr;gap:2rem;display:none}.screenshots-container.open{display:grid}.screenshot-item{display:flex;flex-direction:column;gap:.6rem}.screenshot-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;font-weight:500}.skills-grid{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.skills-grid img{height:28px;width:auto}.exp-item{margin-bottom:2.5rem;padding-left:1.25rem;border-left:2px solid var(--border-light)}.exp-item .date{font-size:.85rem;font-weight:500}.exp-item h3{margin-bottom:.25rem;margin-top:.25rem}.exp-item .company{font-size:.95rem}.exp-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.exp-title-row{display:flex;align-items:center;gap:.75rem}.exp-title-row .exp-logo{margin:0}.exp-header .date{margin:0;white-space:nowrap}.exp-logo{margin-top:.75rem;margin-bottom:.5rem}.exp-projects{margin-top:0}.exp-projects .exp-proj{margin-bottom:2rem;padding-top:1.25rem}.exp-projects .exp-proj:first-child{border-top:none;padding-top:.5rem}.exp-projects .exp-proj-head{font-weight:600;font-size:1rem;margin-bottom:.75rem}.exp-projects .exp-proj p{margin-bottom:1rem;line-height:1.7}.highlights{list-style:none;padding:0;font-size:.9rem}.highlights li::before{content:"• "}.contact-info{font-size:1rem;margin-top:1rem}.contact-info a{margin-right:2rem}footer{padding-top:1.25rem;font-size:.85rem;text-align:center}.nav-toggle{display:none;background:0 0;border:none;cursor:pointer;flex-direction:column;gap:5px;padding:4px;z-index:20}.nav-toggle span{display:block;width:22px;height:2px;background:var(--fg);transition:transform .3s,opacity .3s}.nav-toggle.open span:first-child{transform:translateY(7px) rotate(45deg)}.nav-toggle.open span:nth-child(2){opacity:0}.nav-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media (max-width:768px){body{padding:2rem 1.25rem}.hero{gap:1.75rem}.hero-avatar{width:110px;height:110px}h1{font-size:1.85rem}.screenshots-container.open{grid-template-columns:1fr}.project{padding:1.5rem}.contact-info{display:flex;flex-direction:column;gap:.5rem}.contact-info a{margin-right:0}}@media (max-width:600px){h2,section{margin-bottom:1rem}body{padding:1.5rem 1rem}.nav-toggle,nav .nav-links.open{display:flex}nav{position:relative}nav .nav-links{display:none;flex-direction:column;width:100%;gap:0;padding-top:1rem;order:3}nav .nav-links a,nav .nav-links button{padding:.6rem 0;font-size:.95rem;width:100%;text-align:left;border-bottom:1px solid var(--border-light)}nav .nav-links a:last-of-type{border-bottom:none}#theme-toggle{margin-top:.5rem;width:max-content}.hero{flex-direction:column-reverse;align-items:center;text-align:center;gap:1.5rem}.hero-avatar{width:110px;height:110px}.hero-links{justify-content:center;flex-wrap:wrap}h1{font-size:1.6rem}h2{font-size:1.2rem;margin-top:2rem}.project{padding:1.25rem;margin-bottom:1.5rem}.project-header h3{font-size:1.1rem}.screenshots-container.open{grid-template-columns:1fr}.tech-list{gap:.4rem}.tech-list img{height:20px}.skills-grid img{height:24px}.exp-item{padding-left:.85rem}.exp-logo,.exp-title-row .exp-logo{width:40px;height:40px}.exp-header{flex-direction:column;align-items:flex-start;gap:.5rem}.exp-header .date{order:-1;font-size:.85rem}.exp-projects .exp-proj-head{display:flex;flex-direction:column;gap:.15rem}.contact-info{display:flex;flex-direction:column;gap:.5rem}.contact-info a{margin-right:0}hr{margin:2rem 0}}