Skip to content
- Choosing a selection results in a full page refresh.
- Opens in a new window.
/* KINETIC ALPHABET WAVE HOVER SYSTEM */
.rich-text__heading {
font-size: calc(var(--font-heading-scale) * 4.2rem) !important;
font-weight: 800 !important; /* Bold, solid typography baseline */
color: #3b82f6 !important;
background: none !important;
-webkit-text-fill-color: initial !important;
display: block !important;
line-height: 1.4 !important;
}
/* Individual character engine settings */
.kinetic-letter {
display: inline-block !important;
transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275),
color 0.2s ease,
text-shadow 0.2s ease !important;
will-change: transform, color, text-shadow;
}
/* THE POP OUT WAVE EFFECT */
.kinetic-letter:hover {
color: #ffffff !important; /* Letter ignites to white */
transform: translateY(-15px) scale(1.35) rotate(-2deg) !important; /* Kinetic spring-jump */
/* Vibrant localized backlight glow */
text-shadow:
0 0 10px rgba(255, 255, 255, 1),
0 0 25px rgba(59, 130, 246, 0.9),
0 0 50px rgba(37, 99, 235, 0.7) !important;
z-index: 10 !important;
}
/* Neighbor lift effect for organic fluid movement */
.kinetic-letter:hover + .kinetic-letter {
transform: scale(1.08) translateY(-4px) !important;
color: #93c5fd !important;
}
