──────────────────────── */ #splash-title { font-family: var(--font-montserrat, 'Montserrat', sans-serif); font-weight: 700; font-size: 1.875rem; letter-spacing: -0.025em; line-height: 1.2; text-align: center; white-space: nowrap; opacity: 0; transform: translateY(10px); /* Animation added by JS after fonts are loaded to prevent FOUT */ } @media (min-width: 640px) { #splash-title { font-size: 2.25rem; } } #splash-title .lm { color: var(--foreground, #1a1a1a); } .dark #splash-title .lm { color: var(--foreground, #f0f0f0); } #splash-title .tr { color: var(--accent, #e31937); text-shadow: 0 0 12px rgb(var(--accent-rgb, 227 25 55) / 0.35); } /* ── Subtitle ───────────────────────────────────── */ #splash-subtitle { font-size: 0.6rem; font-weight: 500; letter-spacing: 0.13em; text-transform: uppercase; color: var(--foreground-muted, #888); text-align: center; opacity: 0; /* Animation added by JS after fonts are loaded to prevent FOUT */ white-space: nowrap; } /* ── Keyframes ────────────────────────────────────── */ @keyframes splash-logo-in { to { opacity: 1; transform: scale(1); } } @keyframes splash-fade-up { to { opacity: 1; transform: translateY(0); } } @keyframes splash-fade-in { to { opacity: 1; } } @keyframes splash-entrance { to { opacity: 1; } } @keyframes eq-bar { from { transform: scaleY(0.2); } to { transform: scaleY(1); } } @keyframes splash-fly-up { to { transform: translateY(-30vh) scale(0.55); opacity: 0; } } @keyframes splash-fade-out { to { opacity: 0; visibility: hidden; } }

Les Mills Tracks

Sources

DiscussionVous y étiez ? Partagez ce que vous savez

Sources

DiscussionVous y étiez ? Partagez ce que vous savez