.interactive-hover-card{transition:all .4s ease;border-radius:4px;height:400px;aspect-ratio:.6666666667}.interactive-hover-card .close-button{z-index:4;transform:rotate(45deg);transition:all .4s ease;top:.8rem;right:.8rem}.interactive-hover-card img{transition:all .4s ease;box-shadow:0px 4px 10px rgba(111,112,115,.3);border-radius:100%;top:25%;border:3px solid #fff;width:150px;height:150px;z-index:2;object-fit:cover}.interactive-hover-card .content{transition:all .4s ease;z-index:3;transform:translateY(85%)}.interactive-hover-card .content .summary{display:none}.interactive-hover-card:before{content:"";position:absolute;width:100%;height:100%;box-shadow:0px 20px 40px -20px #eaeaea;top:0px;left:0px;z-index:-100;transition:all .4s ease}.interactive-hover-card:not(.expand):hover{transform:translateY(3px)}.interactive-hover-card:not(.expand):hover:before{box-shadow:0px 10px 10px -10px #eaeaea}.interactive-hover-card:not(.expand):hover img{transform:translateY(-5px);box-shadow:0px 6px 20px rgba(111,112,115,.3)}.interactive-hover-card .bg{border-radius:4px 4px 0px 0px;transition:all .3s ease;z-index:1;height:200px}.interactive-hover-card.expand .bg{border-radius:4px;height:100%}.interactive-hover-card.expand .close-button{transform:rotate(270deg)}.interactive-hover-card.expand img{width:100%;height:100%;opacity:.3;top:0px;border:solid 0px rgba(0,0,0,0);border-radius:4px}.interactive-hover-card.expand .content{color:#fff;transform:translateY(0%)}.interactive-hover-card.expand .content .summary{display:block}