body {
    background: #fff;
    color: #000;
    font: 500 normal 22px/1.3 'Inter', sans-serif;
}
.mwg_effect015 {
    display: flex;
    position: relative;
    flex-direction: column;
    align-items: center;
    gap: 8vw;
    padding: 20vh 0 8vw;
    z-index: 1;
}
.mwg_effect015 .scroll {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.mwg_effect015 .text {
    width: 34vw;
    font: 500 normal clamp(12px, 0.9vw, 100px) / normal 'IBM Plex Mono';
    text-transform: uppercase;
    text-align: center;
}
.mwg_effect015 .container p {
    text-align: center;
    font: 500 normal 8vw/0.9 'Inter', sans-serif;
    letter-spacing: -0.05em;
}
.mwg_effect015 p span {
    display: inline-block;
}
.mwg_effect015 .word {
    line-height: 0.8;
    position: relative;
    text-transform: uppercase;
    clip-path: polygon(0 2%, 0 98%, 100% 98%, 100% 2%); /* Depends on the font */
}
.mwg_effect015 .word-hidden {
    position: absolute;
    left: 0;
    top: 0;
    transform: translate(0, -100%); /* Translate it -100% of its height on the y-axis */
}
.mwg_effect015 .media {
    width: 18vw;
    display: block;
    border-radius: 0.6em;
}