.homepage-projects{overflow:hidden}.homepage-projects .grid-container{display:-ms-grid;display:grid;-ms-grid-rows:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr;-ms-grid-columns:1fr 1fr 1fr;grid-template-columns:1fr 1fr 1fr}.homepage-projects .grid-item{position:relative;overflow:hidden;margin:0;height:100%;width:100%}.homepage-projects .grid-item::before{position:absolute;bottom:0;left:0;z-index:2;display:block;content:'';width:0;height:0;opacity:0;background-color:#000}.homepage-projects .grid-item:hover::before{width:100%;height:100%;transition:width .3s,height .3s,opacity .3s;opacity:.8}.homepage-projects .hover-overlay{position:absolute;top:0;bottom:0;right:0;left:0;display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:2;opacity:0}.homepage-projects .hover-overlay hr{height:3px;width:2rem;border:none;opacity:1}.homepage-projects .intro-hover-graphic{width:4rem}.homepage-projects .grid-item:hover .hover-overlay{opacity:1;transition:opacity .5s}@media (min-width:768px){.homepage-projects .projects-container{display:-ms-grid;display:grid;gap:1.5rem;-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2,1fr)}.homepage-projects .grid-container{-ms-grid-column:1;-ms-grid-column-span:1;grid-column:1/2;-ms-grid-row:1;grid-row:1/1;max-width:56rem}.homepage-projects .text-container{-ms-grid-column:2;-ms-grid-column-span:1;grid-column:2/3;-ms-grid-row:1;grid-row:1/1;-ms-grid-row-align:center;align-self:center;max-width:40rem;margin-left:0}}