/* Hero-to-story divider: only the ribbon and medallion PNGs, no painted panel. */
.lo-story-cintillo {
  --lo-cintillo-ribbon-height: clamp(30px, 2.35vw, 38px);

  position: relative;
  z-index: 12;
  height: 0;
  margin: 0;
  overflow: visible;
  isolation: isolate;
  background: transparent;
}

.lo-story-cintillo::before {
  content: "";
  position: absolute;
  pointer-events: none;
}

.lo-story-cintillo::before {
  z-index: 4;
  top: 0;
  left: 0;
  right: 0;
  height: var(--lo-cintillo-ribbon-height);
  background: url("/images/footer/Rebbon web footer.png") center top / auto 100% repeat-x;
  filter:
    saturate(1.08)
    contrast(1.06)
    drop-shadow(0 -2px 0 rgba(255, 232, 88, .38))
    drop-shadow(0 2px 0 rgba(61, 34, 0, .30))
    drop-shadow(0 9px 14px rgba(46, 26, 0, .26));
  transform: translateY(-50%);
}

@media (max-width: 899px) {
  .lo-story-cintillo {
    --lo-cintillo-ribbon-height: 30px;
  }
}