/* Scene styling; common frame and typography are owned by hero-layout.css. */
.atlas-art {
  position: relative;
  min-width: 0px;
}
.atlas-art > svg {
  display: block;
  width: 100%;
  height: calc(var(--hero-art-height) - 50px);
  overflow-x: visible;
  overflow-y: visible;
  object-fit: contain;
}
.atlas-caption {
  position: relative;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.atlas-status {
  font-size: 10px;
  letter-spacing: 0.04em;
  color: #695873;
}
.atlas-note {
  text-align: center;
  color: #695873;
  margin: 6px 0 0;
  font-size: 9px;
}


@media (max-width: 900px) {
  .atlas-art > svg {
    height: 290px;
  }
  .atlas-caption {
    height: 40px;
    padding-right: 45px;
  }
  .atlas-status {
    font-size: 9px;
    letter-spacing: 0px;
    text-align: center;
    line-height: 1.5;
  }
  .atlas-note {
    line-height: 1.4;
    max-width: 90%;
    font-size: 8px;
    margin: 0px auto;
  }
}