/**
 * Fichier  : /pages/sport-business/media/assets/css/style.css
 * Fonction : style général de la page Médiatisation
 */


/* ==================================================
   ESPACEMENTS
================================================== */

.media {
    --media-padding-inline: clamp(2em, 6vw, 6em);
    --media-padding-block: clamp(6em, 10vw, 10em);
}


/* ==================================================
   SECTION
================================================== */

.media {
    position: relative;
    overflow: hidden;
}

.media {
    padding-top: var(--media-padding-block);
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
}

.media {
    background: #f4f3f0;
}

.media {
    color: #111;
}


/* ==================================================
   BACKGROUND WORD
================================================== */

.media::before {
    content: "MÉDIATISATION";
}

.media::before {
    position: absolute;
    top: .08em;
    left: -.04em;
    z-index: 0;
}

.media::before {
    white-space: nowrap;
}

.media::before {
    font-family: 'bold-font';
    font-size: clamp(90px, 16vw, 260px);
    font-weight: 400;
    line-height: .8em;
    text-transform: uppercase;
    letter-spacing: -.06em;
    color: rgba(17, 17, 17, .025);
}

.media::before {
    pointer-events: none;
    user-select: none;
}


/* ==================================================
   MOBILE
================================================== */

@media screen and (max-width: 700px) {

    .media {
        --media-padding-inline: 1.4em;
        --media-padding-block: 5em;
    }

    .media::before {
        top: .3em;
    }

    .media::before {
        font-size: 26vw;
    }

}