Add transition time to text change on hover

Hello! I am trying to add a slower transition to this code that I just added to my page. Here's what I have, and it isn't working at the moment (the change in font works but not the transition time) https://collarworks.squarespace.com/2023-exhibitions

<style> h1:hover {
  transition: transform 1s!important;
  font-family: Diatype Bold Italic!important } </style>