﻿/* ============================================================================
   Japan Bike Hub â€” animations.css  (keyframes)
   ============================================================================ */
@keyframes marquee{ from{ transform:translateX(0); } to{ transform:translateX(-50%); } }
@keyframes floaty{ 0%,100%{ transform:translateY(0); } 50%{ transform:translateY(-14px); } }
@keyframes pulseGlow{ 0%,100%{ opacity:.5; } 50%{ opacity:1; } }
@keyframes spinSlow{ to{ transform:rotate(360deg); } }
@keyframes lineGrow{ from{ transform:scaleY(0); } to{ transform:scaleY(1); } }

.float{ animation:floaty 6s ease-in-out infinite; }
.spin-slow{ animation:spinSlow 22s linear infinite; }

/* Split-type line masking base */
.split-line{ display:block; }
.word,.char{ display:inline-block; }

/* Image reveal mask */
.reveal-img{ position:relative; overflow:hidden; }
.reveal-img::after{ content:""; position:absolute; inset:0; background:transparent; pointer-events:none; transform:scaleX(0); }
.reveal-img.in::after, [data-reveal].in .reveal-img::after, .in .reveal-img::after { transform:scaleX(0); }

