.hover-boxes{display:grid;gap:1.6rem;@media (min-width:768px){gap:2.4rem;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(var(--row-count),1fr)}}.hover-boxes__box{border:var(--border);display:flex;flex-direction:column;justify-content:flex-end;position:relative}.hover-boxes__box__image{overflow:hidden;img{height:100%;object-fit:cover;width:100%}}.hover-boxes__box__content :last-child{margin-bottom:0}.hover-boxes__box__overlay-link{inset:0;position:absolute;z-index:3}@media (hover:hover){@keyframes hover-boxes-slide{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes hover-boxes-slide-out{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.hover-boxes__box{color:var(--white);display:flex;flex-direction:column-reverse;justify-content:flex-start;padding:3.2rem;transition:all .3s}.hover-boxes__box__image{inset:0;position:absolute;z-index:-2}.hover-boxes__box:before{background-color:rgba(0,0,0,.5);content:"";inset:0;position:absolute;transition:background-color .3s ease-in-out;z-index:-1}.hover-boxes__box__content{opacity:0;position:relative;z-index:2}.hover-boxes__box:focus-within,.hover-boxes__box:hover{flex-direction:column;justify-content:flex-end}.hover-boxes__box:focus-within:before,.hover-boxes__box:hover:before{background-color:#fff;color:var(--neutral100)}.hover-boxes__box:focus-within .hover-boxes__box__content,.hover-boxes__box:hover .hover-boxes__box__content{color:var(--neutral100);opacity:1}.hover-boxes__box__heading{a{color:var(--white)}}.hover-boxes__box__heading{animation:hover-boxes-slide-out .3s ease forwards}.hover-boxes__box:focus-within .hover-boxes__box__heading,.hover-boxes__box:hover .hover-boxes__box__heading{animation:hover-boxes-slide .3s ease forwards;order:2;a{color:var(--primary-color)}}.hover-boxes__box:focus-within svg,.hover-boxes__box:hover svg{opacity:0;order:1}.hover-boxes__box__heading-wrapper{display:flex;flex-direction:column}}@media (max-width:1200px) and (min-width:600px){.hover-boxes{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(var(--row-count-2col),1fr)}}@media (hover:none) and (pointer:coarse){.hover-boxes{grid-template-rows:auto auto}.hover-boxes__box{justify-content:flex-start}.hover-boxes__box__header{align-items:center;border-bottom:var(--border);display:grid;gap:1.6rem;grid-template-columns:96px 1fr}.hover-boxes__box__heading{margin-bottom:0;padding:1.6rem}.hover-boxes__box__heading a{color:var(--neutral100);font-size:2.4rem}.hover-boxes__box svg{display:none}.hover-boxes__box__image{aspect-ratio:1/1;height:100%;max-width:96px}.hover-boxes__box__content{padding:1.6rem}}