/* TextLoop (React Bits) — vanilla port styling for KIO lore band. */

.text-loop{ position:relative; width:100%; overflow:hidden; }
.text-loop-svg{ display:block; width:100%; height:auto; }
.text-loop-text{ user-select:none; font-family:"Trebuchet MS","Segoe UI",system-ui,sans-serif; }
.text-loop-measure{ visibility:hidden; pointer-events:none; }

/* band that hosts the lore loop — the 1200x520 viewBox is centered and cropped
   to a slim strip so the wave reads as a ribbon marquee */
.lore-loop{
  position:relative;
  height:clamp(104px,14vw,164px);
  display:flex;align-items:center;overflow:hidden;
  background:linear-gradient(180deg,var(--ink),var(--ink-2),var(--ink));
  border-top:1px solid rgba(232,176,75,.10);
  border-bottom:1px solid rgba(232,176,75,.10);
}
.lore-loop-mount{ width:100%; }
.lore-loop .text-loop-svg{ width:100%; height:auto; flex:none; }