.grid-box-section{display:grid;gap:2rem;grid-auto-flow:row dense;grid-auto-rows:400px;grid-template-columns:repeat(3,1fr);margin:2rem auto;max-width:1440px}.grid-box-item{align-items:flex-end;display:flex;flex-flow:column;justify-content:flex-end;overflow:hidden;position:relative}.grid-box-item__img{height:100%;inset:0;position:absolute}.grid-box-item__img img{height:100%;object-fit:cover;width:100%}.grid-box-content{background-color:rgba(26,151,70,.65);flex-grow:0;position:relative;transition:all .75s ease-in-out;width:100%}.grid-box-item:active .grid-box-content,.grid-box-item:focus .grid-box-content,.grid-box-item:hover .grid-box-content{flex-grow:1}.grid-box-content-wrapper{background-color:rgba(0,0,0,.5);color:var(--clr-light);display:flex;flex-direction:column;height:100%;inset:0;justify-content:center;padding:.75rem 1rem;position:relative}.grid-box-content__title{font-size:1.175rem;margin:.475rem 0;text-transform:uppercase}.grid-box-content__body-text,.grid-box-content__small-text{font-size:16px;font-weight:600}.grid-box-content__small-text{margin-bottom:1.275rem}.grid-box-content__body-text{max-height:0;opacity:0;overflow:hidden}.grid-box-item:active .grid-box-content__body-text,.grid-box-item:focus .grid-box-content__body-text,.grid-box-item:hover .grid-box-content__body-text{animation:fadeIn .75s ease-in-out forwards;animation-delay:.75s}.grid-box-content__link{height:100%;inset:0;position:absolute;width:100%}@keyframes fadeIn{0%{max-height:0;opacity:0}to{max-height:100%;opacity:1}}.grid-column-size-1{grid-column-end:span 1}.grid-column-size-2{grid-column-end:span 2}.grid-column-size-3{grid-column-end:span 3}.grid-row-size-1{grid-row-end:span 1}.grid-row-size-2{grid-row-end:span 2}@media (max-width:992px){.grid-box-section{grid-template-columns:repeat(2,1fr)}.grid-box-item{min-height:300px}.grid-column-size-3{grid-column:span 2}}@media (max-width:762px){.grid-box-section{grid-auto-rows:1fr;grid-template-columns:repeat(1,1fr)}.grid-box-item{min-height:300px}.grid-box-content{flex-grow:1}.grid-box-content__body-text{max-height:100%;opacity:1}.grid-box-item:active .grid-box-content__body-text,.grid-box-item:focus .grid-box-content__body-text,.grid-box-item:hover .grid-box-content__body-text{animation:none}.grid-column-size-3{grid-column:span 1;grid-row-end:span 2}}