.portfolio{background-color:#121212}.portfolio .portfolio-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.portfolio .portfolio-grid .portfolio-item{aspect-ratio:16/9;border-radius:10px;position:relative;overflow:hidden}.portfolio .portfolio-grid .portfolio-item img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.portfolio .portfolio-grid .portfolio-item video{object-fit:cover;width:100%;height:100%;display:none;position:absolute;top:0;left:0}.portfolio .portfolio-grid .portfolio-item:hover img{transform:scale(1.1)}.portfolio .portfolio-grid .portfolio-item:hover video{display:block}.portfolio .portfolio-grid .portfolio-item:hover .portfolio-overlay{opacity:1}.portfolio .portfolio-grid .portfolio-item .portfolio-overlay{opacity:0;background:#0009;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .3s;display:flex;position:absolute;top:0;left:0}.portfolio .portfolio-title{color:#fff;text-align:center;padding:0 20px;font-size:1.5rem}.portfolio .portfolio-cta{text-align:center;margin-top:40px}