@media (max-width:1023.9px){.cardimage{--textheight:150px;--offset:100px;--growth:15vw;height:calc((100dvh - var(--offset) - 8vw - var(--header-height))/4)}.card.active .cardimage{height:calc((100dvh - var(--offset) - 8vw - var(--header-height))/4 + var(--growth))}.card.siblings .cardimage{height:calc((100dvh - var(--offset) - 8vw - var(--header-height))/4 - var(--growth)/3)}}@media (min-width:1024px){.cardimage{--textheight:150px;--offset:5vw;height:calc(100dvh - var(--offset) - var(--header-height) - 3rem)}.card:hover .cardimage{height:calc(100dvh - var(--offset) - var(--header-height) - 3rem - var(--textheight))}}