/* Baraka — project layer on top of Maison Classique.
   The facade's tall piers and the crowned frames at their tops. */

/* section heads stand between two piers */
.mc--motif-piers .mc-head { position: relative; width: fit-content; max-width: 100%; margin-inline: auto; padding: 0 clamp(26px, 3vw, 46px); }
.mc--motif-piers .mc-head::before,
.mc--motif-piers .mc-head::after {
  content: '';
  position: absolute;
  top: 6px;
  bottom: 6px;
  width: 5px;
  border-left: 1px solid color-mix(in srgb, var(--pdx-accent) 45%, transparent);
  border-right: 1px solid color-mix(in srgb, var(--pdx-accent) 45%, transparent);
}
.mc--motif-piers .mc-head::before { left: 0; }
.mc--motif-piers .mc-head::after { right: 0; }
.mc--motif-piers .mc-folio__text .mc-head { margin-inline: 0; }

/* the ornament's centre becomes a crowned frame */
.mc--motif-piers .mc-ornament b { width: 9px; height: 12px; transform: none; border-radius: 0; box-shadow: inset 0 3px 0 -2px currentColor; }

/* the piers over the hero render take the stone colour, with a crown line at the top */
.mc--motif-piers .mc-slices { border-top: 2px solid color-mix(in srgb, var(--pdx-accent) 50%, transparent); }