/* Real catalogue photography for the three homepage universes. */
.univers-grid .universe {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 0;
  padding: 0;
  gap: 0;
  align-items: stretch;
}
.universe .universe-number {
  position: absolute;
  z-index: 1;
  top: 17px;
  left: 17px;
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #faf6eeeb;
  color: #503b56;
  box-shadow: 0 1px 8px #24162912;
}
.universe-photo {
  display: block;
  overflow: hidden;
  aspect-ratio: 4 / 3;
  background: #cbb8d5;
}
.universe-photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .45s ease;
}
.universe-jewels .universe-photo img { object-position: 50% 65%; }
.universe-minerals .universe-photo img { object-position: 50% 53%; }
.universe-symbols .universe-photo img { object-position: 50% 48%; }
.universe .universe-copy {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 27px 28px 26px;
}
.universe .universe-copy > p:not(.eyebrow) { flex: 1; }
.universe .universe-link { margin-top: 24px; }
@media (hover: hover) {
  .universe:hover .universe-photo img { transform: scale(1.035); }
}
@media (max-width: 760px) {
  .univers-grid { gap: 24px; }
  .universe .universe-copy { padding: 24px; }
  .universe h3 { font-size: 28px; }
  .universe p:not(.eyebrow) { max-width: none; font-size: 14px; }
  .universe .universe-link { font-size: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  .universe-photo img { transition: none; }
}