:root{
    --BG01: #e5eff5;
    --BG02:  #f5f9fb;
    --BG03: #2b4b6e;
    --TXT01: #2b4b6e;
    --TXT02: #1D1624;
    --TXT03: #F9FAF4;
    --BUTTON01: #f8a562;
    --BUTTON02: #f8b76d;
    --DECO01: #da86dd;
    --DECO02: #cae4b4;
    --FLAG01: #ffffff;
    --FLAG02: #E1000F;
    --FLAG03: #273375;

    --PLYRWHITE: #f5f9fb;
}

.-DARK{
    display: none;
}

.no-bg video{
    mix-blend-mode: multiply;
}

.no-bg .plyr:fullscreen video{
    mix-blend-mode: normal;
}

@media only screen and (hover: none), (max-width: 560px) {
    .works-caption p, .works-caption h3{
        color: var(--TXT02);
    }
}