/* Full-screen product lineup, directly below the homepage navigation.
   Keep the entire transparent render visible against the site's paper tone. */
.lineup-page {
  box-sizing: border-box;
  width: 100%;
  height: calc(100vh - var(--overcloq-nav-height, 44px));
  height: calc(100svh - var(--overcloq-nav-height, 44px));
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  /* Existing global scroll-padding includes 12px of extra room. Cancel that
     here so the lineup begins directly below the sticky navigation. */
  scroll-margin-top: -12px;
  background: var(--brand-cream);
}

.lineup-page__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center center;
}