/* Promise -> About: a crisp centred pennant replaces the heavy bubble drops. */
.section-divider--pennant {
  height: 58px;
  margin-block: -1px;
  background: var(--cream);
}

.section-divider--pennant::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--brand);
  clip-path: polygon(0 0, 100% 0, 100% 14%, 58% 14%, 50% 100%, 42% 14%, 0 14%);
}

.section-divider--pennant::after {
  content: "";
  position: absolute;
  top: 24px;
  left: 50%;
  width: 14px;
  height: 14px;
  border: 2px solid var(--ink);
  border-radius: 3px;
  background: var(--yellow);
  transform: translateX(-50%) rotate(45deg);
}

@media (max-width: 700px) {
  .section-divider--pennant { height: 40px; }
  .section-divider--pennant::before { clip-path: polygon(0 0, 100% 0, 100% 13%, 64% 13%, 50% 100%, 36% 13%, 0 13%); }
  .section-divider--pennant::after { top: 16px; width: 11px; height: 11px; border-radius: 2px; }
}