.projects-page{min-height:100vh;position:relative}.projects-main{display:grid;grid-template-columns:repeat(5,1fr);grid-auto-rows:150px;grid-auto-flow:dense;gap:.8px;width:100%;position:relative}.projects-page .projects-main-landing{height:100vh;display:flex;align-items:center;justify-content:center;background-color:#000;position:relative;color:#fff}@media (max-width:768px){.projects-main-landing{height:70vh!important}}.box-project{position:relative;overflow:hidden;cursor:pointer;display:flex;flex-direction:column;width:100%;height:100%;transition:transform .3s ease-in-out}.box-project img{width:100%;height:100%;object-fit:cover}.box-text{position:absolute;bottom:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding:20px;font-weight:700;color:#fff;background:rgba(0,0,0,.241);transition:.3s;backdrop-filter:blur(1px);-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s}.box-project:hover .box-text{background:transparent;backdrop-filter:none;color:#fff}.projects-main-landing video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:top}.projects-main-landing h1{position:relative;z-index:2;text-shadow:8px 6px 20px #1d1c30;text-align:center}