:root {
    --unit-fx: calc(100vw / 1920);
    --container-width: 85.8943vw;
}

@font-face {
    font-family: 'Vend Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('/assets/fonts/VendSans-Regular.woff') format('woff');
}

@font-face {
    font-family: 'Vend Sans Fallback';
    font-style: normal;
    font-weight: 400;
    src: local('Arial');
    ascent-override: 107.39%;
    descent-override: 38.42%;
    line-gap-override: 0.00%;
    size-adjust: 101.50%;
}

@font-face {
    font-family: 'Vend Sans SemiBold';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('/assets/fonts/VendSans-SemiBold.woff') format('woff');
}

@font-face {
    font-family: 'Vend Sans SemiBold Fallback';
    font-style: normal;
    font-weight: 600;
    src: local('Arial Bold');
    ascent-override: 113.14%;
    descent-override: 40.48%;
    line-gap-override: 0.00%;
    size-adjust: 96.34%;
}

[data-reveal] {
    opacity: 0;
    transform: translateY(25px) scale(.99);
    transition: opacity .6s ease, transform .8s ease;
}
[data-reveal].visible {
    opacity: 1;
    transform: translateY(0px) scale(1);
}