*{box-sizing:border-box}body{color:#fdfafa;background-color:#100f0f;margin:0;font-family:Inter,sans-serif}main{max-width:1100px;margin:0 auto;padding:100px 32px}header{background-color:#080808;border-bottom:1px solid #333;width:100%;padding:24px 32px}nav{justify-content:flex-end;align-items:center;display:flex}nav a{color:#f5f5f5;text-decoration:none}.nav-links{gap:32px;display:flex}.nav-links a:hover{color:#a3a3a3}h1{font-size:64px}#about{border-bottom:1px solid #333;margin-top:10px}#projects h2{border-bottom:1px solid #333;margin-top:20px;padding-bottom:10px}#contact{border-bottom:1px solid #333;margin-top:10px}.projects-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.project-card{background-color:#1c1c1c;border:1px solid #333;border-radius:10px;overflow:hidden}.project-card img{aspect-ratio:16/10;object-fit:cover;width:100%;display:block}.project-info{padding:20px}.project-info h3{margin:0 0 8px}.project-info p{color:#a3a3a3;margin:0}.project-toggle{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;padding:0;display:block}.project-toggle img{aspect-ratio:16/10;object-fit:cover;width:100%;display:block}.project-info span{color:#a3a3a3}.project-links{border-top:1px solid #333;justify-content:space-between;padding:16px 20px;display:flex}.project-links a{color:#f5f5f5;text-decoration:none}.project-links a:hover{color:#a3a3a3}@media (width<=700px){.projects-grid{grid-template-columns:1fr}}