/* O'zbegim — project layer on top of Maison Classique.
   The building's stepped setbacks, drawn as a stepped silhouette. */

/* a stepped silhouette crowns the cartouche */
.mc--motif-steps .mc-cartouche::before {
  content: '';
  width: 120px;
  height: 22px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 22'%3E%3Cpath d='M1 21h118M12 21v-6h14v-6h16V3h36v6h16v6h14v6' fill='none' stroke='%238a6845' stroke-width='1.2'/%3E%3C/svg%3E") center / contain no-repeat;
}

/* the ornament's centre is stepped too */
.mc--motif-steps .mc-ornament b { width: 12px; height: 8px; transform: none; border: 0; background: currentColor; clip-path: polygon(0 100%, 0 60%, 25% 60%, 25% 25%, 75% 25%, 75% 60%, 100% 60%, 100% 100%); }

/* inscriptions are set as engraved pages: a stepped rule between them */
.mc--motif-steps .mc-chapter--inscription + .mc-chapter--inscription::before {
  content: '';
  justify-self: center;
  width: 120px;
  height: 12px;
  margin-bottom: clamp(20px, 4vh, 40px);
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 12'%3E%3Cpath d='M1 11h40V6h12V1h14v5h12v5h40' fill='none' stroke='%238a6845' stroke-opacity='.6' stroke-width='1'/%3E%3C/svg%3E") center / contain no-repeat;
}