.screen--story-intro,
.screen--why {
  min-height: 0 !important;
  justify-content: flex-start !important;
  padding-bottom: 0 !important;
}


#story-intro-page-1,
#story-intro-page-2,
#why-this-world {
  align-items: center !important;
}


#story-intro-page-1 .screen__inner,
#story-intro-page-2 .screen__inner,
#why-this-world .screen__inner {
  width: 100% !important;
  max-width: 48rem !important;
  margin: 0 auto !important;
  overflow: visible !important;
}


.screen--story-intro .story-intro__inner {
  padding-bottom: 0 !important;
}


.ticket-storm,
.ticket-stub,
.ticket-pass {
  display: block;
  position: relative;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  cursor: default;
  margin-left: auto;
  margin-right: auto;
  margin-top: 28px;
}


.ticket-storm__link,
.ticket-stub__link,
.ticket-pass__link {
  display: block;
  position: absolute;
  left: 0; right: 0;
  background: transparent;
  border: none;
  cursor: pointer;
  text-decoration: none;
  
}



.ticket-storm {
  max-width: 380px;
  width: 100%;
  aspect-ratio: 386 / 548;
  background-image: url('images/TicketStorm.gif');
}
html.webp .ticket-storm { background-image: url('images/TicketStorm.webp'); }
.ticket-storm__link--prequel    { top: 62%; height: 8%; }
.ticket-storm__link--newsletter { top: 71%; height: 8%; }
.ticket-storm__link--listen     { top: 80%; height: 8%; }



.ticket-stub {
  max-width: 600px;
  width: 100%;
  aspect-ratio: 608 / 297;
  background-image: url('images/TicketStub.gif');
}
html.webp .ticket-stub { background-image: url('images/TicketStub.webp'); }
.ticket-stub__link--prequel,
.ticket-stub__link--newsletter,
.ticket-stub__link--listen {
  left: 26%; right: 0;
}
.ticket-stub__link--prequel    { top: 55%; height: 10%; }
.ticket-stub__link--newsletter { top: 65%; height: 10%; }
.ticket-stub__link--listen     { top: 75%; height: 10%; }



.ticket-pass {
  max-width: 400px;
  width: 100%;
  aspect-ratio: 403 / 814;
  background-image: url('images/TicketPass.gif');
}
html.webp .ticket-pass { background-image: url('images/TicketPass.webp'); }
.ticket-pass__link--prequel,
.ticket-pass__link--newsletter,
.ticket-pass__link--listen {
  left: 0; right: 0;
}
.ticket-pass__link--prequel    { top: 57%; height: 5%; }
.ticket-pass__link--newsletter { top: 63%; height: 5%; }
.ticket-pass__link--listen     { top: 69%; height: 5%; }