@font-face {
    font-family: 'Sekuya';
    src: url('/fonts/Sekuya/Sekuya-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.cardinata-logo-link {
    text-decoration: none;
    display: inline-block;
}

.cardinata-logo {
    --cardinata-front-start: #7A1F2B;
    --cardinata-front-end: #A22838;
    --cardinata-back-start: #F2D7A1;
    --cardinata-back-middle: #E6C07B;
    --cardinata-back-end: #B89B5E;
    --cardinata-text: #ffffff;

    font-family: 'Sekuya', sans-serif;
    font-size: clamp(2.2rem, 3.1vw, 3.8rem);
    white-space: nowrap;
    display: inline-flex;
    align-items: flex-end;
    line-height: 1;
    color: var(--cardinata-text);
    margin-top:31px;
    cursor: pointer;
}


@media (max-width: 340px) {
    .cardinata-logo {
        font-size: 1.8rem;
    }
}

@media (max-width: 300px) {
    .cardinata-logo {
        font-size: 1.3rem;
    }
}

@media (max-width: 200px) {
    .cardinata-logo {
        font-size: 1rem;
    }
}

.cardinata-i-container {
    position: relative;
    display: inline-block;
}

.cardinata-dot-stage {
    position: absolute;
    top: -0.6em;
    left: 50%;
    transform: translateX(-50%);
    width: 0.6em;
    height: 0.6em;
    perspective: 700px;
}

.cardinata-card-dot {
    width: 100%;
    height: 100%;
    transform-style: preserve-3d;
    transform-origin: center center;

    /* Idle: подпрыг и flip сразу, потом длинная пауза */
    animation: cardinataIdleBounce 10s cubic-bezier(.2,.9,.2,1) infinite;
    transition: transform 0.35s cubic-bezier(.25,.46,.45,.94);
}

.cardinata-face {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    backface-visibility: hidden;
    border-radius: 4px;
}

.cardinata-front {
    background: linear-gradient(
        135deg,
        var(--cardinata-front-start),
        var(--cardinata-front-end)
    );
    transform: rotate(45deg);
}

.cardinata-back {
    background: linear-gradient(
        135deg,
        var(--cardinata-back-start) 0%,
        var(--cardinata-back-middle) 50%,
        var(--cardinata-back-end) 100%
    );
    transform: rotateY(180deg) rotate(45deg);
}

/* ---------------------- */
/* Idle-анимация: подпрыг и flip сразу, потом длинная пауза */
@keyframes cardinataIdleBounce {
    0%,5%   { transform: translateY(0) rotateY(0deg); }
    10%     { transform: translateY(-28%) rotateY(0deg); }
    20%     { transform: translateY(-42%) rotateY(180deg); }
    30%     { transform: translateY(-28%) rotateY(0deg); }
    35%,100% { transform: translateY(0) rotateY(0deg); }
}

/* Hover / focus: зацикленная анимация */
.cardinata-logo-link:hover .cardinata-card-dot,
.cardinata-logo-link:focus-within .cardinata-card-dot {
    animation-name: cardinataHoverBounce;
    animation-duration: 1.6s;
    animation-iteration-count: infinite;
    animation-timing-function: cubic-bezier(.25,.46,.45,.94);
}

@keyframes cardinataHoverBounce {
    0%,100% { transform: translateY(0) rotateY(0deg); }
    25%     { transform: translateY(-28%) rotateY(0deg); }
    50%     { transform: translateY(-42%) rotateY(180deg); }
    75%     { transform: translateY(-28%) rotateY(0deg); }
}

/* ---------------------- */
/* prefers-reduced-motion */
@media (prefers-reduced-motion: reduce) {
    .cardinata-card-dot {
        animation: none !important;
        transform: translateY(0) rotateY(0deg);
    }
}