.hk-world-emblem {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: min(100%, 650px);
    max-width: 100%;
    margin: 0 auto;
    background: transparent !important;
    overflow: visible;
    isolation: isolate;
}

.hk-world-emblem__title {
    position: relative;
    z-index: 2;
    width: 100%;
    flex: 0 0 auto;
    pointer-events: none;
}

.hk-world-emblem__title img {
    display: block;
    width: 100%;
    height: auto;
    max-width: none;
    background: transparent;
}

.hk-world-emblem__world-wrap {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: -190px;
    pointer-events: none;
}

.hk-world-emblem__world {
    width: 76%;
    max-width: 100%;
    aspect-ratio: 1 / 1;
}

.hk-world-emblem__world img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    max-width: none;
    background: transparent;
    transform-origin: 50% 50%;
    animation-name: hk-world-emblem-spin;
    animation-duration: 22s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: normal;
    will-change: transform;
}

.hk-world-emblem--pause-hover:hover .hk-world-emblem__world img {
    animation-play-state: paused;
}

@keyframes hk-world-emblem-spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

@media (max-width: 1024px) {
    .hk-world-emblem {
        width: min(100%, 520px);
    }

    .hk-world-emblem__world-wrap {
        margin-top: -155px;
    }

    .hk-world-emblem__world {
        width: 78%;
    }
}

@media (max-width: 767px) {
    .hk-world-emblem {
        width: min(100%, 330px);
    }

    .hk-world-emblem__world-wrap {
        margin-top: -95px;
    }

    .hk-world-emblem__world {
        width: 82%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .hk-world-emblem__world img {
        animation: none;
    }
}