/* ==========================================
   Cycle Message
========================================== */

.cycle-message {

    background: var(--color-bg-dark);

}


.cycle-content {

    max-width: 680px;

    margin: 0 auto;

    padding: 20px 0;

    text-align: center;

}


/* ------------------------------------------
   Small English
------------------------------------------ */

.cycle-small {

    margin: 0 0 20px;

    font-family: var(--font-en);

    font-size: 0.58rem;

    letter-spacing: 0.28em;

    text-transform: uppercase;

    color: #f5f2e9;

    opacity: .55;

}


/* ------------------------------------------
   Main Message
------------------------------------------ */

.cycle-message-text {

    margin: 0;

    font-size: clamp(1rem, 3vw, 1.3rem);

    font-weight: 400;

    line-height: 2;

    letter-spacing: 0.12em;

    color: #f5f2e9;

}


/* ------------------------------------------
   Description
------------------------------------------ */

.cycle-description {

    margin: 32px 0 0;

    font-size: clamp(.72rem, 2.6vw, .82rem);

    line-height: 2.1;

    letter-spacing: .1em;

    color: #f5f2e9;

}


/* ------------------------------------------
   Tablet
------------------------------------------ */

@media (min-width: 768px) {

    .cycle-content {

        padding: 40px 0;

    }

    .cycle-small {

        margin-bottom: 24px;

        font-size: .62rem;

    }

    .cycle-message-text {

        font-size: 1.3rem;

    }

    .cycle-description {

        margin-top: 36px;

        font-size: .8rem;

    }

}