/* XFP Marquee (simple + stable) */
.xfp-marquee{
  overflow: hidden;
  width: 100%;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;

  font-family: "Bikys Heading", sans-serif;

  /* --- Controls --- */
  --sep-h: 18px;         /* separator height */
  --sep-w: 18px;         /* separator width (set same as height if round) */
  --sep-max: 22px;       /* optional safety cap */
  --item-gap: 20px;
}

.xfp-marquee__track{
  display: flex;
  align-items: center;
  width: max-content;
  will-change: transform;

  gap: var(--item-gap); /* <-- this fixes the seam */
  transform: translate3d(0,0,0);
}

.xfp-marquee__content{
  display: inline-flex;
  align-items: center;
  gap: var(--item-gap);
  padding: 10px 0;
  white-space: nowrap;
}

.xfp-marquee__phrase{
  font-size: clamp(24px, 3.2vw, 64px);
  text-transform: uppercase;
  white-space: nowrap;
}

/* Separator controls */
.xfp-marquee__sep{
  height: var(--sep-h);
  width: var(--sep-w);
  max-height: var(--sep-max);
  max-width: var(--sep-max);

  display: inline-block;
  object-fit: contain;   /* keeps SVG nicely contained */
  flex: 0 0 auto;

  user-select: none;
  pointer-events: none;
}