:root {
  --flow-space: 1em;
}

.flow > * + * {
  margin-block-start: var(--flow-space, 1em);
}

.topics ul {
  margin-block-start: var(--flow-space);
}

.hero {
  background-image: none;
}

#boothContent figure {
  background-color: #3a3a3a;
  aspect-ratio: 4 / 3;
}

#boothContent figure img {
  object-fit: cover;
  height: 100%;
  object-position: 60%;
}

#booth .switcher {
  display: none;
}

h3 {
  text-wrap: balance;
}

.topics h5 {
  margin-block-start: 0;
}

.grid-2-col {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
    gap: clamp(20px, 3.5vw, 60px);
}

#learnMore .switcher {
  flex-direction: column;
}

#learnMore .switcher > * {
  flex-basis: auto;
}