.portfolio-grid-f16a4c74{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}@media (min-width:1024px){.portfolio-grid-f16a4c74{grid-template-columns:repeat(3,1fr)}}.portfolio-card-f16a4c74{position:relative;border-radius:8px;overflow:hidden;aspect-ratio:4 / 3;box-shadow:0 4px 10px rgb(0 0 0 / .05)}.portfolio-image-f16a4c74{width:100%;height:100%}.portfolio-image-f16a4c74 img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease}.portfolio-card-f16a4c74:hover .portfolio-image-f16a4c74 img{transform:scale(1.1)}.portfolio-item-overlay-f16a4c74{position:absolute;top:0;left:0;width:100%;height:100%;background:rgb(30 41 59 / .9);display:flex;align-items:center;justify-content:center;text-align:center;padding:20px;box-sizing:border-box;opacity:0;transition:opacity 0.4s ease}.portfolio-card-f16a4c74:hover .portfolio-item-overlay-f16a4c74{opacity:1}.portfolio-info-f16a4c74{transform:translateY(20px);transition:transform 0.4s ease}.portfolio-card-f16a4c74:hover .portfolio-info-f16a4c74{transform:translateY(0)}.portfolio-item-overlay-f16a4c74 h3{margin:0 0 10px;font-size:1.5rem;font-weight:600}.portfolio-item-overlay-f16a4c74 p{margin:0 0 20px;font-size:.95rem;line-height:1.5}.portfolio-btn-f16a4c74{display:inline-block;padding:10px 24px;text-decoration:none;font-size:.9rem;font-weight:500;border-radius:4px;transition:background-color 0.3s ease,color 0.3s ease}