@charset "UTF-8";

@font-face {
    font-family: 'NewGroteskSquareONE';
    src: url('/assets/fonts/NewGroteskSquareONE/NewGroteskSquareONE.otf') format('opentype'),
        url('/assets/fonts/NewGroteskSquareONE/NewGroteskSquareONE.woff') format('woff'),
        url('/assets/fonts/NewGroteskSquareONE/NewGroteskSquareONE.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/NewGroteskSquareONE/NewGroteskSquareONE.eot'),
        url('/assets/fonts/NewGroteskSquareONE/NewGroteskSquareONE.svg#NewGroteskSquareONE') format('svg');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: 'NewGroteskSquareTWO';
    src: url('/assets/fonts/NewGroteskSquareTWO/NewGroteskSquareTWO.otf') format('opentype'),
        url('/assets/fonts/NewGroteskSquareTWO/NewGroteskSquareTWO.woff') format('woff'),
        url('/assets/fonts/NewGroteskSquareTWO/NewGroteskSquareTWO.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/NewGroteskSquareTWO/NewGroteskSquareTWO.eot'),
        url('/assets/fonts/NewGroteskSquareTWO/NewGroteskSquareTWO.svg#NewGroteskSquareTWO') format('svg');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: 'NewGroteskSquareTHREE';
    src: url('/assets/fonts/NewGroteskSquareTHREE/NewGroteskSquareTHREE.otf') format('opentype'),
        url('/assets/fonts/NewGroteskSquareTHREE/NewGroteskSquareTHREE.woff') format('woff'),
        url('/assets/fonts/NewGroteskSquareTHREE/NewGroteskSquareTHREE.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/NewGroteskSquareTHREE/NewGroteskSquareTHREE.eot'),
        url('/assets/fonts/NewGroteskSquareTHREE/NewGroteskSquareTHREE.svg#NewGroteskSquareTHREE') format('svg');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: 'NewGroteskSquareFOUR';
    src: url('/assets/fonts/NewGroteskSquareFOUR/NewGroteskSquareFOUR.otf') format('opentype'),
        url('/assets/fonts/NewGroteskSquareFIVE/NewGroteskSquareFOUR.woff') format('woff'),
        url('/assets/fonts/NewGroteskSquareFOUR/NewGroteskSquareFOUR.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/NewGroteskSquareFOUR/NewGroteskSquareFOUR.eot'),
        url('/assets/fonts/NewGroteskSquareFOUR/NewGroteskSquareFOUR.svg#NewGroteskSquareFOUR') format('svg');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: 'NewGroteskSquareFIVE';
    src: url('/assets/fonts/NewGroteskSquareFIVE/NewGroteskSquareFIVE.otf') format('opentype'),
        url('/assets/fonts/NewGroteskSquareFIVE/NewGroteskSquareFIVE.woff') format('woff'),
        url('/assets/fonts/NewGroteskSquareFIVE/NewGroteskSquareFIVE.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/NewGroteskSquareFIVE/NewGroteskSquareFIVE.eot'),
        url('/assets/fonts/NewGroteskSquareFIVE/NewGroteskSquareFIVE.svg#NewGroteskSquareFIVE') format('svg');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: 'NewGroteskSquareSIX';
    src: url('/assets/fonts/NewGroteskSquareSIX/NewGroteskSquareSIX.otf') format('opentype'),
        url('/assets/fonts/NewGroteskSquareSIX/NewGroteskSquareSIX.woff') format('woff'),
        url('/assets/fonts/NewGroteskSquareSIX/NewGroteskSquareSIX.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/NewGroteskSquareSIX/NewGroteskSquareSIX.eot'),
        url('/assets/fonts/NewGroteskSquareSIX/NewGroteskSquareSIX.svg#NewGroteskSquareSIX') format('svg');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: 'Lynstone';
    src: url('/assets/fonts/Lynstone/Lynstone-Light.otf') format('opentype');
    font-style: normal;
    font-weight: 300;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: 'Lynstone';
    src: url('/assets/fonts/Lynstone/Lynstone-Book.otf') format('opentype');
    font-style: normal;
    font-weight: 350;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: 'Lynstone';
    src: url('/assets/fonts/Lynstone/Lynstone-Regular.otf') format('opentype');
    font-style: normal;
    font-weight: 400;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: 'Lynstone';
    src: url('/assets/fonts/Lynstone/Lynstone-SemiBold.otf') format('opentype');
    font-style: normal;
    font-weight: 500;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: 'Lynstone';
    src: url('/assets/fonts/Lynstone/Lynstone-Bold.otf') format('opentype');
    font-style: normal;
    font-weight: 700;
    text-rendering: optimizeLegibility;
}

img {
    object-fit: cover;
}

::selection {
    color: white;
    background: #222222;
}

.m0 {
    margin: 0px;
}

.mt0 {
    margin-top: 0px;
}

.mb0 {
    margin-bottom: 0px;
}

.ml0 {
    margin-left: 0px;
}

.mr0 {
    margin-right: 0px;
}

.mv0 {
    margin-top: 0px;
    margin-bottom: 0px;
}

.mh0 {
    margin-left: 0px;
    margin-right: 0px;
}

.p0 {
    padding: 0px;
}

.pv0 {
    padding-top: 0px;
    padding-bottom: 0px;
}

.ph0 {
    padding-left: 0px;
    padding-right: 0px;
}

.pt0 {
    padding-top: 0px;
}

.pb0 {
    padding-bottom: 0px;
}

.pl0 {
    padding-left: 0px;
}

.pr0 {
    padding-right: 0px;
}

.m1 {
    margin: 1px;
}

.mt1 {
    margin-top: 1px;
}

.mb1 {
    margin-bottom: 1px;
}

.ml1 {
    margin-left: 1px;
}

.mr1 {
    margin-right: 1px;
}

.mv1 {
    margin-top: 1px;
    margin-bottom: 1px;
}

.mh1 {
    margin-left: 1px;
    margin-right: 1px;
}

.p1 {
    padding: 1px;
}

.pv1 {
    padding-top: 1px;
    padding-bottom: 1px;
}

.ph1 {
    padding-left: 1px;
    padding-right: 1px;
}

.pt1 {
    padding-top: 1px;
}

.pb1 {
    padding-bottom: 1px;
}

.pl1 {
    padding-left: 1px;
}

.pr1 {
    padding-right: 1px;
}

.m2 {
    margin: 2px;
}

.mt2 {
    margin-top: 2px;
}

.mb2 {
    margin-bottom: 2px;
}

.ml2 {
    margin-left: 2px;
}

.mr2 {
    margin-right: 2px;
}

.mv2 {
    margin-top: 2px;
    margin-bottom: 2px;
}

.mh2 {
    margin-left: 2px;
    margin-right: 2px;
}

.p2 {
    padding: 2px;
}

.pv2 {
    padding-top: 2px;
    padding-bottom: 2px;
}

.ph2 {
    padding-left: 2px;
    padding-right: 2px;
}

.pt2 {
    padding-top: 2px;
}

.pb2 {
    padding-bottom: 2px;
}

.pl2 {
    padding-left: 2px;
}

.pr2 {
    padding-right: 2px;
}

.m4 {
    margin: 4px;
}

.mt4 {
    margin-top: 4px;
}

.mb4 {
    margin-bottom: 4px;
}

.ml4 {
    margin-left: 4px;
}

.mr4 {
    margin-right: 4px;
}

.mv4 {
    margin-top: 4px;
    margin-bottom: 4px;
}

.mh4 {
    margin-left: 4px;
    margin-right: 4px;
}

.p4 {
    padding: 4px;
}

.pv4 {
    padding-top: 4px;
    padding-bottom: 4px;
}

.ph4 {
    padding-left: 4px;
    padding-right: 4px;
}

.pt4 {
    padding-top: 4px;
}

.pb4 {
    padding-bottom: 4px;
}

.pl4 {
    padding-left: 4px;
}

.pr4 {
    padding-right: 4px;
}

.m8 {
    margin: 8px;
}

.mt8 {
    margin-top: 8px;
}

.mb8 {
    margin-bottom: 8px;
}

.ml8 {
    margin-left: 8px;
}

.mr8 {
    margin-right: 8px;
}

.mv8 {
    margin-top: 8px;
    margin-bottom: 8px;
}

.mh8 {
    margin-left: 8px;
    margin-right: 8px;
}

.p8 {
    padding: 8px;
}

.pv8 {
    padding-top: 8px;
    padding-bottom: 8px;
}

.ph8 {
    padding-left: 8px;
    padding-right: 8px;
}

.pt8 {
    padding-top: 8px;
}

.pb8 {
    padding-bottom: 8px;
}

.pl8 {
    padding-left: 8px;
}

.pr8 {
    padding-right: 8px;
}

.m12 {
    margin: 12px;
}

.mt12 {
    margin-top: 12px;
}

.mb12 {
    margin-bottom: 12px;
}

.ml12 {
    margin-left: 12px;
}

.mr12 {
    margin-right: 12px;
}

.mv12 {
    margin-top: 12px;
    margin-bottom: 12px;
}

.mh12 {
    margin-left: 12px;
    margin-right: 12px;
}

.p12 {
    padding: 12px;
}

.pv12 {
    padding-top: 12px;
    padding-bottom: 12px;
}

.ph12 {
    padding-left: 12px;
    padding-right: 12px;
}

.pt12 {
    padding-top: 12px;
}

.pb12 {
    padding-bottom: 12px;
}

.pl12 {
    padding-left: 12px;
}

.pr12 {
    padding-right: 12px;
}

.m16 {
    margin: 16px;
}

.mt16 {
    margin-top: 16px;
}

.mb16 {
    margin-bottom: 16px;
}

.ml16 {
    margin-left: 16px;
}

.mr16 {
    margin-right: 16px;
}

.mv16 {
    margin-top: 16px;
    margin-bottom: 16px;
}

.mh16 {
    margin-left: 16px;
    margin-right: 16px;
}

.p16 {
    padding: 16px;
}

.pv16 {
    padding-top: 16px;
    padding-bottom: 16px;
}

.ph16 {
    padding-left: 16px;
    padding-right: 16px;
}

.pt16 {
    padding-top: 16px;
}

.pb16 {
    padding-bottom: 16px;
}

.pl16 {
    padding-left: 16px;
}

.pr16 {
    padding-right: 16px;
}

.m20 {
    margin: 20px;
}

.mt20 {
    margin-top: 20px;
}

.mb20 {
    margin-bottom: 20px;
}

.ml20 {
    margin-left: 20px;
}

.mr20 {
    margin-right: 20px;
}

.mv20 {
    margin-top: 20px;
    margin-bottom: 20px;
}

.mh20 {
    margin-left: 20px;
    margin-right: 20px;
}

.p20 {
    padding: 20px;
}

.pv20 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.ph20 {
    padding-left: 20px;
    padding-right: 20px;
}

.pt20 {
    padding-top: 20px;
}

.pb20 {
    padding-bottom: 20px;
}

.pl20 {
    padding-left: 20px;
}

.pr20 {
    padding-right: 20px;
}

.m24 {
    margin: 24px;
}

.mt24 {
    margin-top: 24px;
}

.mb24 {
    margin-bottom: 24px;
}

.ml24 {
    margin-left: 24px;
}

.mr24 {
    margin-right: 24px;
}

.mv24 {
    margin-top: 24px;
    margin-bottom: 24px;
}

.mh24 {
    margin-left: 24px;
    margin-right: 24px;
}

.p24 {
    padding: 24px;
}

.pv24 {
    padding-top: 24px;
    padding-bottom: 24px;
}

.ph24 {
    padding-left: 24px;
    padding-right: 24px;
}

.pt24 {
    padding-top: 24px;
}

.pb24 {
    padding-bottom: 24px;
}

.pl24 {
    padding-left: 24px;
}

.pr24 {
    padding-right: 24px;
}

.m32 {
    margin: 32px;
}

.mt32 {
    margin-top: 32px;
}

.ml32 {
    margin-left: 32px;
}

.mr32 {
    margin-right: 32px;
}

.mv32 {
    margin-top: 32px;
    margin-bottom: 32px;
}

.mh32 {
    margin-left: 32px;
    margin-right: 32px;
}

.p32 {
    padding: 32px;
}

.pv32 {
    padding-top: 32px;
    padding-bottom: 32px;
}

.ph32 {
    padding-left: 32px;
    padding-right: 32px;
}

.pt32 {
    padding-top: 32px;
}

.pb32 {
    padding-bottom: 32px;
}

.pl32 {
    padding-left: 32px;
}

.pr32 {
    padding-right: 25px;
}

.m44 {
    margin: 44px;
}

.mt44 {
    margin-top: 44px;
}

.mb44 {
    margin-bottom: 44px;
}

.ml44 {
    margin-left: 44px;
}

.mr44 {
    margin-right: 44px;
}

.mv44 {
    margin-top: 44px;
    margin-bottom: 44px;
}

.mh44 {
    margin-left: 44px;
    margin-right: 44px;
}

.p44 {
    padding: 44px;
}

.pv44 {
    padding-top: 44px;
    padding-bottom: 44px;
}

.ph44 {
    padding-left: 44px;
    padding-right: 44px;
}

.pt44 {
    padding-top: 44px;
}

.pb44 {
    padding-bottom: 44px;
}

.pl44 {
    padding-left: 44px;
}

.pr44 {
    padding-right: 44px;
}

.m48 {
    margin: 48px;
}

.mt48 {
    margin-top: 48px;
}

.mb48 {
    margin-bottom: 48px;
}

.ml48 {
    margin-left: 48px;
}

.mr48 {
    margin-right: 48px;
}

.mv48 {
    margin-top: 48px;
    margin-bottom: 48px;
}

.mh48 {
    margin-left: 48px;
    margin-right: 48px;
}

.p48 {
    padding: 48px;
}

.pv48 {
    padding-top: 48px;
    padding-bottom: 48px;
}

.ph48 {
    padding-left: 48px;
    padding-right: 48px;
}

.pt48 {
    padding-top: 48px;
}

.pb48 {
    padding-bottom: 48px;
}

.pl48 {
    padding-left: 48px;
}

.pr48 {
    padding-right: 48px;
}

.m64 {
    margin: 64px;
}

.mt64 {
    margin-top: 64px;
}

.mb64 {
    margin-bottom: 64px;
}

.ml64 {
    margin-left: 64px;
}

.mr64 {
    margin-right: 64px;
}

.mv64 {
    margin-top: 64px;
    margin-bottom: 64px;
}

.mh64 {
    margin-left: 64px;
    margin-right: 64px;
}

.p64 {
    padding: 64px;
}

.pv64 {
    padding-top: 64px;
    padding-bottom: 64px;
}

