.slogans {
    display: flex;
    flex-direction: column;
    gap: 120px;
}

@media (max-width: 759px) {
    .slogans {
        gap: 80px;
    }
}

.slogans_item {
    display: flex;
    flex-direction: column;
    color: var(--color-gray-500);
    transition: color 0.3s ease;
}

.slogans_item.is-active {
    color: var(--color-ink-800);
}

.slogans_title {
    width: 740px;
    max-width: 100%;
    font-size: 72px;
    font-weight: var(--font-weight-regular);
    text-transform: uppercase;
    color: inherit;
}

@media (max-width: 1365px) {
    .slogans_title {
        width: 690px;
        font-size: 64px;
    }
}

@media (max-width: 759px) {
    .slogans_title {
        width: 300px;
        font-size: min(36px, 9.1vw);
    }
}

.slogans_text {
    width: 640px;
    max-width: 100%;
    padding-top: 24px;
    color: inherit;
}

@media (max-width: 1365px) {
    .slogans_text {
        width: 570px;
    }
}

@media (max-width: 759px) {
    .slogans_text {
        width: 310px;
    }
}

.slogans_link {
    padding-top: 20px;
}

@media (prefers-reduced-motion: reduce) {
    .slogans_item {
        transition: none;
    }
}