.box-grid{display:flex;flex-wrap:wrap;justify-content:flex-start;padding:5rem 0}.box-grid .box{width:calc(100% - 10px);margin:5px;box-sizing:border-box;background-color:var(--flat);background-size:cover;position:relative;display:flex;justify-content:center;align-items:flex-end;border-radius:1rem;overflow:hidden;min-height:0;transition:min-height .15s ease-out}.box-grid .box:hover,.box-grid .box:active{min-height:20rem;transition:min-height .25s ease-in}.box-grid .box.has-overlay:hover,.box-grid .box.has-overlay:active{overflow:visible}.box-grid .box--text-middle{align-items:center;text-align:left}.box-grid .box--double{order:-1}.box-grid .box__text-wrapper{color:var(--white);box-shadow:inset 0 0 0 99999px rgba(53,66,86,0.8);text-align:center;padding:2rem;width:100%}.box-grid .box__text-wrapper--no-shadow{color:var(--white);box-shadow:none;text-align:center;padding:2rem;width:100%}.box-grid .box__overlay-text{display:none;transition:.25s ease-in}.box-grid .box:hover .box__overlay-text,.box-grid .box:focus .box__overlay-text{display:flex;align-items:center;justify-content:center;z-index:5;position:absolute;top:0;left:0;width:100%;height:100%;padding:2rem;background-color:var(--flat);color:var(--white);border-radius:1rem}@media only screen and (min-width:768px){.box-grid .box{min-height:20rem;width:calc(100% * 1/2 - 10px)}.box-grid .box--double{width:calc(100% - 10px)}.box-grid .box:hover .box__overlay-text,.box-grid .box:active .box__overlay-text{width:calc(200% + 10px);transition:.25s ease-in}.box-grid--four-items .box:nth-child(2n+2) .box__overlay-text{left:auto;right:0}}@media only screen and (min-width:992px){.box-grid--four-items .box{width:calc(100% * 1/4 - 10px)}.box-grid--three-items .box{width:calc(100% * 1/3 - 10px)}.box-grid--four-items .box--double{width:calc(100% * 2/4 - 10px);order:0}.box-grid--three-items .box--double{width:calc(100% * 2/3 - 10px);order:0}.box-grid--four-items .box:nth-child(4n+4) .box__overlay-text,.box-grid--three-items .box:nth-child(3n+3) .box__overlay-text{left:auto;right:0}}.box-grid img{max-width:100%}