.projects-list{display:grid;gap:20px;justify-items:center}.projects-list article{display:grid;max-width:600px;width:100%}@media (max-width:800px){.projects-list{grid-template-columns:1fr;gap:10px}}@media (min-width:801px) and (max-width:1024px){.projects-list{grid-template-columns:repeat(3,1fr);gap:12px}}@media (min-width:1025px){.projects-list{grid-template-columns:repeat(3,1fr);gap:20px}}.project{border:1px solid #ddd;padding:15px;background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;display:grid;grid-template-rows:auto auto 1fr auto;gap:.5rem}.project-title{background-color:#b8c9c81f;margin-top:-8px;margin-left:-15px;margin-right:-15px;padding-left:15px;padding-right:15px;border-top:15px solid #3c4d58;border-bottom:1px solid #d88c1f;border-left:none;border-right:none;background:linear-gradient(to bottom,#fff3e054,#c5a37240,#d88c1f59)}.project h3{font-size:1.5rem;color:#333;line-height:1.2;min-height:4.5em;margin:0}.project-image picture img{width:100%;height:auto;border-radius:4px;margin-bottom:15px}.project-link{display:inline-block;margin-top:10px;text-decoration:none;color:#0a519d;font-weight:700;align-self:end;text-align:end}.project-link:hover{text-decoration:underline}.project-gallery img,.project-image picture>img{width:100%;height:auto;border-radius:8px;object-fit:cover;box-shadow:0 0 10px #0000001a;transition:opacity .3s ease-in-out}.gallery-item picture img{transition:transform .3s ease}.project-gallery img[loading=lazy]{transition:opacity .3s ease-in-out}.project-gallery img.loaded{opacity:1}.project-gallery .gallery-item img:hover{transform:scale(1.02)}.cta{background-color:#10875f;color:#fff;padding:40px 20px;text-align:center;margin-top:60px;border-radius:12px;box-shadow:0 4px 15px #0000001a}.cta h2{font-size:2rem;margin-bottom:20px}.cta p{font-size:1.1rem;margin-bottom:30px}.cta-button{background-color:#fff;color:#896209;font-size:1.1rem;padding:10px 25px;border:none;border-radius:8px;text-decoration:none;display:inline-block;transition:background-color .3s,color .3s}.cta-button:hover{background-color:#10b981;color:#fff}@media (max-width:768px){.cta h2{font-size:1.6rem}.cta p{font-size:1rem}}