.grid {
  display: grid;
  flex: 0 0 0;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(3, 1fr);
}

.grid--slot-a {
  align-self: center;
  grid-column: 1 / 3;
  grid-row: 1 / 4;
  width: 200px;
  height: 200px;
  margin: 5%;
}

.grid--slot-b {
  grid-column: 2 / 4;
  grid-row: 3;
  position: relative;
}

.grid--slot-b > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: end;
}

.title {
  font-family: 'League Gothic', sans-serif;
  text-transform: uppercase;
  white-space: nowrap;
  font-size: var(--font-size-lg);
}

.subtitle {
  white-space: nowrap;
  font-size: var(--font-size-md);
}