.ph64 {
    padding-left: 64px;
    padding-right: 64px;
}

.pt64 {
    padding-top: 64px;
}

.pb64 {
    padding-bottom: 64px;
}

.pl64 {
    padding-left: 64px;
}

.pr64 {
    padding-right: 64px;
}

.m80 {
    margin: 80px;
}

.mt80 {
    margin-top: 80px;
}

.mb80 {
    margin-bottom: 80px;
}

.ml80 {
    margin-left: 80px;
}

.mr80 {
    margin-right: 80px;
}

.mv80 {
    margin-top: 80px;
    margin-bottom: 80px;
}

.mh80 {
    margin-left: 80px;
    margin-right: 80px;
}

.p80 {
    padding: 80px;
}

.pv80 {
    padding-top: 80px;
    padding-bottom: 80px;
}

.ph80 {
    padding-left: 80px;
    padding-right: 80px;
}

.pt80 {
    padding-top: 80px;
}

.pb80 {
    padding-bottom: 80px;
}

.pl80 {
    padding-left: 80px;
}

.pr80 {
    padding-right: 80px;
}

.m128 {
    margin: 128px;
}

.mt100 {
    margin-top: 100px;
}

.mt128 {
    margin-top: 128px;
}

.mb128 {
    margin-bottom: 128px;
}

.ml128 {
    margin-left: 128px;
}

.mr128 {
    margin-right: 128px;
}

.mv128 {
    margin-top: 128px;
    margin-bottom: 128px;
}

.mh128 {
    margin-left: 128px;
    margin-right: 128px;
}

.p128 {
    padding: 128px;
}

.pv128 {
    padding-top: 128px;
    padding-bottom: 128px;
}

.ph128 {
    padding-left: 128px;
    padding-right: 128px;
}

.pt128 {
    padding-top: 128px;
}

.pb128 {
    padding-bottom: 128px;
}

.pl128 {
    padding-left: 128px;
}

.pr128 {
    padding-right: 128px;
}

