.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;margin-top:20px}.project-item{background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.1);transition:transform .3s ease,box-shadow .3s ease;position:relative}.project-item:hover{transform:translateY(-5px);box-shadow:0 5px 15px rgba(0,119,182,.2)}.project-item a{display:block;text-decoration:none;color:#333}.project-item img{width:100%;height:200px;object-fit:contain;background-color:#fff;padding:10px;display:block}.hover-text{position:absolute;top:0;left:0;width:100%;height:auto;min-height:250px;max-height:600px;background-color:rgba(0,119,182,.9);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:25px;text-align:left;opacity:0;transition:opacity .3s ease;pointer-events:none;overflow-y:auto;font-size:15px;line-height:1.6}.project-item:hover .hover-text{opacity:1}.project-item h3{padding:15px;margin:0;font-size:18px;text-align:center;background-color:#f8f9fa;font-family:montserrat,sans-serif;color:#0077b6}