/**
 * IWO — Shuffling headline
 * ----------------------------------------------------------------------------
 * Consolidates WPCode snippets 1975 ("word shuffle"), 1984 ("word shuffle 2")
 * and 1987 ("word shuffle 3"), which were three copies of one component.
 *
 * Rendered output is byte-for-byte equivalent to the originals: the two size
 * ladders and all custom-property names are preserved exactly, and only the
 * provably identical declaration blocks have been grouped. 1984 and 1987 were
 * verified identical apart from their word list.
 *
 * Ladder A (snippet 1975):      160/220 → 110/150 → 75/110 → 42/65
 * Ladder B (snippets 1984+1987): 120/165 →  95/130 → 70/100 → 42/65
 * The ladders are not proportional to each other, so both are kept verbatim.
 */

/* --------------------------------------------------------------- ladders -- */
:root {
    --font-size-desktop: 160px;
    --wrapper-height-desktop: 220px;

    --v2-font-size-desktop: 120px;
    --v2-wrapper-height-desktop: 165px;

    --v3-font-size-desktop: 120px;
    --v3-wrapper-height-desktop: 165px;
}

@media (max-width: 1400px) {
    :root {
        --font-size-desktop: 110px;
        --wrapper-height-desktop: 150px;

        --v2-font-size-desktop: 95px;
        --v2-wrapper-height-desktop: 130px;

        --v3-font-size-desktop: 95px;
        --v3-wrapper-height-desktop: 130px;
    }
}

@media (max-width: 980px) {
    :root {
        --font-size-desktop: 75px;
        --wrapper-height-desktop: 110px;

        --v2-font-size-desktop: 70px;
        --v2-wrapper-height-desktop: 100px;

        --v3-font-size-desktop: 70px;
        --v3-wrapper-height-desktop: 100px;
    }
}

@media (max-width: 480px) {
    :root {
        --font-size-desktop: 42px;
        --wrapper-height-desktop: 65px;

        --v2-font-size-desktop: 42px;
        --v2-wrapper-height-desktop: 65px;

        --v3-font-size-desktop: 42px;
        --v3-wrapper-height-desktop: 65px;
    }
}

/* ------------------------------------------------- shared type treatment -- */
.hero-scramble-word .et_pb_text_inner,
.v2-hero-scramble-word .et_pb_text_inner,
.v3-hero-scramble-word .et_pb_text_inner,
.hero-static-text .et_pb_text_inner,
.v2-hero-static-text .et_pb_text_inner,
.v3-hero-static-text .et_pb_text_inner {
    font-weight: 800 !important;
    line-height: 1.2;
    letter-spacing: -3px;
    font-family: 'Neuzeit Grotesk', 'Helvetica Neue', Arial, sans-serif;
}

/* ------------------------------------------------ the animating word -- */
.hero-scramble-word,
.v2-hero-scramble-word,
.v3-hero-scramble-word {
    position: relative;
    overflow: visible;
}

.hero-scramble-word    { height: var(--wrapper-height-desktop); }
.v2-hero-scramble-word { height: var(--v2-wrapper-height-desktop); }
.v3-hero-scramble-word { height: var(--v3-wrapper-height-desktop); }

.hero-scramble-word .et_pb_text_inner,
.v2-hero-scramble-word .et_pb_text_inner,
.v3-hero-scramble-word .et_pb_text_inner {
    position: absolute;
    top: 0;
    left: 0;
    white-space: nowrap;
    color: #FFFFFF;
    text-transform: lowercase;
    display: inline-flex;
    align-items: baseline;
}

.hero-scramble-word    .et_pb_text_inner { font-size: var(--font-size-desktop) !important; }
.v2-hero-scramble-word .et_pb_text_inner { font-size: var(--v2-font-size-desktop) !important; }
.v3-hero-scramble-word .et_pb_text_inner { font-size: var(--v3-font-size-desktop) !important; }

/* the trailing dot */
.hero-scramble-word .et_pb_text_inner::after,
.v2-hero-scramble-word .et_pb_text_inner::after,
.v3-hero-scramble-word .et_pb_text_inner::after {
    content: '';
    display: inline-block;
    width: 0.13em;
    height: 0.13em;
    background-color: #FFFFFF;
    border-radius: 50% !important;
    margin-left: 6px;
    flex-shrink: 0;
}

/* ------------------------------------------- the static orange fragment -- */
.hero-static-text .et_pb_text_inner,
.v2-hero-static-text .et_pb_text_inner,
.v3-hero-static-text .et_pb_text_inner {
    color: #D35400;
}

.hero-static-text    .et_pb_text_inner { font-size: var(--font-size-desktop) !important; }
.v2-hero-static-text .et_pb_text_inner { font-size: var(--v2-font-size-desktop) !important; }
.v3-hero-static-text .et_pb_text_inner { font-size: var(--v3-font-size-desktop) !important; }

@media (max-width: 980px) {
    .hero-scramble-word .et_pb_text_inner,
    .v2-hero-scramble-word .et_pb_text_inner,
    .v3-hero-scramble-word .et_pb_text_inner,
    .hero-static-text .et_pb_text_inner,
    .v2-hero-static-text .et_pb_text_inner,
    .v3-hero-static-text .et_pb_text_inner {
        letter-spacing: -1px;
    }
}