@keyframes compassRotate {
    0% { transform: rotate(12deg) }
    8% { transform: rotate(-12deg) }
    16% { transform: rotate(11deg) }
    24% { transform: rotate(-11deg) }
    38% { transform: rotate(8deg) }
    50% { transform: rotate(-7deg) }
    56% { transform: rotate(4deg) }
    62% { transform: rotate(-4deg) }
    68% { transform: rotate(2deg) }
    76% { transform: rotate(-2deg) }
    80% { transform: rotate(0) }
 }
.fth_hero-animation { position: relative }
.fth_hero-rotator { font-size: 42px }
.fth_hero-rotator--text { font-size: 100%; margin-left: 0; margin-right: 0 }
.fth_hero-rotator--text > span { word-spacing: 0; letter-spacing: -.01em }
.fth_hero-rotator--text:after { display: none }
.fth_hero-rotator > span:first-child { margin-left: -1.5rem }
.fth_hero-rotator > span:first-child:before { content: '#'; opacity: 0; transition: opacity 400ms ease-in }
.fth_hero-rotator.endscene > span:first-child:before { opacity: 1 }
.fth_hero-rotator-icon { display: block; height: 120px; width: 120px; position: absolute; top: calc(50% - 100px); left: 50%; transform: translate(-50%,-50%);z-index:4;opacity: 0; transition: opacity 800ms ease-in }
.fth_hero-rotator-icon img:last-child { position: absolute; top: 0; left: 0}
.fth_hero-rotator-icon.animate { opacity: 1 }
.fth_hero-rotator-icon.animate .fth_hero-rotator-icon--top {
    height: 100%; width: 100%;
    animation-duration: 5000ms;
    animation-name: compassRotate;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(.7,.23,.32,.85);
}
@media all and (max-width: 699px) {
    .fth_hero-rotator-icon { height: 80px; width: 80px; top: calc(50% - 60px); }
    .fth_hero-rotator { font-size: 25px; } 
}
.button-group {
    display: inline-flex;
    gap: 5px;
}
.vtm_announcement a { color: currentColor }