/* A fixed-height mobile edge: longer content never stretches the curve. */
@media (max-width: 768px) {
  .banner-seam { --banner-seam-height: .385127rem; }

  .banner-seam::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    /* Slight overlap avoids a hairline gap at fractional viewport sizes. */
    height: calc(var(--banner-seam-height) + .01rem);
    background: url('../../images/common/banner-seam-mobile.svg') top center / 100% 100% no-repeat;
    content: "";
    pointer-events: none;
  }
}