.root{font-family:Inter,Helvetica Neue,sans-serif}body,html{margin:0;padding:0}.hero{height:50vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:0rem}.hero h1{font-size:1.85rem;color:#00355e;margin-top:0}.hero p{font-size:1.2rem;color:#00355e}.cta-button{margin-top:1.5rem;padding:.75rem 1.5rem;background-color:#00355e;color:#fff;text-decoration:none;border-radius:5px}.cta-button:hover{background-color:#444}.navbar{display:flex;justify-content:space-between;align-items:center;background-color:#f0ede3;border-bottom:1px solid #e0e0e0;padding:0 2px;font-family:Inter,Helvetica Neue,sans-serif;font-size:15px;position:sticky;top:0;z-index:1000}.logo{height:100px;width:auto;margin-right:1px}.navbar-links{display:flex;list-style:none;gap:6px;margin:5px;padding:0}.navbar-links a{text-decoration:none;color:#00355e;font-weight:500;transition:color .2s ease}.navbar-links a:hover{color:#000}.projects{background-color:#fff;padding:4rem 2rem;max-width:1000px;margin:0 auto}.projects-title{text-align:center;font-size:1.85rem;margin-bottom:2rem;color:#00355e}.projects-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.project-card{border:1px solid #e0e0e0;padding:1.5rem;border-radius:8px;background-color:#f0ede3;color:#00355e;transition:box-shadow .2s ease}.project-card:hover{box-shadow:0 4px 12px #0000000d}.project-card h3{font-size:1.25rem;margin-bottom:.5rem;color:#00355e}.project-card p{font-size:1rem;color:#00355e;margin-bottom:1rem}.project-card a{text-decoration:none;color:#1f1f1f;font-weight:500;border-bottom:1px solid transparent;transition:border-color .3s ease}.project-card a:hover{border-color:#1f1f1f}.project-card .project-link{display:inline-block;margin-top:1rem;padding:.6rem 1.2rem;background-color:#00355e;color:#fff;text-decoration:none;border-radius:4px;font-weight:500;transition:background .3s ease,transform .2s ease}.project-link:hover{background-color:#003f8a;transform:translateY(-2px)}.contact{background-color:#fff;padding:4rem 2rem;text-align:center;font-family:Inter,Helvetica Neue,sans-serif}.contact h2{font-size:2rem;color:#00355e;margin-bottom:1rem}.contact p{font-size:1.1rem;color:#00355e;margin-bottom:2rem}.contact-link{display:inline-block;padding:.75rem 1.5rem;background-color:#00355e;color:#fff;text-decoration:none;border-radius:5px;transition:background .3s ease}.contact-link:hover{background-color:#333}.motto{margin-bottom:30px}