/* Stable CSS icon for the first step; avoids font-baseline drift on mobile. */
.steps .photo-icon {
  display: block !important;
  position: relative !important;
  width: 48px !important;
  height: 48px !important;
  margin: 28px 0 36px !important;
  border: 2px solid #a8b998;
  border-radius: 2px;
  font-size: 0 !important;
  line-height: 1 !important;
  transform: translateY(28px) rotate(-10deg) !important;
  overflow: hidden;
}

.steps .photo-icon::before {
  content: "";
  position: absolute;
  left: 5px;
  bottom: -13px;
  width: 25px;
  height: 25px;
  border-top: 2px solid #a8b998;
  border-right: 2px solid #a8b998;
  transform: rotate(-45deg);
}

.steps .photo-icon::after {
  content: "";
  position: absolute;
  right: 7px;
  top: 6px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #a8b998;
}

.steps article .photo-icon + h3 {
  margin-top: 0 !important;
}

.render-scene .roomly-generated-render {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}