.grid-hover{overflow:hidden;position:relative;text-align:center}.grid-hover__intro{margin-bottom:5.2rem}.grid-hover__card{padding:80% 0 0;position:relative}.grid-hover__card.card-style--white{background:var(--c-white);color:var(--c-main)}.grid-hover__card.card-style--bg-image{color:var(--c-white);overflow:hidden;text-align:left}.grid-hover__card-content{bottom:0;left:0;padding:var(--col-gap);position:absolute;z-index:3}.grid-hover__card-bg-img{z-index:1}.grid-hover__card-bg-img,.grid-hover__card.card-style--bg-image:after{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.grid-hover__card.card-style--bg-image:after{background:transparent linear-gradient(0deg,rgba(0,0,0,.7) 0,rgba(0,0,0,.7) 60%,transparent);content:"";display:block;transition:all .5s;z-index:2}.grid-hover__card-blurb{max-height:0;max-width:480px;opacity:0;transition:all .5s}.grid-hover__card.card-style--bg-image:focus:after,.grid-hover__card.card-style--bg-image:hover:after{background-color:rgba(0,0,0,.8)}.grid-hover__card:focus .grid-hover__card-blurb,.grid-hover__card:hover .grid-hover__card-blurb{max-height:300px;opacity:1}.grid-hover__columns{display:grid;gap:var(--col-gap);grid-template-columns:1fr}@media (min-width:840px){.grid-hover__columns.cols--two{grid-template-columns:repeat(2,1fr)}.grid-hover__columns.cols--more,.grid-hover__columns.cols--three{grid-template-columns:repeat(3,1fr)}.grid-hover__columns.cols--four{grid-template-columns:repeat(2,1fr);max-width:1600px}}@media (min-width:1400px){.grid-hover__columns.cols--four{grid-template-columns:repeat(4,1fr)}.grid-hover__columns.cols--four .grid-hover__card{padding:120% 0 0}}