main{display:grid;grid-template-columns:repeat(2,1fr);gap:min(2.5vw,50px);padding:0 0 20px;align-content:start}.project-link{display:block;width:100%;margin:0}.project-wrap{position:relative;width:100%}.project-wrap:before{display:block;content:"";padding-top:66.6667%}.project-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.details{position:absolute;inset:0;width:90%;padding:0 5%;color:var(--bg-color);background:rgba(0,0,0,.5);opacity:0;transition:opacity .3s}.details>div{margin:5% 0;letter-spacing:1.5px;font-weight:500}.details:hover{opacity:1}@media screen and (max-width:460px){main{grid-template-columns:100%;gap:7.25vw 0}.project-link{width:90%;margin:0 auto}.title{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.date{display:none}.details>div{margin:0}}