.portfolio-item{position:relative;overflow:hidden;border-radius:3px;cursor:pointer;transition:transform 0.3s ease}.portfolio-item img{display:block;width:100%;height:auto;transition:transform 0.4s ease;border:solid #ffee00 5px}.portfolio-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.85);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 0.4s ease;padding:2rem;z-index:10}.portfolio-item:hover+.portfolio-overlay,.portfolio-overlay:hover{opacity:1}.portfolio-content{text-align:center;color:#ffffff;max-width:500px}.portfolio-content h3{font-size:1.8rem;margin-bottom:1rem;color:#ffffff;font-weight:600}.portfolio-content p{font-size:1rem;line-height:1.6;margin-bottom:1.5rem;color:rgba(255,255,255,0.9)}.portfolio-btn{display:inline-block;padding:12px 30px;background:transparent;color:#ffffff;text-decoration:none;border-radius:3px;font-weight:600;border:2px solid #ffffff}.portfolio-btn:hover{background:#ffffff;color:#000000}@media (max-width:768px){.portfolio-overlay{position:relative;opacity:1;background:#1a1a1a;margin-top:0!important;padding:1.5rem;border-radius:0 0 3px 3px}.portfolio-item{margin-bottom:0!important;border-radius:3px 3px 0 0}.portfolio-item:hover img{transform:none}.portfolio-content h3{font-size:1.4rem}.portfolio-content p{font-size:0.95rem}.et_pb_column:has(.portfolio-overlay){grid-row-gap:0}}