@media screen and (max-width: 44.9375em) {
    .u-text-center\@s {
        text-align: center !important;
    }

    .m0\@s {
        margin: 0px;
    }

    .mt0\@s {
        margin-top: 0px;
    }

    .mb0\@s {
        margin-bottom: 0px;
    }

    .ml0\@s {
        margin-left: 0px;
    }

    .mr0\@s {
        margin-right: 0px;
    }

    .mv0\@s {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .mh0\@s {
        margin-left: 0px;
        margin-right: 0px;
    }

    .p0\@s {
        padding: 0px;
    }

    .pv0\@s {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .ph0\@s {
        padding-left: 0px;
        padding-right: 0px;
    }

    .pt0\@s {
        padding-top: 0px;
    }

    .pb0\@s {
        padding-bottom: 0px;
    }

    .pl0\@s {
        padding-left: 0px;
    }

    .pr0\@s {
        padding-right: 0px;
    }

    .m1\@s {
        margin: 1px;
    }

    .mt1\@s {
        margin-top: 1px;
    }

    .mb1\@s {
        margin-bottom: 1px;
    }

    .ml1\@s {
        margin-left: 1px;
    }

    .mr1\@s {
        margin-right: 1px;
    }

    .mv1\@s {
        margin-top: 1px;
        margin-bottom: 1px;
    }

    .mh1\@s {
        margin-left: 1px;
        margin-right: 1px;
    }

    .p1\@s {
        padding: 1px;
    }

    .pv1\@s {
        padding-top: 1px;
        padding-bottom: 1px;
    }

    .ph1\@s {
        padding-left: 1px;
        padding-right: 1px;
    }

    .pt1\@s {
        padding-top: 1px;
    }

    .pb1\@s {
        padding-bottom: 1px;
    }

    .pl1\@s {
        padding-left: 1px;
    }

    .pr1\@s {
        padding-right: 1px;
    }

    .m2\@s {
        margin: 2px;
    }

    .mt2\@s {
        margin-top: 2px;
    }

    .mb2\@s {
        margin-bottom: 2px;
    }

    .ml2\@s {
        margin-left: 2px;
    }

    .mr2\@s {
        margin-right: 2px;
    }

    .mv2\@s {
        margin-top: 2px;
        margin-bottom: 2px;
    }

    .mh2\@s {
        margin-left: 2px;
        margin-right: 2px;
    }

    .p2\@s {
        padding: 2px;
    }

    .pv2\@s {
        padding-top: 2px;
        padding-bottom: 2px;
    }

    .ph2\@s {
        padding-left: 2px;
        padding-right: 2px;
    }

    .pt2\@s {
        padding-top: 2px;
    }

    .pb2\@s {
        padding-bottom: 2px;
    }

    .pl2\@s {
        padding-left: 2px;
    }

    .pr2\@s {
        padding-right: 2px;
    }

    .m4\@s {
        margin: 4px;
    }

    .mt4\@s {
        margin-top: 4px;
    }

    .mb4\@s {
        margin-bottom: 4px;
    }

    .ml4\@s {
        margin-left: 4px;
    }

    .mr4\@s {
        margin-right: 4px;
    }

    .mr6\@s {
        margin-right: 6px;
    }

    .mv4\@s {
        margin-top: 4px;
        margin-bottom: 4px;
    }

    .mh4\@s {
        margin-left: 4px;
        margin-right: 4px;
    }

    .p4\@s {
        padding: 4px;
    }

    .pv4\@s {
        padding-top: 4px;
        padding-bottom: 4px;
    }

    .ph4\@s {
        padding-left: 4px;
        padding-right: 4px;
    }

    .pt4\@s {
        padding-top: 4px;
    }

    .pb4\@s {
        padding-bottom: 4px;
    }

    .pl4\@s {
        padding-left: 4px;
    }

    .pr4\@s {
        padding-right: 4px;
    }

    .m8\@s {
        margin: 8px;
    }

    .mt8\@s {
        margin-top: 8px;
    }

    .mb8\@s {
        margin-bottom: 8px;
    }

    .ml8\@s {
        margin-left: 8px;
    }

    .mr8\@s {
        margin-right: 8px;
    }

    .mv8\@s {
        margin-top: 8px;
        margin-bottom: 8px;
    }

    .mh8\@s {
        margin-left: 8px;
        margin-right: 8px;
    }

    .p8\@s {
        padding: 8px;
    }

    .pv8\@s {
        padding-top: 8px;
        padding-bottom: 8px;
    }

    .ph8\@s {
        padding-left: 8px;
        padding-right: 8px;
    }

    .pt8\@s {
        padding-top: 8px;
    }

    .pb8\@s {
        padding-bottom: 8px;
    }

    .pl8\@s {
        padding-left: 8px;
    }

    .pr8\@s {
        padding-right: 8px;
    }

    .m12\@s {
        margin: 12px;
    }

    .mt12\@s {
        margin-top: 12px;
    }

    .mb12\@s {
        margin-bottom: 12px;
    }

    .ml12\@s {
        margin-left: 12px;
    }

    .mr12\@s {
        margin-right: 12px;
    }

    .mv12\@s {
        margin-top: 12px;
        margin-bottom: 12px;
    }

    .mh12\@s {
        margin-left: 12px;
        margin-right: 12px;
    }

    .p12\@s {
        padding: 12px;
    }

    .pv12\@s {
        padding-top: 12px;
        padding-bottom: 12px;
    }

    .ph12\@s {
        padding-left: 12px;
        padding-right: 12px;
    }

    .pt12\@s {
        padding-top: 12px;
    }

    .pb12\@s {
        padding-bottom: 12px;
    }

    .pl12\@s {
        padding-left: 12px;
    }

    .pr12\@s {
        padding-right: 12px;
    }

    .m16\@s {
        margin: 16px;
    }

    .mt16\@s {
        margin-top: 16px;
    }

    .mb16\@s {
        margin-bottom: 16px;
    }

    .ml16\@s {
        margin-left: 16px;
    }

    .mr16\@s {
        margin-right: 16px;
    }

    .mv16\@s {
        margin-top: 16px;
        margin-bottom: 16px;
    }

    .mh16\@s {
        margin-left: 16px;
        margin-right: 16px;
    }

    .p16\@s {
        padding: 16px;
    }

    .pv16\@s {
        padding-top: 16px;
        padding-bottom: 16px;
    }

    .ph16\@s {
        padding-left: 16px;
        padding-right: 16px;
    }

    .pt16\@s {
        padding-top: 16px;
    }

    .pb16\@s {
        padding-bottom: 16px;
    }

    .pl16\@s {
        padding-left: 16px;
    }

    .pr16\@s {
        padding-right: 16px;
    }

    .m20\@s {
        margin: 20px;
    }

    .mt20\@s {
        margin-top: 20px;
    }

    .mb20\@s {
        margin-bottom: 20px;
    }

    .ml20\@s {
        margin-left: 20px;
    }

    .mr20\@s {
        margin-right: 20px;
    }

    .mv20\@s {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .mh20\@s {
        margin-left: 20px;
        margin-right: 20px;
    }

    .p20\@s {
        padding: 20px;
    }

    .pv20\@s {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .ph20\@s {
        padding-left: 20px;
        padding-right: 20px;
    }

    .pt20\@s {
        padding-top: 20px;
    }

    .pb20\@s {
        padding-bottom: 20px;
    }

    .pl20\@s {
        padding-left: 20px;
    }

    .pr20\@s {
        padding-right: 20px;
    }

    .m24\@s {
        margin: 24px;
    }

    .mt24\@s {
        margin-top: 24px;
    }

    .mb24\@s {
        margin-bottom: 24px;
    }

    .ml24\@s {
        margin-left: 24px;
    }

    .mr24\@s {
        margin-right: 24px;
    }

    .mv24\@s {
        margin-top: 24px;
        margin-bottom: 24px;
    }

    .mh24\@s {
        margin-left: 24px;
        margin-right: 24px;
    }

    .p24\@s {
        padding: 24px;
    }

    .pv24\@s {
        padding-top: 24px;
        padding-bottom: 24px;
    }

    .ph24\@s {
        padding-left: 24px;
        padding-right: 24px;
    }

    .pt24\@s {
        padding-top: 24px;
    }

    .pb24\@s {
        padding-bottom: 24px;
    }

    .pl24\@s {
        padding-left: 24px;
    }

    .pr24\@s {
        padding-right: 24px;
    }

    .m32\@s {
        margin: 32px;
    }

    .mt32\@s {
        margin-top: 32px;
    }

    .mb32\@s {
        margin-bottom: 32px;
    }

    .ml32\@s {
        margin-left: 32px;
    }

    .mr32\@s {
        margin-right: 32px;
    }

    .mv32\@s {
        margin-top: 32px;
        margin-bottom: 32px;
    }

    .mh32\@s {
        margin-left: 32px;
        margin-right: 32px;
    }

    .p32\@s {
        padding: 32px;
    }

    .pv32\@s {
        padding-top: 32px;
        padding-bottom: 32px;
    }

    .ph32\@s {
        padding-left: 32px;
        padding-right: 32px;
    }

    .pt32\@s {
        padding-top: 32px;
    }

    .pb32\@s {
        padding-bottom: 32px;
    }

    .pl32\@s {
        padding-left: 32px;
    }

    .pr32\@s {
        padding-right: 32px;
    }

    .m44\@s {
        margin: 44px;
    }

    .mt44\@s {
        margin-top: 44px;
    }

    .mb44\@s {
        margin-bottom: 44px;
    }

    .ml44\@s {
        margin-left: 44px;
    }

    .mr44\@s {
        margin-right: 44px;
    }

    .mv44\@s {
        margin-top: 44px;
        margin-bottom: 44px;
    }

    .mh44\@s {
        margin-left: 44px;
        margin-right: 44px;
    }

    .p44\@s {
        padding: 44px;
    }

    .pv44\@s {
        padding-top: 44px;
        padding-bottom: 44px;
    }

    .ph44\@s {
        padding-left: 44px;
        padding-right: 44px;
    }

    .pt44\@s {
        padding-top: 44px;
    }

    .pb44\@s {
        padding-bottom: 44px;
    }

    .pl44\@s {
        padding-left: 44px;
    }

    .pr44\@s {
        padding-right: 44px;
    }

    .m48\@s {
        margin: 48px;
    }

    .mt48\@s {
        margin-top: 48px;
    }

    .mb48\@s {
        margin-bottom: 48px;
    }

    .ml48\@s {
        margin-left: 48px;
    }

    .mr48\@s {
        margin-right: 48px;
    }

    .mv48\@s {
        margin-top: 48px;
        margin-bottom: 48px;
    }

    .mh48\@s {
        margin-left: 48px;
        margin-right: 48px;
    }

    .p48\@s {
        padding: 48px;
    }

    .pv48\@s {
        padding-top: 48px;
        padding-bottom: 48px;
    }

    .ph48\@s {
        padding-left: 48px;
        padding-right: 48px;
    }

    .pt48\@s {
        padding-top: 48px;
    }

    .pb48\@s {
        padding-bottom: 48px;
    }

    .pl48\@s {
        padding-left: 48px;
    }

    .pr48\@s {
        padding-right: 48px;
    }

    .m64\@s {
        margin: 64px;
    }

    .mt64\@s {
        margin-top: 64px;
    }

    .mb64\@s {
        margin-bottom: 64px;
    }

    .ml64\@s {
        margin-left: 64px;
    }

    .mr64\@s {
        margin-right: 64px;
    }

    .mv64\@s {
        margin-top: 64px;
        margin-bottom: 64px;
    }

    .mh64\@s {
        margin-left: 64px;
        margin-right: 64px;
    }

    .p64\@s {
        padding: 64px;
    }

    .pv64\@s {
        padding-top: 64px;
        padding-bottom: 64px;
    }

    .ph64\@s {
        padding-left: 64px;
        padding-right: 64px;
    }

    .pt64\@s {
        padding-top: 64px;
    }

    .pb64\@s {
        padding-bottom: 64px;
    }

    .pl64\@s {
        padding-left: 64px;
    }

    .pr64\@s {
        padding-right: 64px;
    }

    .m80\@s {
        margin: 80px;
    }

    .mt80\@s {
        margin-top: 80px;
    }

    .mb80\@s {
        margin-bottom: 80px;
    }

    .ml80\@s {
        margin-left: 80px;
    }

    .mr80\@s {
        margin-right: 80px;
    }

    .mv80\@s {
        margin-top: 80px;
        margin-bottom: 80px;
    }

    .mh80\@s {
        margin-left: 80px;
        margin-right: 80px;
    }

    .p80\@s {
        padding: 80px;
    }

    .pv80\@s {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .ph80\@s {
        padding-left: 80px;
        padding-right: 80px;
    }

    .pt80\@s {
        padding-top: 80px;
    }

    .pb80\@s {
        padding-bottom: 80px;
    }

    .pl80\@s {
        padding-left: 80px;
    }

    .pr80\@s {
        padding-right: 80px;
    }

    .m128\@s {
        margin: 128px;
    }

    .mt128\@s {
        margin-top: 128px;
    }

    .mb128\@s {
        margin-bottom: 128px;
    }

    .ml128\@s {
        margin-left: 128px;
    }

    .mr128\@s {
        margin-right: 128px;
    }

    .mv128\@s {
        margin-top: 128px;
        margin-bottom: 128px;
    }

    .mh128\@s {
        margin-left: 128px;
        margin-right: 128px;
    }

    .p128\@s {
        padding: 128px;
    }

    .pv128\@s {
        padding-top: 128px;
        padding-bottom: 128px;
    }

    .ph128\@s {
        padding-left: 128px;
        padding-right: 128px;
    }

    .pt128\@s {
        padding-top: 128px;
    }

    .pb128\@s {
        padding-bottom: 128px;
    }

    .pl128\@s {
        padding-left: 128px;
    }

    .pr128\@s {
        padding-right: 128px;
    }
}

@media screen and (min-width: 45em) {
    .m0\@m {
        margin: 0px;
    }

    .mt0\@m {
        margin-top: 0px;
    }

    .mb0\@m {
        margin-bottom: 0px;
    }

    .ml0\@m {
        margin-left: 0px;
    }

    .mr0\@m {
        margin-right: 0px;
    }

    .mv0\@m {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .mh0\@m {
        margin-left: 0px;
        margin-right: 0px;
    }

    .p0\@m {
        padding: 0px;
    }

    .pv0\@m {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .ph0\@m {
        padding-left: 0px;
        padding-right: 0px;
    }

    .pt0\@m {
        padding-top: 0px;
    }

    .pb0\@m {
        padding-bottom: 0px;
    }

    .pl0\@m {
        padding-left: 0px;
    }

    .pr0\@m {
        padding-right: 0px;
    }

    .m1\@m {
        margin: 1px;
    }

    .mt1\@m {
        margin-top: 1px;
    }

    .mb1\@m {
        margin-bottom: 1px;
    }

    .ml1\@m {
        margin-left: 1px;
    }

    .mr1\@m {
        margin-right: 1px;
    }

    .mv1\@m {
        margin-top: 1px;
        margin-bottom: 1px;
    }

    .mh1\@m {
        margin-left: 1px;
        margin-right: 1px;
    }

    .p1\@m {
        padding: 1px;
    }

    .pv1\@m {
        padding-top: 1px;
        padding-bottom: 1px;
    }

    .ph1\@m {
        padding-left: 1px;
        padding-right: 1px;
    }

    .pt1\@m {
        padding-top: 1px;
    }

    .pb1\@m {
        padding-bottom: 1px;
    }

    .pl1\@m {
        padding-left: 1px;
    }

    .pr1\@m {
        padding-right: 1px;
    }

    .m2\@m {
        margin: 2px;
    }

    .mt2\@m {
        margin-top: 2px;
    }

    .mb2\@m {
        margin-bottom: 2px;
    }

    .ml2\@m {
        margin-left: 2px;
    }

    .mr2\@m {
        margin-right: 2px;
    }

    .mv2\@m {
        margin-top: 2px;
        margin-bottom: 2px;
    }

    .mh2\@m {
        margin-left: 2px;
        margin-right: 2px;
    }

    .p2\@m {
        padding: 2px;
    }

    .pv2\@m {
        padding-top: 2px;
        padding-bottom: 2px;
    }

    .ph2\@m {
        padding-left: 2px;
        padding-right: 2px;
    }

    .pt2\@m {
        padding-top: 2px;
    }

    .pb2\@m {
        padding-bottom: 2px;
    }

    .pl2\@m {
        padding-left: 2px;
    }

    .pr2\@m {
        padding-right: 2px;
    }

    .m4\@m {
        margin: 4px;
    }

    .mt4\@m {
        margin-top: 4px;
    }

    .mb4\@m {
        margin-bottom: 4px;
    }

    .ml4\@m {
        margin-left: 4px;
    }

    .mr4\@m {
        margin-right: 4px;
    }

    .mv4\@m {
        margin-top: 4px;
        margin-bottom: 4px;
    }

    .mh4\@m {
        margin-left: 4px;
        margin-right: 4px;
    }

    .p4\@m {
        padding: 4px;
    }

    .pv4\@m {
        padding-top: 4px;
        padding-bottom: 4px;
    }

    .ph4\@m {
        padding-left: 4px;
        padding-right: 4px;
    }

    .pt4\@m {
        padding-top: 4px;
    }

    .pb4\@m {
        padding-bottom: 4px;
    }

    .pl4\@m {
        padding-left: 4px;
    }

    .pr4\@m {
        padding-right: 4px;
    }

    .mt6\@m {
        margin-top: 6px;
    }

    .m8\@m {
        margin: 8px;
    }

    .mt8\@m {
        margin-top: 8px;
    }

    .mb8\@m {
        margin-bottom: 8px;
    }

    .ml8\@m {
        margin-left: 8px;
    }

    .mr8\@m {
        margin-right: 8px;
    }

    .mv8\@m {
        margin-top: 8px;
        margin-bottom: 8px;
    }

    .mh8\@m {
        margin-left: 8px;
        margin-right: 8px;
    }

    .p8\@m {
        padding: 8px;
    }

    .pv8\@m {
        padding-top: 8px;
        padding-bottom: 8px;
    }

    .ph8\@m {
        padding-left: 8px;
        padding-right: 8px;
    }

    .pt8\@m {
        padding-top: 8px;
    }

    .pb8\@m {
        padding-bottom: 8px;
    }

    .pl8\@m {
        padding-left: 8px;
    }

    .pr8\@m {
        padding-right: 8px;
    }

    .m12\@m {
        margin: 12px;
    }

    .mt12\@m {
        margin-top: 12px;
    }

    .mb12\@m {
        margin-bottom: 12px;
    }

    .ml12\@m {
        margin-left: 12px;
    }

    .mr12\@m {
        margin-right: 12px;
    }

    .mv12\@m {
        margin-top: 5px;
        margin-bottom: 12px;
    }

    .mh12\@m {
        margin-left: 12px;
        margin-right: 12px;
    }

    .p12\@m {
        padding: 12px;
    }

    .pv12\@m {
        padding-top: 12px;
        padding-bottom: 12px;
    }

    .ph12\@m {
        padding-left: 12px;
        padding-right: 12px;
    }

    .pt12\@m {
        padding-top: 12px;
    }

    .pb12\@m {
        padding-bottom: 12px;
    }

    .pl12\@m {
        padding-left: 12px;
    }

    .pr12\@m {
        padding-right: 12px;
    }

    .m16\@m {
        margin: 16px;
    }

    .mt16\@m {
        margin-top: 16px;
    }

    .mb16\@m {
        margin-bottom: 16px;
    }

    .ml16\@m {
        margin-left: 16px;
    }

    .mr16\@m {
        margin-right: 16px;
    }

    .mv16\@m {
        margin-top: 16px;
        margin-bottom: 16px;
    }

    .mh16\@m {
        margin-left: 16px;
        margin-right: 16px;
    }

    .p16\@m {
        padding: 16px;
    }

    .pv16\@m {
        padding-top: 16px;
        padding-bottom: 16px;
    }

    .ph16\@m {
        padding-left: 16px;
        padding-right: 16px;
    }

    .pt16\@m {
        padding-top: 16px;
    }

    .pb16\@m {
        padding-bottom: 16px;
    }

    .pl16\@m {
        padding-left: 16px;
    }

    .pr16\@m {
        padding-right: 16px;
    }

    .m20\@m {
        margin: 20px;
    }

    .mt20\@m {
        margin-top: 20px;
    }

    .mb20\@m {
        margin-bottom: 20px;
    }

    .ml20\@m {
        margin-left: 20px;
    }

    .mr20\@m {
        margin-right: 20px;
    }

    .mv20\@m {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .mh20\@m {
        margin-left: 20px;
        margin-right: 20px;
    }

    .p20\@m {
        padding: 20px;
    }

    .pv20\@m {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .ph20\@m {
        padding-left: 20px;
        padding-right: 20px;
    }

    .pt20\@m {
        padding-top: 20px;
    }

    .pb20\@m {
        padding-bottom: 20px;
    }

    .pl20\@m {
        padding-left: 20px;
    }

    .pr20\@m {
        padding-right: 20px;
    }

    .m24\@m {
        margin: 24px;
    }

    .mt24\@m {
        margin-top: 24px;
    }

    .mb24\@m {
        margin-bottom: 24px;
    }

    .ml24\@m {
        margin-left: 24px;
    }

    .mr24\@m {
        margin-right: 24px;
    }

    .mv24\@m {
        margin-top: 24px;
        margin-bottom: 24px;
    }

    .mh24\@m {
        margin-left: 24px;
        margin-right: 24px;
    }

    .p24\@m {
        padding: 24px;
    }

    .p28\@m {
        padding: 28px;
    }

    .pv24\@m {
        padding-top: 24px;
        padding-bottom: 24px;
    }

    .ph24\@m {
        padding-left: 24px;
        padding-right: 24px;
    }

    .pt24\@m {
        padding-top: 24px;
    }

    .pb24\@m {
        padding-bottom: 24px;
    }

    .pl24\@m {
        padding-left: 24px;
    }

    .pr24\@m {
        padding-right: 24px;
    }

    .m32\@m {
        margin: 32px;
    }

    .mt32\@m {
        margin-top: 32px;
    }

    .mb32\@m {
        margin-bottom: 32px;
    }

    .ml32\@m {
        margin-left: 32px;
    }

    .mr32\@m {
        margin-right: 32px;
    }

    .mv32\@m {
        margin-top: 32px;
        margin-bottom: 32px;
    }

    .mh32\@m {
        margin-left: 32px;
        margin-right: 32px;
    }

    .p32\@m {
        padding: 32px;
    }

    .pv32\@m {
        padding-top: 32px;
        padding-bottom: 32px;
    }

    .ph32\@m {
        padding-left: 32px;
        padding-right: 32px;
    }

    .pt32\@m {
        padding-top: 5px;
    }

    .pb32\@m {
        padding-bottom: 32px;
    }

    .pl32\@m {
        padding-left: 32px;
    }

    .pr32\@m {
        padding-right: 32px;
    }

    .m44\@m {
        margin: 44px;
    }

    .mt44\@m {
        margin-top: 44px;
    }

    .mb44\@m {
        margin-bottom: 44px;
    }

    .ml44\@m {
        margin-left: 44px;
    }

    .mr44\@m {
        margin-right: 44px;
    }

    .mv44\@m {
        margin-top: 44px;
        margin-bottom: 44px;
    }

    .mh44\@m {
        margin-left: 44px;
        margin-right: 44px;
    }

    .p44\@m {
        padding: 44px;
    }

    .pv44\@m {
        padding-top: 44px;
        padding-bottom: 44px;
    }

    .ph44\@m {
        padding-left: 44px;
        padding-right: 44px;
    }

    .pt44\@m {
        padding-top: 44px;
    }

    .pb44\@m {
        padding-bottom: 44px;
    }

    .pl44\@m {
        padding-left: 44px;
    }

    .pr44\@m {
        padding-right: 44px;
    }

    .m48\@m {
        margin: 48px;
    }

    .mt48\@m {
        margin-top: 48px;
    }

    .mb48\@m {
        margin-bottom: 48px;
    }

    .ml48\@m {
        margin-left: 48px;
    }

    .mr48\@m {
        margin-right: 48px;
    }

    .mv48\@m {
        margin-top: 48px;
        margin-bottom: 48px;
    }

    .mh48\@m {
        margin-left: 48px;
        margin-right: 48px;
    }

    .p48\@m {
        padding: 48px;
    }

    .pv48\@m {
        padding-top: 48px;
        padding-bottom: 48px;
    }

    .ph48\@m {
        padding-left: 48px;
        padding-right: 48px;
    }

    .pt48\@m {
        padding-top: 48px;
    }

    .pb48\@m {
        padding-bottom: 48px;
    }

    .pl48\@m {
        padding-left: 48px;
    }

    .pr48\@m {
        padding-right: 48px;
    }

    .m64\@m {
        margin: 64px;
    }

    .mt64\@m {
        margin-top: 64px;
    }

    .mb64\@m {
        margin-bottom: 64px;
    }

    .ml64\@m {
        margin-left: 64px;
    }

    .mr64\@m {
        margin-right: 64px;
    }

    .mv64\@m {
        margin-top: 64px;
        margin-bottom: 64px;
    }

    .mh64\@m {
        margin-left: 64px;
        margin-right: 64px;
    }

    .p64\@m {
        padding: 64px;
    }

    .pv64\@m {
        padding-top: 64px;
        padding-bottom: 64px;
    }

    .ph64\@m {
        padding-left: 64px;
        padding-right: 64px;
    }

    .pt64\@m {
        padding-top: 64px;
    }

    .pb64\@m {
        padding-bottom: 64px;
    }

    .pl64\@m {
        padding-left: 64px;
    }

    .pr64\@m {
        padding-right: 64px;
    }

    .m80\@m {
        margin: 80px;
    }

    .mt80\@m {
        margin-top: 80px;
    }

    .mb80\@m {
        margin-bottom: 80px;
    }

    .ml80\@m {
        margin-left: 80px;
    }

    .mr80\@m {
        margin-right: 80px;
    }

    .mv80\@m {
        margin-top: 80px;
        margin-bottom: 80px;
    }

    .mh80\@m {
        margin-left: 80px;
        margin-right: 80px;
    }

    .p80\@m {
        padding: 80px;
    }

    .pv80\@m {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .ph80\@m {
        padding-left: 80px;
        padding-right: 80px;
    }

    .pt80\@m {
        padding-top: 80px;
    }

    .pb80\@m {
        padding-bottom: 80px;
    }

    .pl80\@m {
        padding-left: 80px;
    }

    .pr80\@m {
        padding-right: 80px;
    }

    .m128\@m {
        margin: 128px;
    }

    .mt100\@m {
        margin-top: 100px;
    }

    .mt128\@m {
        margin-top: 128px;
    }

    .mb128\@m {
        margin-bottom: 128px;
    }

    .ml128\@m {
        margin-left: 128px;
    }

    .mr128\@m {
        margin-right: 128px;
    }

    .mv128\@m {
        margin-top: 128px;
        margin-bottom: 128px;
    }

    .mh128\@m {
        margin-left: 128px;
        margin-right: 128px;
    }

    .p128\@m {
        padding: 128px;
    }

    .pv128\@m {
        padding-top: 128px;
        padding-bottom: 128px;
    }

    .ph128\@m {
        padding-left: 128px;
        padding-right: 128px;
    }

    .pt128\@m {
        padding-top: 128px;
    }

    .pb128\@m {
        padding-bottom: 128px;
    }

    .pl128\@m {
        padding-left: 128px;
    }

    .pr128\@m {
        padding-right: 128px;
    }
}

@media screen and (min-width: 60em) {
    .sign-up-newsletter-message {
        margin-right: 60px;
    }

    .wrap\@l {
        padding-left: 48px;
        padding-right: 48px;
        max-width: 1480px;
        margin-left: auto;
        margin-right: auto;
    }

    .m0\@l {
        margin: 0px;
    }

    .mt0\@l {
        margin-top: 0px;
    }

    .mb0\@l {
        margin-bottom: 0px;
    }

    .ml0\@l {
        margin-left: 0px;
    }

    .mr0\@l {
        margin-right: 0px;
    }

    .mv0\@l {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .mh0\@l {
        margin-left: 0px;
        margin-right: 0px;
    }

    .p0\@l {
        padding: 0px;
    }

    .pv0\@l {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .ph0\@l {
        padding-left: 0px;
        padding-right: 0px;
    }

    .pt0\@l {
        padding-top: 0px;
    }

    .pb0\@l {
        padding-bottom: 0px;
    }

    .pl0\@l {
        padding-left: 0px;
    }

    .pr0\@l {
        padding-right: 0px;
    }

    .m1\@l {
        margin: 1px;
    }

    .mt1\@l {
        margin-top: 1px;
    }

    .mb1\@l {
        margin-bottom: 1px;
    }

    .ml1\@l {
        margin-left: 1px;
    }

    .mr1\@l {
        margin-right: 1px;
    }

    .mv1\@l {
        margin-top: 1px;
        margin-bottom: 1px;
    }

    .mh1\@l {
        margin-left: 1px;
        margin-right: 1px;
    }

    .p1\@l {
        padding: 1px;
    }

    .pv1\@l {
        padding-top: 1px;
        padding-bottom: 1px;
    }

    .ph1\@l {
        padding-left: 1px;
        padding-right: 1px;
    }

    .pt1\@l {
        padding-top: 1px;
    }

    .pb1\@l {
        padding-bottom: 1px;
    }

    .pl1\@l {
        padding-left: 1px;
    }

    .pr1\@l {
        padding-right: 1px;
    }

    .m2\@l {
        margin: 2px;
    }

    .mt2\@l {
        margin-top: 2px;
    }

    .mb2\@l {
        margin-bottom: 2px;
    }

    .ml2\@l {
        margin-left: 2px;
    }

    .mr2\@l {
        margin-right: 2px;
    }

    .mv2\@l {
        margin-top: 2px;
        margin-bottom: 2px;
    }

    .mh2\@l {
        margin-left: 2px;
        margin-right: 2px;
    }

    .p2\@l {
        padding: 2px;
    }

    .pv2\@l {
        padding-top: 2px;
        padding-bottom: 2px;
    }

    .ph2\@l {
        padding-left: 2px;
        padding-right: 2px;
    }

    .pt2\@l {
        padding-top: 2px;
    }

    .pb2\@l {
        padding-bottom: 2px;
    }

    .pl2\@l {
        padding-left: 2px;
    }

    .pr2\@l {
        padding-right: 2px;
    }

    .m4\@l {
        margin: 4px;
    }

    .mt4\@l {
        margin-top: 4px;
    }

    .mb4\@l {
        margin-bottom: 4px;
    }

    .ml4\@l {
        margin-left: 4px;
    }

    .mr4\@l {
        margin-right: 4px;
    }

    .mv4\@l {
        margin-top: 4px;
        margin-bottom: 4px;
    }

    .mh4\@l {
        margin-left: 4px;
        margin-right: 4px;
    }

    .p4\@l {
        padding: 4px;
    }

    .pv4\@l {
        padding-top: 4px;
        padding-bottom: 4px;
    }

    .ph4\@l {
        padding-left: 4px;
        padding-right: 4px;
    }

    .pt4\@l {
        padding-top: 4px;
    }

    .pb4\@l {
        padding-bottom: 4px;
    }

    .pl4\@l {
        padding-left: 4px;
    }

    .pr4\@l {
        padding-right: 4px;
    }

    .m8\@l {
        margin: 8px;
    }

    .mt8\@l {
        margin-top: 8px;
    }

    .mb8\@l {
        margin-bottom: 8px;
    }

    .ml8\@l {
        margin-left: 8px;
    }

    .mr8\@l {
        margin-right: 8px;
    }

    .mv8\@l {
        margin-top: 8px;
        margin-bottom: 8px;
    }

    .mh8\@l {
        margin-left: 8px;
        margin-right: 8px;
    }

    .p8\@l {
        padding: 8px;
    }

    .pv8\@l {
        padding-top: 8px;
        padding-bottom: 8px;
    }

    .ph8\@l {
        padding-left: 8px;
        padding-right: 8px;
    }

    .pt8\@l {
        padding-top: 8px;
    }

    .pb8\@l {
        padding-bottom: 8px;
    }

    .pl8\@l {
        padding-left: 8px;
    }

    .pr8\@l {
        padding-right: 8px;
    }

    .m12\@l {
        margin: 12px;
    }

    .mt12\@l {
        margin-top: 12px;
    }

    .mb12\@l {
        margin-bottom: 12px;
    }

    .ml12\@l {
        margin-left: 12px;
    }

    .mr12\@l {
        margin-right: 12px;
    }

    .mv12\@l {
        margin-top: 12px;
        margin-bottom: 12px;
    }

    .mh12\@l {
        margin-left: 12px;
        margin-right: 12px;
    }

    .p12\@l {
        padding: 12px;
    }

    .pv12\@l {
        padding-top: 12px;
        padding-bottom: 12px;
    }

    .ph12\@l {
        padding-left: 12px;
        padding-right: 12px;
    }

    .pt12\@l {
        padding-top: 12px;
    }

    .pb12\@l {
        padding-bottom: 12px;
    }

    .pl12\@l {
        padding-left: 12px;
    }

    .pr12\@l {
        padding-right: 12px;
    }

    .m16\@l {
        margin: 16px;
    }

    .mt16\@l {
        margin-top: 16px;
    }

    .mb16\@l {
        margin-bottom: 16px;
    }

    .ml16\@l {
        margin-left: 16px;
    }

    .mr16\@l {
        margin-right: 16px;
    }

    .mv16\@l {
        margin-top: 16px;
        margin-bottom: 16px;
    }

    .mh16\@l {
        margin-left: 16px;
        margin-right: 16px;
    }

    .p16\@l {
        padding: 16px;
    }

    .pv16\@l {
        padding-top: 16px;
        padding-bottom: 16px;
    }

    .ph16\@l {
        padding-left: 16px;
        padding-right: 16px;
    }

    .pt16\@l {
        padding-top: 16px;
    }

    .pb16\@l {
        padding-bottom: 16px;
    }

    .pl16\@l {
        padding-left: 16px;
    }

    .pr16\@l {
        padding-right: 16px;
    }

    .m20\@l {
        margin: 20px;
    }

    .mt20\@l {
        margin-top: 20px;
    }

    .mb20\@l {
        margin-bottom: 20px;
    }

    .ml20\@l {
        margin-left: 20px;
    }

    .mr20\@l {
        margin-right: 20px;
    }

    .mv20\@l {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .mh20\@l {
        margin-left: 20px;
        margin-right: 20px;
    }

    .p20\@l {
        padding: 20px;
    }

    .pv20\@l {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .ph20\@l {
        padding-left: 20px;
        padding-right: 20px;
    }

    .pt20\@l {
        padding-top: 20px;
    }

    .pb20\@l {
        padding-bottom: 20px;
    }

    .pl20\@l {
        padding-left: 20px;
    }

    .pr20\@l {
        padding-right: 20px;
    }

    .m24\@l {
        margin: 24px;
    }

    .mt24\@l {
        margin-top: 24px;
    }

    .mb24\@l {
        margin-bottom: 24px;
    }

    .ml24\@l {
        margin-left: 24px;
    }

    .mr24\@l {
        margin-right: 24px;
    }

    .mv24\@l {
        margin-top: 24px;
        margin-bottom: 24px;
    }

    .mh24\@l {
        margin-left: 24px;
        margin-right: 24px;
    }

    .p24\@l {
        padding: 24px;
    }

    .pv24\@l {
        padding-top: 24px;
        padding-bottom: 24px;
    }

    .ph24\@l {
        padding-left: 24px;
        padding-right: 24px;
    }

    .pt24\@l {
        padding-top: 24px;
    }

    .pb24\@l {
        padding-bottom: 24px;
    }

    .pl24\@l {
        padding-left: 24px;
    }

    .pr24\@l {
        padding-right: 24px;
    }

    .m32\@l {
        margin: 32px;
    }

    .mt32\@l {
        margin-top: 32px;
    }

    .mb32\@l {
        margin-bottom: 32px;
    }

    .ml32\@l {
        margin-left: 32px;
    }

    .mr32\@l {
        margin-right: 32px;
    }

    .mv32\@l {
        margin-top: 32px;
        margin-bottom: 32px;
    }

    .mh32\@l {
        margin-left: 32px;
        margin-right: 32px;
    }

    .p32\@l {
        padding: 32px;
    }

    .pv32\@l {
        padding-top: 32px;
        padding-bottom: 32px;
    }

    .ph32\@l {
        padding-left: 32px;
        padding-right: 32px;
    }

    .pt32\@l {
        padding-top: 32px;
    }

    .pb32\@l {
        padding-bottom: 32px;
    }

    .pl32\@l {
        padding-left: 32px;
    }

    .pr32\@l {
        padding-right: 32px;
    }

    .m44\@l {
        margin: 44px;
    }

    .mt44\@l {
        margin-top: 44px;
    }

    .mb44\@l {
        margin-bottom: 44px;
    }

    .ml44\@l {
        margin-left: 44px;
    }

    .mr44\@l {
        margin-right: 44px;
    }

    .mv44\@l {
        margin-top: 44px;
        margin-bottom: 44px;
    }

    .mh44\@l {
        margin-left: 44px;
        margin-right: 44px;
    }

    .p44\@l {
        padding: 44px;
    }

    .pv44\@l {
        padding-top: 44px;
        padding-bottom: 44px;
    }

    .ph44\@l {
        padding-left: 44px;
        padding-right: 44px;
    }

    .pt44\@l {
        padding-top: 44px;
    }

    .pb44\@l {
        padding-bottom: 44px;
    }

    .pl44\@l {
        padding-left: 44px;
    }

    .pr44\@l {
        padding-right: 44px;
    }

    .m48\@l {
        margin: 48px;
    }

    .mt48\@l {
        margin-top: 48px;
    }

    .mb48\@l {
        margin-bottom: 48px;
    }

    .ml48\@l {
        margin-left: 48px;
    }

    .mr48\@l {
        margin-right: 48px;
    }

    .mv48\@l {
        margin-top: 48px;
        margin-bottom: 48px;
    }

    .mh48\@l {
        margin-left: 48px;
        margin-right: 48px;
    }

    .p48\@l {
        padding: 48px;
    }

    .pv48\@l {
        padding-top: 48px;
        padding-bottom: 48px;
    }

    .ph48\@l {
        padding-left: 48px;
        padding-right: 48px;
    }

    .pt48\@l {
        padding-top: 48px;
    }

    .pb48\@l {
        padding-bottom: 48px;
    }

    .pl48\@l {
        padding-left: 48px;
    }

    .pr48\@l {
        padding-right: 48px;
    }

    .m64\@l {
        margin: 64px;
    }

    .mt64\@l {
        margin-top: 64px;
    }

    .mb64\@l {
        margin-bottom: 64px;
    }

    .ml64\@l {
        margin-left: 64px;
    }

    .mr64\@l {
        margin-right: 64px;
    }

    .mv64\@l {
        margin-top: 64px;
        margin-bottom: 64px;
    }

    .mh64\@l {
        margin-left: 64px;
        margin-right: 64px;
    }

    .p64\@l {
        padding: 64px;
    }

    .pv64\@l {
        padding-top: 64px;
        padding-bottom: 64px;
    }

    .ph64\@l {
        padding-left: 64px;
        padding-right: 64px;
    }

    .pt64\@l {
        padding-top: 64px;
    }

    .pb64\@l {
        padding-bottom: 64px;
    }

    .pl64\@l {
        padding-left: 64px;
    }

    .pr64\@l {
        padding-right: 64px;
    }

    .m80\@l {
        margin: 80px;
    }

    .mt80\@l {
        margin-top: 80px;
    }

    .mb80\@l {
        margin-bottom: 80px;
    }

    .ml80\@l {
        margin-left: 80px;
    }

    .mr80\@l {
        margin-right: 80px;
    }

    .mv80\@l {
        margin-top: 80px;
        margin-bottom: 80px;
    }

    .mh80\@l {
        margin-left: 80px;
        margin-right: 80px;
    }

    .p80\@l {
        padding: 80px;
    }

    .pv80\@l {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .ph80\@l {
        padding-left: 80px;
        padding-right: 80px;
    }

    .pt80\@l {
        padding-top: 80px;
    }

    .pb80\@l {
        padding-bottom: 80px;
    }

    .pl80\@l {
        padding-left: 80px;
    }

    .pr80\@l {
        padding-right: 80px;
    }

    .m128\@l {
        margin: 128px;
    }

    .mt128\@l {
        margin-top: 128px;
    }

    .mb128\@l {
        margin-bottom: 128px;
    }

    .ml128\@l {
        margin-left: 128px;
    }

    .mr128\@l {
        margin-right: 128px;
    }

    .mv128\@l {
        margin-top: 128px;
        margin-bottom: 128px;
    }

    .mh128\@l {
        margin-left: 128px;
        margin-right: 128px;
    }

    .p128\@l {
        padding: 128px;
    }

    .pv128\@l {
        padding-top: 128px;
        padding-bottom: 128px;
    }

    .ph128\@l {
        padding-left: 128px;
        padding-right: 128px;
    }

    .pt128\@l {
        padding-top: 128px;
    }

    .pb128\@l {
        padding-bottom: 128px;
    }

    .pl128\@l {
        padding-left: 128px;
    }

    .pr128\@l {
        padding-right: 128px;
    }
}

* {
    box-sizing: border-box;
}

body {
    margin: 0;
    font: 400 100% /1.375 -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
        Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
        'Segoe UI Symbol';
}

button {
    color: inherit;
    background-color: transparent;
    margin: 0em;
    cursor: pointer;
    font: inherit;
    padding: 0;
    border: none;
    border-image: none;
}

button:focus {
    outline-width: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0;
    margin-inline-end: 0;
}

a {
    text-decoration: none;
}

figure {
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0;
    margin-inline-end: 0;
}

ul {
    list-style-type: none;
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0;
    margin-inline-end: 0;
    padding-inline-start: 0;
}

/* Backgrounds */
.u-bg-white {
    background-color: #ffffff;
}

.u-bg-very-light-grey {
    background-color: #f6f6f6;
}

.u-bg-light-grey {
    background-color: #dadbdd;
}

.u-bg-grey {
    background-color: #adb2b4;
}

.u-bg-dark-grey {
    background-color: #737677;
}

.u-bg-charcoal-grey {
    background-color: #222222;
}

.u-bg-brand {
    background-color: #6468dd;
}

.u-bg-brand-secondary {
    background-color: #f89b2a;
}

.u-bg-black {
    background-color: #111111;
}

@media screen and (min-width: 45em) {
    .mobile-only {
        display: none !important;
    }

    .newsletter-email-input {
        margin-right: 12px;
    }
}

@media screen and (min-width: 60em) {
    .mobile-and-tablet-only {
        display: none !important;
    }
}

@media screen and (max-width: 44.9375em),
screen and (min-width: 60em) {
    .tablet-only {
        display: none !important;
    }
}

@media screen and (max-width: 44.9375em) {
    .tablet-and-desktop-only {
        display: none !important;
    }
}

@media screen and (max-width: 59.9375em) {
    .desktop-only {
        display: none !important;
    }
}

.u-inline {
    display: inline;
}

.u-inline-block {
    display: inline-block;
}

.u-inline-flex {
    display: inline-flex;
}

.header-title {
    width: 80%;
}

@media screen and (max-width: 44.9375em) {
    .u-inline-flex\@s {
        display: inline-flex;
    }

    .post-full-header {
        flex-direction: column-reverse;
    }

    .header-title {
        width: 100%;
    }
}

.u-block {
    display: block;
}

.u-flex {
    display: flex;
}

@media screen and (min-width: 45em) and (max-width: 59.9375em) {
    .u-flex\@m {
        display: flex;
    }
}

@media screen and (min-width: 60em) {
    .u-flex\@l {
        display: flex;
    }
}

.u-flex-1 {
    flex: 1;
}

@media screen and (min-width: 45em) {
    .u-flex-1\@m {
        flex: 1;
    }
}

@media screen and (min-width: 60em) {
    .u-flex-1\@l {
        flex: 1;
    }
}

.u-flex-none {
    flex: none;
    flex-grow: initial;
    flex-shrink: initial;
}

@media screen and (min-width: 45em) {
    .u-flex-none\@m {
        flex: none;
        flex-grow: initial;
        flex-shrink: initial;
    }

    .conversion-price-selector {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
}

@media screen and (min-width: 60em) {
    .u-flex-none\@l {
        flex: none;
        flex-grow: initial;
        flex-shrink: initial;
    }
}

.u-flex-wrap {
    flex-flow: wrap;
}

.u-flex-flow-column {
    flex-flow: column;
}

.u-flex-column {
    flex-direction: column;
}

@media screen and (max-width: 44.9375em) {
    .u-flex-column\@s {
        flex-direction: column;
    }

    .u-flex-column-reverse\@s {
        flex-direction: column-reverse;
    }

    .u-flex\@s {
        display: flex;
    }

    .u-justify-center\@s {
        justify-content: center;
    }
}

@media screen and (min-width: 45em) and (max-width: 59.9375em) {
    .u-flex-column\@m {
        flex-direction: column;
    }
}

@media screen and (min-width: 60em) {
    .u-flex-column\@l {
        flex-direction: column;
    }
}

.u-flex-row {
    flex-direction: row;
}

@media screen and (min-width: 45em) {
    .u-flex-row\@m {
        flex-direction: row;
    }

    .bl--sad-grey\@m {
        border-left: 1px solid #333333;
    }
}

@media screen and (min-width: 60em) {
    .u-flex-row\@l {
        flex-direction: row;
    }
}

.u-flex-column-reverse {
    flex-direction: column-reverse;
}

@media screen and (min-width: 60em) {
    .u-flex-row-reverse\@l {
        flex-direction: row-reverse;
    }
}

.u-flex-start {
    align-self: flex-start;
}

.u-justify-stretch {
    justify-content: stretch;
}

.u-justify-start {
    justify-content: flex-start;
}

.u-justify-end {
    justify-content: flex-end;
}

.u-justify-center {
    justify-content: center;
}

.u-justify-between {
    justify-content: space-between;
}

@media screen and (min-width: 45em) {
    .u-justify-between\@m {
        justify-content: space-between;
    }

    .u-justify-center\@m {
        justify-content: center;
    }
}

.u-justify-around {
    justify-content: space-around;
}

.u-align-stretch {
    align-items: stretch;
}

.u-align-start {
    align-items: flex-start;
}

.u-align-end {
    align-items: flex-end;
}

.u-align-center {
    align-items: center;
}

@media screen and (max-width: 44.9375em) {
    .u-align-center\@s {
        align-items: center;
    }
}

.u-align-between {
    align-items: space-between;
}

.u-align-around {
    align-items: space-around;
}

.u-align-self-baseline {
    align-self: baseline;
}

.u-align-baseline {
    align-items: baseline;
}

.u-align-flex-end {
    align-self: flex-end;
}

.u-split {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

@media screen and (min-width: 45em) {
    .u-split\@m {
        display: flex;
        width: 100%;
        justify-content: space-between;
    }
}

.u-min-width {
    min-width: 0;
}

.u-float-left {
    float: left;
}

.u-float-right {
    float: right;
}

.u-flex-hold {
    flex-shrink: 0;
}

.u-flex-grow {
    flex-grow: 1;
}

.nowrap {
    white-space: nowrap;
}

.vertical-align>* {
    vertical-align: middle;
}

svg.vertical-align {
    vertical-align: middle;
}

.u-hide {
    display: none !important;
}

.inline {
    vertical-align: middle;
}

.u-align-top {
    vertical-align: top;
}

.relative {
    position: relative;
}

@media screen and (max-width: 44.9375em) {
    .relative\@s {
        position: relative;
    }
}

@media screen and (min-width: 45em) {
    .relative\@m {
        position: relative;
    }
}

.absolute {
    position: absolute;
}

.absolute--tr {
    top: 0;
    right: 0;
}

.absolute--tl {
    top: 0;
    left: 0;
}

.absolute--bl {
    bottom: 0;
    left: 0;
}

.absolute--br {
    bottom: 0;
    right: 0;
}

.absolute--l {
    left: 0;
}

.absolute--r {
    right: 0;
}

.absolute--b {
    bottom: 0;
}

.absolute--t {
    top: 0;
}

.absolute--center {
    transform: translateY(-50%);
    text-align: center;
    width: 100%;
    left: 0;
    top: 50%;
}

.absolute--bottom-center {
    transform: translateX(-50%);
    position: absolute;
    left: 50%;
    bottom: 0;
}

.u-sticky {
    position: sticky;
}

.u-sticky--t {
    top: 0;
}

.u-sticky--b {
    bottom: 0;
}

.u-fixed {
    position: fixed;
}

.u-fixed--t {
    top: 0;
}

.u-fixed--b {
    bottom: 0;
}

.u-fixed--bl {
    bottom: 0;
    left: 0;
}

.u-fixed--center {
    left: 50%;
    transform: translateX(-50%);
}

.fill {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
}

.u-100-vw {
    width: 100vw;
}

.u-w-100 {
    width: 100%;
}

.u-h-100 {
    height: 100%;
}

.u-z-index-100 {
    z-index: 100;
}

@media screen and (max-width: 44.9375em) {
    .u-hide\@s {
        display: none !important;
    }

    .u-w-100\@s {
        width: 100% !important;
    }

    .u-flex-wrap\@s {
        flex-flow: wrap !important;
    }

    .u-text-left\@s {
        text-align: left !important;
    }
}

@media screen and (min-width: 45em) {
    .u-inline-block\@m {
        display: inline-block !important;
    }

    .u-100-vw\@m {
        width: 100vw !important;
    }

    .u-block\@m {
        display: block !important;
    }

    .u-flex\@m {
        display: flex !important;
    }

    .u-flex-wrap\@m {
        flex-flow: wrap !important;
    }

    .u-flex-row\@m {
        flex-flow: row !important;
    }

    .u-flex-hold\@m {
        flex-shrink: 0 !important;
    }

    .u-flex-grow\@m {
        flex-grow: 1 !important;
    }

    .u-hide\@m {
        display: none !important;
    }

    .static\@m {
        position: static !important;
    }

    .absolute\@m {
        position: absolute !important;
    }
}

@media screen and (min-width: 60em) {
    .u-inline-block\@l {
        display: inline-block !important;
    }

    .u-block\@l {
        display: block !important;
    }

    .u-flex\@l {
        display: flex !important;
    }

    .u-flex-wrap\@l {
        flex-flow: wrap !important;
    }

    .u-flex-row\@l {
        flex-flow: row !important;
    }

    .u-flex-hold\@l {
        flex-shrink: 0 !important;
    }

    .u-flex-grow\@l {
        flex-grow: 1 !important;
    }

    .u-hide\@l {
        display: none !important;
    }

    .u-text-center\@l {
        text-align: center !important;
    }

    .u-text-left\@l {
        text-align: left !important;
    }

    .u-text-right\@l {
        text-align: right !important;
    }

    .static\@l {
        position: static !important;
    }

    .absolute\@l {
        position: absolute !important;
    }
}

.mlauto {
    margin-left: auto;
}

.mrauto {
    margin-right: auto;
}

.mtauto {
    margin-top: auto;
}

.mbauto {
    margin-bottom: auto;
}

.wrap {
    padding-left: 10px;
    padding-right: 7px;
    max-width: 1480px;
    margin-left: auto;
    margin-right: auto;
}

@media screen and (min-width: 45em) {
    .wrap\@m {
        padding-left: 16px;
        padding-right: 16px;
        max-width: 1480px;
        margin-left: auto;
        margin-right: auto;
    }

    .wrap--l\@m {
        max-width: 1248px;
    }
}

.wrap .wrap {
    padding-left: 0;
    padding-right: 0;
}

.wrap--xs {
    max-width: 300px;
}

.wrap--s {
    max-width: 471px;
}

.wrap--sm {
    max-width: 796px;
}

.wrap--m {
    max-width: 1122px;
}

.wrap--l {
    max-width: 1248px;
}

@media screen and (min-width: 45em) and (max-width: 59.9375em) {
    .wrap {
        padding-right: 32px;
        padding-left: 32px;
    }

    .u-hide-tablet {
        display: none !important;
    }
}

@media screen and (min-width: 60em) {
    .wrap {
        padding-right: 48px;
        padding-left: 48px;
    }

    /* .conversion-banner-container {
    border-radius: 0;
  } */
}

/* COLOR */
.u-danger {
    color: #ff4646;
}

.u-dark-grey {
    color: #737677;
}

.u-charcoal-grey {
    color: #222222;
}

.u-sad-grey {
    color: #333333;
}

.u-grey {
    color: #adb2b4;
}

.u-light-grey {
    color: #dadbdd;
}

.u-black,
.post-card .post-card__title {
    color: #111111;
}

.u-go {
    color: #24c050;
}

.u-white {
    color: #ffffff;
}

.u-brand {
    color: #6468dd;
}

.u-brand-secondary {
    color: #f89b2a;
}

.u-alert {
    color: #ff4646;
}

/* WEIGHTING */
.u-bold {
    font-weight: 500;
}

.u-x-bold {
    font-weight: 800;
}

/* DECORATION */
.u-underline {
    text-decoration: underline;
}

/* ALIGNMENT */
.u-text-right {
    text-align: right;
}

.u-text-center {
    text-align: center;
}

.u-text-left {
    text-align: left;
}

/* SIZING */
.f-yell-1,
.f-yell-1a,
.f-yell-2,
.post-full-content h1,
.post-full-content h2,
.f-yell-2a,
.post-full-content h3,
.f-yell-3,
.f-title-3,
.f-yell-4,
.f-yell-5,
.f-yell-6,
.f-title-1,
.f-post-title,
h1 {
    font-family: 'Lynstone' !important;
}

.f-yell-1 {
    font-size: 48px;
    font-size: 3rem;
    line-height: 48px;
    line-height: 3rem;
}

@media screen and (min-width: 60em) {
    .f-yell-1 {
        font-size: 64px;
        font-size: 4rem;
        line-height: 64px;
        line-height: 4rem;
    }
}

@media screen and (min-width: 60em) {
    .f-yell-1 {
        font-size: 80px;
        font-size: 5rem;
        line-height: 76px;
        line-height: 4.715rem;
    }
}

.f-yell-1a,
.f-post-title,
h1 {
    font-size: 27.2px;
    font-size: 2rem;
    line-height: 34.6px;
    line-height: 2.3rem;
    font-weight: 350;
}

@media screen and (min-width: 45em) and (max-width: 59.9375em) {

    .f-yell-1a,
    .f-post-title,
    h1 {
        font-size: 44px;
        font-size: 2.75rem;
        line-height: 48px;
        line-height: 3rem;
    }
}

@media screen and (min-width: 60em) {
    .f-yell-1a {
        font-size: 52px;
        font-size: 3.5rem;
        line-height: 56px;
        line-height: 4rem;
    }

    .f-post-title,
    h1 {
        font-size: 51.2px;
        font-size: 3.2rem;
        line-height: 60.8px;
        line-height: 3.8rem;
        font-weight: 350;
    }
}

.f-yell-1a--extend-height {
    line-height: 42px;
    line-height: 2.6rem;
}

@media screen and (min-width: 45em) and (max-width: 59.9375em) {
    .f-yell-1a--extend-height {
        line-height: 55px;
        line-height: 3.4rem;
    }
}

@media screen and (min-width: 60em) {
    .f-yell-1a--extend-height {
        line-height: 80px;
        line-height: 5rem;
    }
}

.post-card .post-card__title {
    font-size: 20.8px;
    font-size: 1.3rem;
    line-height: 27.2px;
    line-height: 1.7rem;
    font-weight: 300;
}

.f-yell-2,
.post-full-content h1,
.post-full-content h2 {
    font-size: 24px;
    font-size: 1.4rem;
    line-height: 22px;
    line-height: 1.6rem;
    font-weight: 300;
}

@media screen and (min-width: 45em) and (max-width: 59.9375em) {

    .f-yell-2,
    .post-full-content h1,
    .post-full-content h2 {
        font-size: 32px;
        font-size: 2rem;
        line-height: 32px;
        line-height: 2.5rem;
        font-weight: 350;
    }
}

@media screen and (min-width: 60em) {

    .f-yell-2,
    .post-full-content h1,
    .post-full-content h2 {
        font-size: 32px;
        font-size: 2rem;
        line-height: 32px;
        line-height: 2.5rem;
        font-weight: 350;
    }
}

.page-number {
    color: #222222 !important;
    font-size: 1.1rem !important;
    font-weight: 300;
}

.editors-pick,
.f-text-1 {
    font-family: 'Lynstone';
}

.editors-pick__title {
    font-size: 1.6rem;
    font-weight: 350;
    margin-top: 0px !important;
}

.editors-pick__list {
    font-weight: 300 !important;
    font-size: 1rem;
}

.editors-pick__image-wrapper,

.img-fluid {
        border-radius: 10px;
        max-width: 100%;
        height: auto
}
.editors-pick__image {
    width: 100px;
    height: 100px;
    border-radius: 10px;
}

.editors-pick__image {
    object-fit: cover;
}

.explore-more-container {
    display: flex;
}

.site-nav-dropdown-button {
    z-index: 49;
}

.nav-menu {
    position: fixed;
    left: 0;
    top: -50%;
    gap: 0;
    display: flex;
    background-color: white;
    width: 100vw;
    height: 480px;
    z-index: 1;
    opacity: 0;
    /* transition: 0.3s; */
}

@media screen and (max-width: 45em) {
    .nav-menu {
        height: 370px;
        padding-top: 8px;
        margin-top: 60px;
    }

    .wrap\@s {
        padding-left: 24px;
        padding-right: 24px;
        max-width: 1480px;
        margin-left: auto;
        margin-right: auto;
    }
}

.nav-menu.active {
    top: 0;
    overflow: hidden;
    opacity: 1;
    transition: opacity 150ms;
}

.nav-menu-container {
    max-width: 1480px;
    margin-left: auto;
    margin-right: auto;
    padding-right: 48px;
    padding-left: 48px;
}

@media screen and (min-width: 45em) and (max-width: 59.9375em) {
    .nav-menu-container {
        padding-right: 32px;
        padding-left: 32px;
        margin-top: 140px;
    }
}

@media screen and (max-width: 45em) {
    .nav-menu-container {
        padding-right: 24px;
        padding-left: 24px;
    }
}

.nav-menu-tags li {
    list-style: none;
}

.nav-menu-tags li a {
    color: #6468dd;
    font-weight: 350;
}

@media screen and (min-width: 60em) {
    .nav-menu {
        padding-top: 140px;
    }

    .nav-menu-scrolled {
        padding-top: 100px !important;
        height: 430px !important;
    }
}

.nav-item {
    margin: 16px 0;
}

.site-nav-middle,
.site-nav-left {
    z-index: 2;
}

.home-lock-screen {
    overflow: hidden !important;
}

.home-lock-screen-shadow {
    background: rgba(0, 0, 0, 0.07) !important;
    transition: background 100ms;
}

.f-yell-2a,
.post-full-content h3,
.f-shout-2a,
.post-full-content h4,
.f-bellow-2a,
.f-holler-2a,
.f-wail-2a {
    font-size: 20px;
    font-size: 1.3rem;
    line-height: 22px;
    line-height: 1.375rem;
    font-weight: 400;
}

.post-full-content h3 {
    line-height: 1.8rem;
}

@media screen and (min-width: 45em) and (max-width: 59.9375em) {

    .f-yell-2a,
    .post-full-content h3,
    .f-shout-2a,
    .post-full-content h4,
    .f-bellow-2a,
    .f-holler-2a,
    .f-wail-2a {
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 34px;
        line-height: 2.1rem;
    }
}

@media screen and (min-width: 60em) {

    .f-yell-2a,
    .post-full-content h3,
    .f-shout-2a,
    .post-full-content h4,
    .f-bellow-2a,
    .f-holler-2a,
    .f-wail-2a {
        font-size: 26px;
        font-size: 1.6rem;
        line-height: 29px;
        line-height: 1.8rem;
    }

    .post-full-content h3 {
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 26px;
        line-height: 2.1rem;
    }
}

.f-yell-3,
.button,
.post-full-content h5 {
    font-size: 16px;
    font-size: 1rem;
    line-height: 19px;
    line-height: 1.2rem;
    font-family: 'Lynstone';
    font-weight: 350;
}

@media screen and (min-width: 45em) and (max-width: 59.9375em) {

    .f-yell-3,
    .button,
    .post-full-content h5 {
        font-size: 19px;
        font-size: 1.2rem;
        line-height: 19px;
        line-height: 1.2rem;
    }
}

@media screen and (min-width: 60em) {

    .f-yell-3,
    .button,
    .post-full-content h5 {
        font-size: 19px;
        font-size: 1.2rem;
        line-height: 26px;
        line-height: 1.6rem;
    }
}

.f-yell-4,
.f-shout-4,
.post-full-content h6,
.f-bellow-4,
.f-holler-4,
.f-wail-4 {
    font-size: 16px;
    font-size: 1rem;
    line-height: 19px;
    line-height: 1.2rem;
}

@media screen and (min-width: 45em) and (max-width: 59.9375em) {

    .f-yell-4,
    .f-shout-4,
    .post-full-content h6,
    .f-bellow-4,
    .f-holler-4,
    .f-wail-4 {
        font-size: 16px;
        font-size: 1rem;
        line-height: 19px;
        line-height: 1.2rem;
    }
}

@media screen and (min-width: 60em) {

    .f-yell-4,
    .f-shout-4,
    .post-full-content h6,
    .f-bellow-4,
    .f-holler-4,
    .f-wail-4 {
        font-size: 16px;
        font-size: 1rem;
        line-height: 19px;
        line-height: 1.2rem;
    }
}

.f-yell-5,
.f-shout-5,
.f-bellow-5,
.f-holler-5,
.f-wail-5 {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 16px;
    line-height: 1rem;
}

@media screen and (min-width: 45em) and (max-width: 59.9375em) {

    .f-yell-5,
    .f-shout-5,
    .f-bellow-5,
    .f-holler-5,
    .f-wail-5 {
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 16px;
        line-height: 1rem;
    }
}

@media screen and (min-width: 60em) {

    .f-yell-5,
    .f-shout-5,
    .f-bellow-5,
    .f-holler-5,
    .f-wail-5 {
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 16px;
        line-height: 1rem;
    }
}

.f-yell-6,
.f-shout-6,
.f-bellow-6,
.f-holler-6,
.f-wail-6 {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 16px;
    line-height: 1rem;
}

@media screen and (min-width: 45em) and (max-width: 59.9375em) {

    .f-yell-6,
    .f-shout-6,
    .f-bellow-6,
    .f-holler-6,
    .f-wail-6 {
        font-size: 12px;
        font-size: 0.75rem;
        line-height: 16px;
        line-height: 1rem;
    }
}

@media screen and (min-width: 60em) {

    .f-yell-6,
    .f-shout-6,
    .f-bellow-6,
    .f-holler-6,
    .f-wail-6 {
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 16px;
        line-height: 1rem;
    }
}

.f-title-1 {
    font-size: 18px;
    font-size: 1.2rem;
    line-height: 28.8px;
    line-height: 1.8rem;
    font-weight: 300;
}

@media screen and (min-width: 45em) and (max-width: 59.9375em) {
    .f-title-1 {
        font-size: 25.6px;
        font-size: 1.6rem;
        line-height: 34px;
        line-height: 2.125rem;
        font-weight: 300;
    }
}

@media screen and (min-width: 60em) {
    .f-title-1 {
        font-size: 25.6px;
        font-size: 1.6rem;
        line-height: 38px;
        line-height: 2.25rem;
        font-weight: 300;
    }
}

.f-title-2 {
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 26px;
    line-height: 1.625rem;
}

@media screen and (min-width: 45em) and (max-width: 59.9375em) {
    .f-title-2 {
        font-size: 22px;
        font-size: 1.375rem;
        line-height: 26px;
        line-height: 1.625rem;
    }
}

@media screen and (min-width: 60em) {
    .f-title-2 {
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 29px;
        line-height: 1.8125rem;
    }
}

.f-title-3,
.post-full-content blockquote {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 22px;
    line-height: 1.375rem;
    font-weight: 350;
}

@media screen and (min-width: 45em) and (max-width: 59.9375em) {

    .f-title-3,
    .post-full-content blockquote {
        font-size: 20px;
        font-size: 1.25rem;
        line-height: 24px;
        line-height: 1.55rem;
    }
}

@media screen and (min-width: 60em) {

    .f-title-3,
    .post-full-content blockquote {
        font-size: 20px;
        font-size: 1.25rem;
        line-height: 24px;
        line-height: 1.53rem;
    }
}

.f-text-1,
.post-full-content p,
.post-full-content li {
    font-size: 17px;
    font-size: 17px;
    line-height: 35px;
    line-height: 35px;
    font-weight: 350;
    font-family: 'Lynstone';
}

@media screen and (min-width: 45em) and (max-width: 59.9375em) {

    .f-text-1,
    .post-full-content p,
    .post-full-content li {
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 27.2px;
        line-height: 1.7rem;
    }
}

@media screen and (min-width: 60em) {

    .f-text-1,
    .post-full-content p,
    .post-full-content li {
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 27.2px;
        line-height: 1.7rem;
    }
}

.f-text-2 {
    font-size: 14px;
    font-size: 15px;
    line-height: 19px;
    line-height: 25px;
}

@media screen and (min-width: 45em) and (max-width: 59.9375em) {
    .f-text-2 {
        font-size: 16px;
        font-size: 1rem;
        line-height: 21px;
        line-height: 1.312rem;
    }
}

@media screen and (min-width: 60em) {
    .f-text-2 {
        font-size: 16px;
        font-size: 1rem;
        line-height: 21px;
        line-height: 1.312rem;
    }
}

.f-text-3 {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 18px;
    line-height: 1.125rem;
}

@media screen and (min-width: 45em) and (max-width: 59.9375em) {
    .f-text-3 {
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 18px;
        line-height: 1.125rem;
    }
}

@media screen and (min-width: 60em) {
    .f-text-3 {
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 18px;
        line-height: 1.125rem;
    }
}

.f-text-4 {
    text-transform: uppercase;
    font-size: 10px;
    font-size: 0.625rem;
    line-height: 13px;
    line-height: 0.9285rem;
}

@media screen and (min-width: 45em) and (max-width: 59.9375em) {
    .f-text-4 {
        font-size: 12px;
        font-size: 0.8571rem;
        line-height: 16px;
        line-height: 1rem;
    }
}

@media screen and (min-width: 60em) {
    .f-text-4 {
        font-size: 12px;
        font-size: 0.75rem;
        line-height: 16px;
        line-height: 1rem;
    }
}

.f-text-5 {
    font-size: 14px;
    font-size: 0.75rem;
    line-height: 14px;
    line-height: 0.875rem;
}

@media screen and (min-width: 45em) and (max-width: 59.9375em) {
    .f-text-5 {
        font-size: 14px;
        font-size: 0.75rem;
        line-height: 16px;
        line-height: 1rem;
    }
}

@media screen and (min-width: 60em) {
    .f-text-5 {
        font-size: 14px;
        font-size: 0.75rem;
        line-height: 16px;
        line-height: 1rem;
    }
}

.post-card__title {
    font-family: 'Lynstone', Times, serif;
    font-weight: 500;
}

.post-card:hover .post-card-content div,
.editors-link__link:hover a {
    color: #6468dd !important;
    transition: color 300ms;
}

.button {
    background-color: #ffffff;
    color: #737677;
    text-align: center;
    border: 1px solid #adb2b4;
    padding: 4px 20px;
    height: 40px;
    outline: none;
    cursor: pointer;
    transition: all 300ms;
    vertical-align: middle;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media screen and (min-width: 45em) {
    .button {
        padding: 4px 12px;
    }
}

.button:hover svg {
    fill: currentColor;
}

.button--wide {
    padding-left: 32px;
    padding-right: 32px;
}

@media screen and (min-width: 45em) {
    .button--wide {
        padding-left: 32px;
        padding-right: 32px;
    }
}

@media screen and (min-width: 45em) {
    .button--wide\@m {
        padding-left: 32px;
        padding-right: 32px;
    }
}

.button--xwide {
    padding-left: 48px;
    padding-right: 48px;
}

@media screen and (min-width: 45em) {
    .button--xwide {
        padding-left: 64px;
        padding-right: 64px;
    }
}

.button--circle {
    border-radius: 100%;
    height: 32px;
    width: 32px;
    border: 1px solid #adb2b4;
    background: #ffffff;
    color: #737677;
    text-align: center;
    position: relative;
    transition: 300ms all;
}

.button--circle:hover,
.button--circle:focus {
    border-color: #111111;
    color: #111111;
}

.button--circle--large {
    height: 40px;
    width: 40px;
}

.button--circle svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.button--black {
    background: #111111;
    border: 1px solid #111111;
    color: #ffffff;
}

.button--black:hover {
    background: #6468dd;
    border: 1px solid #6468dd;
    color: #ffffff;
}

.button--black:focus {
    border: 1px solid #6468dd;
}

.button--black[disabled] {
    color: #737677;
    cursor: not-allowed;
    opacity: 1;
}

.button--white {
    background: #ffffff;
    border: 1px solid #dadbdd;
    color: #111111;
}

.button--white:hover {
    background: #6468dd;
    border: 1px solid #6468dd;
    color: #ffffff;
}

.button--white:focus {
    border: 1px solid #6468dd;
}

.button--white[disabled] {
    color: #adb2b4;
    cursor: not-allowed;
    opacity: 1;
}

.button--brand-invert {
    background: #ffffff;
    border: 1px solid #6468dd;
    color: #6468dd;
}

.button--brand-invert:hover {
    background: #6468dd;
    border: 1px solid #ffffff;
    color: #ffffff;
}

.button--brand-invert:focus {
    border: 1px solid #ffffff;
}

.button--brand-invert[disabled] {
    color: #dadbdd;
    cursor: not-allowed;
}

.button--danger {
    background: #ffffff;
    border: 1px solid #ff4646;
    color: #ff4646;
}

.button--go {
    background: #24c050;
    border: 1px solid #24c050;
    color: #ffffff;
}

.button--go:hover {
    background: #111111;
    color: #ffffff;
    border: 1px solid #111111;
}

.button--go:focus {
    border: 1px solid #111111;
}

.button--brand {
    background: linear-gradient(90deg,
            rgba(133, 67, 227, 1) 0%,
            rgba(99, 59, 235, 1) 100%);
    border-radius: 50px;
    border: none;
    color: #ffffff;
    font-family: 'Lynstone' !important;
}

.button--brand:hover,
.button--brand:focus {
    background-color: #ffffff;
    border: 1px solid #6468dd;
    color: #6468dd;
}

.button--brand:hover svg,
.button--brand:focus svg {
    fill: #6468dd;
}

.button--brand:hover .lil-spinny,
.button--brand:focus .lil-spinny {
    background: #6468dd !important;
}

.u-bg-black .button--brand {
    border-color: #6468dd;
}

.button--brand .lil-spinny {
    background: #ffffff !important;
}

.icon svg {
    fill: currentColor;
}

.icon--xs {
    width: 16px;
    height: 16px;
}

.icon--s {
    width: 18px;
    height: 18px;
}

.icon--m {
    width: 24px;
    height: 24px;
}

.icon--l {
    width: 32px;
    height: 32px;
}

.icon--xl {
    width: 48px;
    height: 48px;
}

.icon--xxl {
    width: 58px;
    height: 58px;
}

input {
    font-family: 'Lynstone';
}

input[type='email'],
input[type='text'] {
    font-size: 1rem;
    padding: 0 8px;
    height: 40px;
    display: flex;
}

@media screen and (min-width: 45em) {
    input[type='text'] {
        min-width: 400px;
    }

    input[type='email'] {
        width: 40vw;
    }
}

input[type='submit'] {
    border: 1px solid #737677;
    background-color: #111111;
    color: #ffffff;
    font-size: 1rem;
    padding: 16px 24px;
    border-radius: 50px;
    font-family: 'Lynstone';
    font-weight: 350;
}

input[type='submit']:hover {
    border: 1px solid #ffffff;
    transition: border 350ms;
}

a {
    transition: color 300ms;
    color: #111111;
}

a:hover,
.featured-post-on-nav:hover a {
    transition: all 300ms;
    color: #6468dd;
}

a.no-hover:hover {
    color: #737677;
}

.u-link-brand {
    transition: all 300ms;
    color: #6468dd;
}

.u-link-brand:hover {
    color: #111111;
}

.u-link-black,
.post-full-content a {
    transition: all 300ms;
    color: #111111;
}

.u-link-black:hover,
.post-full-content a:hover {
    color: #6468dd;
}

.u-link-black--alt {
    transition: all 300ms;
    color: #111111;
}

.u-link-black--alt:hover {
    color: #737677;
}

.u-link-grey {
    transition: all 300ms;
    color: #adb2b4;
}

.u-link-grey:hover {
    color: #737677;
}

.u-link-grey--alt {
    transition: all 300ms;
    color: #adb2b4;
}

.u-link-grey--alt:hover {
    color: #111111;
}

.u-link-dark-grey {
    transition: all 300ms;
    color: #737677;
}

.u-link-dark-grey:hover {
    color: #111111;
}

.u-link-black-grey {
    transition: all 300ms;
    color: #adb2b4;
}

.u-link-black-grey:hover {
    color: #111111;
}

.u-link-devil-grey {
    transition: all 300ms;
    color: #666666;
}

.u-link-devil-grey:hover {
    color: #111111;
}

.u-link-alert {
    transition: all 300ms;
    color: #ff4646;
}

.u-link-alert:hover {
    color: #111111;
}

.u-link-white {
    transition: all 300ms;
    color: #ffffff;
}

.u-link-white:hover {
    color: #737677;
}

.u-link-white--alt {
    transition: all 300ms;
    color: #ffffff;
}

.u-link-white--alt:hover {
    color: #6468dd;
    transition: all 300ms;
}

.footer-carousel-outer {
    width: 100vw;
    overflow: hidden;
}

.footer-carousel-grid {
    display: flex;
}

.sticky {
    position: fixed;
    top: 0;
    width: 100%;
}

.author__profile-image {
    height: 100px;
}

.author__profile-image img {
    height: 100%;
}

.homepage.post-feed,
.post-feed-author,
.post-feed-tag,
.post-feed-404 {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 32px;
}

@media screen and (min-width: 45em) {

    .homepage.post-feed,
    .post-feed-author,
    .post-feed-tag,
    .post-feed-404 {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    }
}

@media screen and (min-width: 45em) and (max-width: 70em) {

    .homepage.post-feed,
    .post-feed-author,
    .post-feed-tag,
    .post-feed-404 {
        grid-template-columns: 1fr 1fr 1fr;
    }
}

.post-card__tags {
    margin-top: 12px;
}

.post-card__tags a,
.nav-menu-tags li {
    background: rgba(100, 104, 221, 0.1);
    color: #6468dd;
    margin-right: 1px;
    padding: 6px 12px;
    display: inline-block;
    font-weight: 400px;
}

.post-card__tags a:hover,
.nav-menu-tags li:hover {
    background: rgba(100, 104, 221, 0.2);
    transition: background 200ms;
}

.post-card {
    position: relative;
}

.post-card__explore-more {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 32px;
}

@media screen and (min-width: 45em) {
    .post-card__explore-more {
        grid-template-columns: 1fr 1fr 1fr;
    }
}

@media screen and (min-width: 45em) and (max-width: 70em) {
    .post-card__explore-more {
        grid-template-columns: 1fr 1fr;
    }

    .wrap\@l {
        padding-left: 32px;
        padding-right: 32px;
        max-width: 1480px;
        margin-left: auto;
        margin-right: auto;
    }

    .explore-more-editors-picks {
        flex-direction: column;
    }

    .editors-pick__title {
        font-size: 2rem;
        line-height: 2.5rem;
        font-weight: 350;
    }

    .editors-pick {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 32px;
    }

    .editors-pick__image-wrapper,
    .editors-pick__image {
        width: 100%;
        height: fit-content;
    }

    .editors-link__link {
        display: flex;
        flex-direction: column;
    }

    .editors-pick__list {
        font-size: 1.2rem;
        line-height: 1.8rem;
        padding-top: 20px;
    }
}

.post-card__image {
    max-height: 230px;
    width: 100%;
}

.post-card__image img {
    object-fit: cover;
    height: 230px;
    width: 100%;
}

@media screen and (min-width: 45em) {
    .post-card__image:nth-child(1) {
        /* CHANGED */
        height: inherit;
    }

    .post-card__image img {
        height: inherit;
    }

    .post-card__image:nth-child(n + 2) img {
        height: 20px;
    }
}

.post-card--fixed-width {
    max-width: 80%;
    flex-shrink: 0;
}

hr {
    height: 1px;
    background-color: #e3e3e3;
    border: none;
}

@media screen and (min-width: 45em) {
    .post-card--fixed-width {
        max-width: 500px;
    }

    .post-card--grid.featured {
        grid-column: span 2;
    }

    .post-card__image {
        max-height: none;
        /* height: 500px; */
        flex-shrink: 0;
    }

    .post-card--grid.featured .post-card__image img {
        object-fit: cover;
        /* height: 450px; */
        /* width: 100%; */
    }
}

.post-full-content .kg-image {
    max-width: 100%;
}

/* Preventing full-width image overlap with post image.  */
.post-full-image+.post-full-content .kg-content *:first-child .kg-image {
    width: 100%;
}

.post-full-content .kg-width-wide .kg-image {
    max-width: 1040px;
}

.post-full-content .kg-width-full .kg-image {
    max-width: 100%;
}

.post-full-content figure {
    margin: 0 0 2.3em;
}

.post-full-content h1+figure,
.post-full-content h2+figure,
.post-full-content h3+figure,
.post-full-content h4+figure {
    margin-top: 2em;
}

.post-full-content ul {
    list-style-type: disc;
}

.post-full-content p,
.post-full-content blockquote {
    margin-bottom: 32px;
    font-size: 1.18rem;
    line-height: 2.1rem;
    font-family: 'Lynstone';
    font-weight: 300;
}

blockquote {
    margin-block-start: 0 !important;
    color: #666666;
}

.post-full-content h1,
.post-full-content h2,
.post-full-content h3,
.post-full-content h4,
.post-full-content h5,
.post-full-content h6 {
    margin-top: 2rem;
    margin-bottom: 0.8rem;
}

.post-full-content a {
    text-decoration: underline;
}

.post-full-content blockquote {
    border-left: 2px solid #adb2b4;
    padding-left: 24px;
}

.post-full-content code {
    background: #f6f6f6;
    padding: 4px;
}

.post-full-content ul {
    margin: 32px;
}

.post-full-content figure img {
    margin: 0;
    width: 100%;
    height: inherit !important;
}

.post-full-content figcaption {
    margin: 1em 0 0;
    color: #737677;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen,
        Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 0.85rem;
    line-height: 1.5em;
    text-align: center;
}

.kg-width-full figcaption {
    padding: 0 1.5em;
}

.kg-embed-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

.kg-embed-card .fluid-width-video-wrapper {
    margin: 0;
}

@media (max-width: 1040px) {
    .post-full-content .kg-width-full .kg-image {
        width: 100vw;
    }
}

.kg-gallery-container {
    display: flex;
    flex-direction: column;
    max-width: 1040px;
    width: 100%;
}

.kg-gallery-row {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.kg-gallery-image img {
    display: block;
    margin: 0;
    width: 100%;
    height: 100%;
}

.kg-gallery-row:not(:first-of-type) {
    margin: 0.75em 0 0 0;
}

.kg-gallery-image:not(:first-of-type) {
    margin: 0 0 0 0.75em;
}

.kg-gallery-card+.kg-image-card.kg-width-wide,
.kg-gallery-card+.kg-gallery-card,
.kg-image-card.kg-width-wide+.kg-gallery-card,
.kg-image-card.kg-width-wide+.kg-image-card.kg-width-wide {
    margin: -2.25em 0 3em;
}

/* keep existing <pre> styles for code cards with captions */
.kg-code-card {
    width: 100%;
}

.kg-code-card pre {
    margin: 0;
}

.kg-bookmark-card {
    width: 100%;
    background: var(--white);
}

.kg-card+.kg-bookmark-card {
    margin-top: 0;
}

.post-full-content .kg-bookmark-container {
    display: flex;
    min-height: 148px;
    color: var(--darkgrey);
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen,
        Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    text-decoration: none;
    border-radius: 3px;
    box-shadow: 0 2px 5px -1px rgba(0, 0, 0, 0.15), 0 0 1px rgba(0, 0, 0, 0.09);
}

.post-full-content .kg-bookmark-container:hover {
    color: var(--darkgrey);
    text-decoration: none;
    box-shadow: 0 2px 5px -1px rgba(0, 0, 0, 0.15), 0 0 1px rgba(0, 0, 0, 0.09);
}

.kg-bookmark-content {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 20px;
}

.kg-bookmark-title {
    color: color(var(--midgrey) l(-30%));
    font-size: 1.6rem;
    line-height: 1.5em;
    font-weight: 600;
    transition: color 0.2s ease-in-out;
}

.post-full-content .kg-bookmark-container:hover .kg-bookmark-title {
    color: var(--blue);
}

.kg-bookmark-description {
    display: -webkit-box;
    overflow-y: hidden;
    margin-top: 12px;
    max-height: 48px;
    color: color(var(--midgrey) l(-10%));
    font-size: 1.5rem;
    line-height: 1.5em;
    font-weight: 400;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.kg-bookmark-thumbnail {
    position: relative;
    min-width: 33%;
    max-height: 100%;
}

.kg-bookmark-thumbnail img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 0 3px 3px 0;
    object-fit: cover;
}

.kg-bookmark-metadata {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 14px;
    color: color(var(--midgrey) l(-10%));
    font-size: 1.5rem;
    font-weight: 400;
}

.post-full-content .kg-bookmark-icon {
    margin-right: 8px;
    width: 22px;
    height: 22px;
}

.kg-bookmark-author {
    line-height: 1.5em;
}

.kg-bookmark-author:after {
    content: '•';
    margin: 0 6px;
}

.kg-bookmark-publisher {
    overflow: hidden;
    max-width: 240px;
    line-height: 1.5em;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 800px) {
    .post-full-content figure {
        margin: 0.2em 0 1.3em;
    }

    .post-full-content h1+figure,
    .post-full-content h2+figure,
    .post-full-content h3+figure,
    .post-full-content h4+figure {
        margin-top: 0.9em;
    }
}

@media (max-width: 500px) {
    .post-full-content figcaption {
        margin-bottom: 0.4em;
    }

    .post-full-content .kg-bookmark-container {
        flex-direction: column;
    }

    .kg-bookmark-title,
    .kg-bookmark-description,
    .kg-bookmark-metadata {
        font-size: 1.4rem;
        line-height: 1.5em;
    }

    .post-full-content .kg-bookmark-icon {
        width: 18px;
        height: 18px;
    }

    .kg-bookmark-thumbnail {
        order: 1;
        min-height: 160px;
        width: 100%;
    }

    .kg-bookmark-thumbnail img {
        border-radius: 3px 3px 0 0;
    }

    .kg-bookmark-content {
        order: 2;
    }
}

.share-on-social {
    position: sticky;
    float: right;
    top: 32px;
    margin-right: 16px;
    margin-top: 28px;
    z-index: 99;
    background: rgba(255, 255, 255, 0.75);
}

.share-on-social.sticky-header {
    top: calc(100px + 32px);
}

@media screen and (min-width: 45em) {
    .share-on-social.sticky-header {
        top: calc(100px + 64px);
    }
}

.site-footer-logo img {
    width: 300px;
}

.site-nav {
    font-family: 'Lynstone' !important;
}

.site-nav-logo__text {
    color: #111111;
    font-family: 'NewGroteskSquareFIVE';
    text-transform: uppercase;
    line-height: 23px;
    font-size: 27px;
    letter-spacing: 0.5px;
}

.site-nav-logo img {
    height: 45px;
}

.site-header--sticky {
    position: sticky;
    top: 0;
    z-index: 100;
}

.site-banner {
    height: 300px;
}

.site-banner__logo {
    width: 86px;
    margin-right: -24px;
    transform: rotate(-90deg);
}

.site-banner__title {
    font-family: 'NewGroteskSquareFOUR';
    text-transform: uppercase;
    font-size: 125px;
    line-height: 125px;
}

.site-banner__scribble--tr {
    max-width: 50%;
}

.site-banner__scribble--tl {
    max-height: 70%;
}

.site-banner__scribble--bl {
    max-width: 40%;
}

.site-banner__scribble--br {
    max-height: 85%;
}

.site-banner__dots {
    max-height: 90%;
}

.post-full-image img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

@media screen and (max-width: 44.9375em) {
    .nav-menu-tags li {
        padding: 6px 6px;
    }

    .post-full-content p,
    .post-full-content blockquote {
        font-size: 17px;
        line-height: 35px;
    }

    .post-carousel-grid {
        gap: 24px;
    }

    .post-full-image img {
        height: inherit;
    }

    .post-full-image {
        margin-bottom: 32px;
    }
}

.post-carousel-outer {
    width: 100vw;
    overflow: scroll;
}

.post-carousel-grid {
    display: flex;
    flex-direction: column;
}

@media screen and (min-width: 45em) {
    .sign-up-newsletter-wrapper {
        max-width: 500px;
    }

    .post-carousel-grid {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-gap: 32px;
    }
}

.pagination {
    color: #222222;
}

progress[value]::-webkit-progress-bar {
    border-radius: 0 20px 20px 0;
}

progress[value]::-webkit-progress-value {
    border-radius: 0 20px 20px 0;
}

progress.reading-progress-bar {
    appearance: none;
    position: fixed;
    width: 100%;
    height: 5px;
    margin-top: -54px;
    z-index: 12;
    border-radius: 20px;
}

progress.reading-progress-bar[value]::-webkit-progress-bar {
    background-color: transparent;
}

progress.reading-progress-bar[value]::-webkit-progress-value {
    background-color: #6468dd;
}

.ghost-search-field {
    padding: 25px !important;
    outline: none;
    background: #f6f6f6;
    border-radius: 50px;
    font-weight: 350 !important;
    border: none !important;
}

.search-bar-container {
    position: relative;
}

.search-bar-icon {
    position: absolute;
    width: 19px;
    right: 0;
    top: 16;
    right: 20;
    color: #737677;
}

#navbar {
    overflow: hidden;
    transition: 0.5s;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 99;
    border-bottom: 1px solid #ccc;
}

.post-content figure {
    width: 100%;
}

@media screen and (min-width: 45em) {
    .share-on-social {
        top: 64px;
        margin-right: 64px;
        margin-top: 60px;
    }

    .homepage .post-card.featured-on-tag div {
        font-size: 32px !important;
        font-size: 2rem !important;
        line-height: 32px !important;
        line-height: 2.5rem !important;
        font-weight: 350 !important;
    }

    .homepage .featured .read-time-date {
        margin-top: -16px;
    }

    .post-content {
        min-width: 50%;
    }
}

.arrow {
    display: inline-block;
    width: 15px;
    height: 15px;
    border-top: 2px solid #333333;
    border-right: 2px solid #333333;
    transform: rotate(135deg) skew(7deg, 7deg);
    z-index: 99999;
    transition: all 350ms;
}

.arrow-active {
    transform: rotate(-45deg) skew(7deg, 7deg);
    transition: all 350ms;
    margin-top: 14px;
}

.editors-pick__list a {
    color: #111111;
}

.social-links {
    color: #222222;
}

.social-links:hover {
    transition: all 300ms;
    color: #6468dd;
}

.newsletter-email-input {
    background: #222222;
    border: none !important;
    outline: none !important;
    color: white;
    border-radius: 50px;
    font-family: 'Lynstone';
    padding: 27px !important;
    font-weight: 350;
}

.hide {
    display: none !important;
    appearance: none !important;
}

.featured-posts-on-nav {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 20px;
}

.newsletter-response-success,
.newsletter-response-error {
    font-family: 'Lynstone';
    margin: 20px 0;
}

.newsletter-response-success {
    color: white;
    font-weight: 300;
}

.newsletter-response-error {
    color: #6468dd;
}

.newsletter-sign-up-button {
    cursor: pointer;
}

@media screen and (min-width: 45em) and (max-width: 70em) {
    .featured-posts-on-nav {
        grid-gap: 100px 20px;
        grid-template-columns: 1fr 1fr !important;
    }

    .editors-picks-desktop-only {
        display: none;
    }

    .post-carousel-grid {
        grid-template-columns: 1fr 1fr;
    }

    input[type='email'],
    input[type='text'] {
        min-width: 250px;
    }

    .post-page-section {
        flex-direction: column;
    }
}

@media screen and (max-width: 45em) {
    .f-text-2\@s {
        font-size: 14px;
        font-size: 0.92rem;
        line-height: 19px;
        line-height: 1.2rem;
    }

    .f-post-title {
        font-size: 30px;
    }

    .featured-posts-on-nav {
        grid-gap: 50px 20px;
        grid-template-columns: 1fr;
        display: none;
    }

    .featured-posts-on-nav-active {
        display: block;
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 50px 20px;
    }

    .nav-item {
        margin: 16px -4px;
    }
}

.read-time-date {
    font-size: 0.875rem;
}

#ghost-search-results li {
    list-style-type: none;
}

#ghost-search-results li a {
    display: flex;
}

#ghost-search-results li a img {
    min-width: 120px;
    min-height: 120px;
    max-width: 120px;
    max-height: 120px;
    object-fit: cover;
    margin-right: 20px;
}

.font-weight-350 {
    font-weight: 350 !important;
}

#ghost-search-results {
    display: grid;
    grid-template-columns: 28.125rem 28.125rem 28.125rem;
    position: fixed;
    left: 0;
    background-color: white;
    width: 100vw;
    z-index: 1;
    grid-gap: 32px 20px !important;
    justify-content: center;
}

.search-results-after {
    padding: 40px;
}

.conversion-banner-container {
    width: 100%;
    background-color: #111111;
    color: #f6f6f6;
    border-radius: 0.7rem;
}

.conversion-button {
    border: 1px solid hsla(0, 0%, 100%, 0.2);
    border-radius: 16px;
}

.conversion-action-button {
    background: linear-gradient(90deg, #8543e3 0%, #633beb 100%);
    color: #fff;
    position: relative;
    box-sizing: border-box;
    padding: 16px 42px;
    border-radius: 50px;
    font-family: 'Lynstone';
    transition: all 1s;
}

.conversion-best-deal {
    background-color: #24c050;
    border-radius: 8px;
    margin-left: 16px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.conversion-action-buttion:hover {
    background-color: linear-gradient(90deg, #633beb, #8543e3);
    transition: all 1s;
}

.conversion-active {
    background-color: #19191b;
    transition: all 250ms;
}

.conversion-yearly {
    position: relative !important;
}

.creators-banner {
    background: #111111;
    height: 780px;
    border-radius: 0.7rem;
    max-width: 400px;
}

.post-page-upcoming-banner {
    background: #111111;
    height: 730px;
    border-radius: 0.7rem;
    max-width: 400px;
}

@keyframes scroll {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(calc(-274px * 17));
    }
}

.slider {
    box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.125);
    height: 300px;
    margin: auto;
    overflow: hidden;
    position: relative;
    width: 4000px;
}

.slide-track {
    animation: scroll 90s linear infinite;
    display: flex;
    width: calc(250px * 14);
}

.u-object-cover {
    object-fit: cover;
}

.slide {
    height: 300px;
    width: 250px;
    margin-left: 24px;
}

.slider:before,
.slider:after {
    content: '';
    height: 100px;
    position: absolute;
    width: 200px;
    z-index: 2;
}

.slider:after {
    right: 0;
    top: 0;
    transform: rotateZ(180deg);
}

.slider:before {
    left: 0;
    top: 0;
}

.upcoming-wrapper a {
    color: white;
}

.upcoming-wrapper,
.upcoming-workshops-card {
    position: relative;
}

.upcoming-workshops {
    overflow: hidden;
}

.upcoming-content-wrapper {
    position: absolute;
    bottom: 18;
    left: 20;
    right: 20;
    z-index: 2;
}

.upcoming-avatar {
    width: 35px;
    height: 35px;
    margin-right: 8px;
}

.upcoming-avatar img {
    width: 35px;
    height: 35px;
    object-fit: cover;
    border-radius: 50px;
}

.upcoming-title {
    margin-top: 4px;
    font-size: 1.2rem;
    line-height: 1.6rem;
    font-weight: 400;
}

.upcoming-mentor-wrapper {
    display: flex;
    align-items: center;
}

@keyframes upcomingWorkshops {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(calc(-542px * 10));
    }
}

.upcoming-workshops-wrapper {
    animation: upcomingWorkshops 70s linear infinite;
    gap: 32px;
    /* width: 4000px; */
}

.upcoming-workshops-wrapper:hover {
    animation-play-state: paused;
}

.upcoming-workshops-card {
    width: 510px;
    height: 320px;
    border-radius: 20px;
}

.upcoming-PhongThuySo-logo {
    width: 50px;
}

.upcoming-workshops-img {
    width: 510px;
    height: 320px;
    object-fit: cover;
    border-radius: 20px;
}

@keyframes slideRow {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-50%);
    }
}

.u-truncate {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media screen and (min-width: 45em) and (max-width: 92.6875em) {
    #ghost-search-results {
        grid-template-columns: 1fr 1fr !important;
    }
}

.search-results-wrapper {
    margin-left: auto;
    margin-right: auto;
    /* padding: 48px; */
}

.this-test {
    height: 900px;
}

.post-page-upcoming-content-wrapper {
    position: absolute;
    bottom: 15;
    left: 20;
    right: 20;
    z-index: 2;
}

.post-page-upcoming-workshops-wrapper {
    animation: postPageUpcomingWorkshops 70s linear infinite;
    gap: 24px;
}

@media screen and (max-width: 44.9375em) {
    .f-post-title {
        font-weight: 300;
    }

    @keyframes upcomingWorkshops {
        0% {
            transform: translateX(0);
        }

        100% {
            transform: translateX(calc(-352px * 10));
        }
    }

    .upcoming-title {
        font-size: 1rem;
    }

    .upcoming-name {
        font-size: 0.9rem;
    }

    .upcoming-workshops-wrapper {
        gap: 24px;
    }

    .upcoming-content-wrapper,
    .post-page-upcoming-content-wrapper {
        bottom: 13;
    }

    .upcoming-workshops-card {
        width: 320px;
        height: 200px;
        border-radius: 20px;
    }

    .upcoming-workshops-img {
        width: 320px;
        height: 200px;
        object-fit: cover;
        border-radius: 20px;
    }

    .upcoming-PhongThuySo-logo {
        width: 40px;
    }

    .conversion-banner-container {
        border-radius: 0;
    }

    .mc-field-group {
        gap: 16px;
    }

    #ghost-search-results {
        grid-template-columns: 1fr;
    }

    .editors-pick__title {
        font-size: 1.4rem;
        line-height: 1.6rem;
    }

    .editors-pick__image-wrapper,

    .editors-pick__image {
        width: 100%;
        height: 230px;
        margin-bottom: 14px;
    }

    .editors-link__link {
        flex-direction: column;
    }

    .editors-pick__list {
        font-size: 1.2rem;
        line-height: 1.8rem;
        margin-bottom: 14px;
    }

    .explore-more-container {
        display: flex;
    }

    .post-card .post-card__title {
        font-size: 1.2rem;
        line-height: 1.8rem;
    }

    .site-footer-social-links {
        margin: auto;
    }

    .search-bar-icon {
        height: 30px;
        display: flex;
        align-items: center;
        margin-right: 50px;
        color: #222222;
    }

    .post-card.featured-on-tag h2 {
        font-size: 19.2px !important;
        font-size: 1.2rem !important;
        line-height: 22px !important;
        line-height: 1.8rem !important;
        font-weight: 300 !important;
    }

    .read-time-date {
        font-size: 0.75rem;
    }
}

.post-sidebar-desktop-only {
    display: none;
}

@media screen and (min-width: 70em) {
    .editors-picks-desktop {
        margin-left: 80px;
    }

    .editors-link__link {
        gap: 20px;
        margin-bottom: 14px;
    }

    .u-1-2\@l {
        width: 50vw;
    }

    .post-sidebar-desktop-only,
    .post-sidebar-table-mobile-only {
        flex: 1 0 400px;
        display: block;
    }
}

.video-container {
    overflow: hidden;
    position: relative;
    width: 100%;
}

.video-container::after {
    padding-top: 56.25%;
    display: block;
    content: '';
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

p,
li,
ul,
ol,
time {
    font-family: 'system-ui' !important;
}

li {
    margin-bottom: 4px;
}

.post-card__tags a {
    text-decoration: none !important;
}

h1,
h2,
h3,
h4,
h5 {
    margin-bottom: 1.5rem !important;
}

.conversion-banner-container p,
.conversion-banner-container ul li {
    font-family: 'Lynstone' !important;
}

.author-link {
    text-decoration: none !important;
    font-weight: 400;
    color: #e9372a;
}

.nav-menu-tags li a {
    font-family: 'Lynstone';
}

.post-page-upcoming-img {
    width: 320px !important;
    height: 200px !important;
    object-fit: cover;
    border-radius: 20px;
}

.post-page-upcoming-card {
    width: 320px !important;
    height: 200px !important;
    border-radius: 20px;
}

.post-page-upcoming-name {
    font-size: 0.9rem;
    margin-top: -5px;
}

.post-page-upcoming-title {
    font-size: 1.1rem;
}

@keyframes postPageUpcomingWorkshops {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(calc(-344px * 10));
    }
}

.post-page-upcoming-workshops-wrapper:hover {
    animation-play-state: paused;
}

.upcoming-wrapper a:hover {
    color: white !important;
}

.gh-post-upgrade-cta-content,
.gh-post-upgrade-cta {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    text-align: center;
    width: 100%;
    color: #ffffff;
    font-size: 16px;
}

.gh-post-upgrade-cta-content {
    border-radius: 8px;
    padding: 40px 4vw;
}

.gh-post-upgrade-cta h2 {
    color: #ffffff;
    font-size: 28px;
    letter-spacing: -0.2px;
    margin: 0;
    padding: 0;
}

.gh-post-upgrade-cta p {
    margin: 20px 0 0;
    padding: 0;
}

.gh-post-upgrade-cta small {
    font-size: 16px;
    letter-spacing: -0.2px;
}

.gh-post-upgrade-cta a {
    color: #ffffff;
    cursor: pointer;
    font-weight: 500;
    box-shadow: none;
    text-decoration: underline;
}

.gh-post-upgrade-cta a:hover {
    color: #ffffff;
    opacity: 0.8;
    box-shadow: none;
    text-decoration: underline;
}

.gh-post-upgrade-cta a.gh-btn {
    display: block;
    background: #ffffff;
    text-decoration: none;
    margin: 28px 0 0;
    padding: 8px 18px;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 600;
}

.gh-post-upgrade-cta a.gh-btn:hover {
    opacity: 0.92;
}

.like {
    align-items: center;
}

.like svg {
    margin-right: 4px;
}

.policy {
    display: flex;
    flex-direction: column;
    
}

.policy a {
    color: #fff;
    margin-top: 12px;
}