.portfolio-item{grid-column:span 1;width:100%}.portfolio-item a{border-radius:1px;text-decoration:none;display:block;position:relative;overflow:hidden}.portfolio-item .media{aspect-ratio:4/3;background-color:#000;overflow:hidden}.portfolio-item .media img{object-fit:cover;width:100%;height:100%;transition:opacity .2s ease-in-out}@media (hover:hover){.portfolio-item:hover .media img{opacity:.5}}.portfolio-item .content{flex-wrap:wrap;gap:10px;padding-top:10px;font-size:.95rem;display:flex}.portfolio-item .content>*{flex:1}@media (hover:hover){.portfolio-item .content{z-index:2;opacity:0;width:100%;padding:20px;transition:transform .2s ease-in-out,opacity .2s ease-in-out;position:absolute;bottom:0;left:0;transform:translateY(50%)}.portfolio-item:hover .content{opacity:1;transform:translateY(0)}}.portfolio-item .left{font-weight:500}.portfolio-item .right>*{opacity:.6}
.portfolio-items .container{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 10px;max-width:1600px;margin-left:auto;margin-right:auto;padding:0 30px;display:grid}@media (hover:hover){.portfolio-items .container{gap:10px}}@media (max-width:960px){.portfolio-items .container{flex-direction:column;display:flex}}