/* components/osmanthus.css — decorative SVG-driven motifs */
.osmanthus-ornament {
  --c: var(--gold);
  width: 64px;
  height: 64px;
  color: var(--c);
  opacity: 0.85;
}
.osmanthus-ornament--sm { width: 28px; height: 28px; opacity: 0.6; }
.osmanthus-ornament--md { width: 48px; height: 48px; }
.osmanthus-ornament--xl { width: 96px; height: 96px; }

.osmanthus-row {
  display: flex;
  align-items: center;
  gap: 12px;
  color: var(--gold);
}
.osmanthus-row::before, .osmanthus-row::after {
  content: "";
  flex: 0 0 28px;
  height: 1px;
  background: currentColor;
  opacity: 0.4;
}

.osmanthus-divider {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  margin: var(--s-6) 0;
  color: var(--gold);
}
.osmanthus-divider::before, .osmanthus-divider::after {
  content: "";
  flex: 1;
  height: 1px;
  background: currentColor;
  opacity: 0.4;
}