.hero h1 .cycling-name{display:block;position:relative;white-space:nowrap;letter-spacing:-.035em;line-height:1.1;height:1.1lh;min-height:70px}
.cycling-name:before,.cycling-name:after{content:attr(data-text);position:absolute;left:0;top:0;opacity:0;pointer-events:none;-webkit-text-fill-color:currentColor}
.cycling-name:before{color:#81e8ff}.cycling-name:after{color:#ff84d6}
.cycling-name.glitching:before{animation:name-cyan .3s steps(2,end)}
.cycling-name.glitching:after{animation:name-pink .3s steps(2,end)}
@keyframes name-cyan{0%,100%{opacity:0;transform:none}15%,65%{opacity:.85;transform:translate(-3px,1px);clip-path:inset(10% 0 55% 0)}35%,85%{opacity:.8;transform:translate(3px,-1px);clip-path:inset(60% 0 10% 0)}}
@keyframes name-pink{0%,100%{opacity:0;transform:none}15%,65%{opacity:.8;transform:translate(3px,-1px);clip-path:inset(55% 0 10% 0)}35%,85%{opacity:.85;transform:translate(-3px,1px);clip-path:inset(15% 0 60% 0)}}
@media(max-width:480px){.hero h1 .cycling-name{min-height:51px}}
@media(prefers-reduced-motion:reduce){.cycling-name:before,.cycling-name:after{display:none}}