.projects-page{background-color:#0d0d0d;min-height:100vh;margin-left:75px;padding:40px}.projects-grid{flex-wrap:wrap;gap:16px;display:flex}.image-box{border-radius:10px;flex:30%;max-width:calc(33% - 16px);height:400px;position:relative;overflow:hidden}.portfolio-image{z-index:2;object-fit:cover;width:100%;height:100%;position:absolute}.content{z-index:3;background:linear-gradient(#0003 0,#000);width:100%;padding:10px 20px;transition:all .3s cubic-bezier(.645,.045,.355,1);position:absolute;bottom:-50px}.image-box:hover .content{background:0 0;bottom:0}.image-box:after{content:"";z-index:2;opacity:0;background:linear-gradient(silver,#000);transition:opacity .3s cubic-bezier(.645,.045,.355,1);position:absolute;inset:0}.image-box:hover:after{opacity:.85}.card-title{color:#fff;margin:0;font-size:24px;font-weight:500;line-height:24px}.card-description{color:#fff;margin:4px 0;font-size:12.5px;font-weight:700}.card-buttons{gap:8px;margin-top:20px;display:flex}.card-btn{color:#fff;text-transform:uppercase;background:0 0;border:2px solid silver;border-radius:4px;height:36px;padding:0 18px;font-size:13px;font-weight:700;line-height:32px;text-decoration:none;transition:all .3s cubic-bezier(.645,.045,.355,1);display:inline-block}.card-btn:hover{color:#0d0d0d;background:silver;transform:translateY(-3px)}@media screen and (max-width:1000px){.projects-page{margin-top:60px;margin-left:0;padding:40px 24px}}@media screen and (max-width:700px){.image-box{flex:100%;max-width:100%;height:250px}}