*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#222;background-color:#f4f4f4;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}.section{padding:3rem 1.25rem}.section-inner{max-width:960px;margin:0 auto}.section h2{text-align:center;margin-bottom:2rem;font-size:2rem}.site-header{color:#fff;z-index:10;background-color:#111827;padding:1rem 1.25rem;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:1.5rem;max-width:960px;margin:0 auto;display:flex}.brand{align-items:center;gap:.75rem;display:flex}.brand-logo{border-radius:999px;width:auto;height:42px}.brand-name{font-size:1.4rem;font-weight:700}.nav-list{flex-wrap:wrap;gap:1rem;list-style:none;display:flex}.nav-list a{color:#e5e7eb;border-radius:999px;padding:.25rem .5rem;font-size:.95rem;text-decoration:none;transition:background-color .15s,color .15s}.nav-list a:hover{color:#111827;background-color:#e5e7eb}.about-section p{margin-top:1.5rem;font-size:1.05rem}.image-row{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.image-row img{border-radius:8px;height:240px;box-shadow:0 4px 14px #00000014}.projects-section{background-color:#e5e7eb}.projects-subtitle{text-align:left;color:#374151;margin:1rem 0 .75rem;font-size:1.25rem}.project-card{background-color:#fff;border-radius:10px;margin-bottom:1rem;padding:1.25rem 1.5rem;box-shadow:0 4px 14px #0000000f}.project-card h3,.project-card p{margin-bottom:.5rem}.inline-link{color:#2563eb;text-decoration:none}.inline-link:hover{text-decoration:underline}.project-link{color:#f9fafb;background-color:#111827;border-radius:999px;align-items:center;gap:.5rem;margin-top:.75rem;padding:.5rem .9rem;font-size:.9rem;text-decoration:none;transition:transform .1s,box-shadow .1s,background .15s;display:inline-flex}.project-link img{width:auto;height:24px}.project-link:hover{background-color:#1f2933;transform:translateY(-1px);box-shadow:0 4px 12px #0f172a40}.contact-section{text-align:center}.contact-inner{flex-direction:column;align-items:center;display:flex}.contact-icons{flex-wrap:wrap;justify-content:center;gap:1.5rem;margin-top:1rem;display:flex}.contact-icons img{width:50px;height:50px}.site-footer{color:#9ca3af;text-align:center;background-color:#111827;padding:1rem;font-size:.85rem}