/* Versioned responsive fixes so previously cached production CSS cannot keep
   the Aranyhalak opening cards in their older tablet layout. */
@media (max-width:860px){
  .goldfish-story .goldfish-hero{min-height:0!important}
  .goldfish-story .goldfish-hero-copy{
    justify-content:flex-start!important;
    min-height:0!important;
    padding-bottom:80px!important
  }
  .goldfish-story .goldfish-hero-cards{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:48px!important;
    margin:72px 0 0!important
  }
  .goldfish-story .goldfish-hero-cards>.goldfish-hero-stage,
  .goldfish-story .goldfish-hero-action{
    box-sizing:border-box!important;
    width:100%!important;
    margin:0!important;
    animation:none!important
  }
  .goldfish-story .goldfish-hero-stage.reveal,
  .goldfish-story .goldfish-card-copy:nth-child(2).reveal,
  .goldfish-story .goldfish-hero-action.reveal{transform:none!important}
  .goldfish-story .goldfish-hero-stage.reveal.in,
  .goldfish-story .goldfish-hero-action.reveal.in{transform:none!important}
}