.web-portfolio-section{padding:30px;background:#fff}.web-portfolio-grid{max-width:1500px;margin:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:40px}.web-project-card{position:relative;overflow:hidden;border-radius:20px;background:#fff;cursor:pointer;box-shadow:0 15px 35px rgb(0 0 0 / .08);aspect-ratio:16/10;opacity:0;transform:translateY(60px);animation:fadeUp .8s forwards;transition:.5s}.web-project-card:nth-child(2){animation-delay:.2s}.web-project-card:hover{transform:translateY(-10px);box-shadow:0 20px 45px rgb(0 0 0 / .15)}.web-project-card img{width:100%;height:100%;object-fit:cover;background:#fff;display:block;transition:.6s}.web-project-card:hover img{transform:scale(1.05)}.web-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgb(0 0 0 / .92),rgb(0 0 0 / .25));display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding:30px;text-align:center;opacity:0;transition:.5s}.web-project-card:hover .web-overlay{opacity:1}.web-overlay h3{color:#fff;font-size:28px;margin-bottom:10px;font-weight:700;letter-spacing:1px}.project-desc{color:#ddd;font-size:15px;line-height:1.7;margin-bottom:20px;letter-spacing:1px;font-weight:500px}.web-buttons{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.view-btn,.visit-btn{padding:12px 28px;border-radius:50px;text-decoration:none;font-size:15px;font-weight:600;transition:.4s}.view-btn{background:#ff6b00;color:#fff}.visit-btn{background:#fff;color:#111}.view-btn:hover,.visit-btn:hover{transform:translateY(-5px)}@keyframes fadeUp{from{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}@media(max-width:992px){.web-portfolio-grid{grid-template-columns:1fr;gap:30px}.web-project-card{aspect-ratio:16/11}.web-overlay h3{font-size:24px}}@media(max-width:576px){.web-portfolio-section{padding:70px 20px}.web-project-card{aspect-ratio:auto}.web-project-card img{height:auto;padding:10px}.web-overlay{padding:20px}.web-overlay h3{font-size:22px}.project-desc{font-size:14px}.web-buttons{flex-direction:column;width:100%}.view-btn,.visit-btn{width:100%;text-align:center}}