/* Reversible colour study: RAL-3000-inspired jacket-red site background. */
html.ff-bg-red,
html.ff-bg-red body {
    background-color: #8f2118;
}

html.ff-bg-red body {
    background:
        linear-gradient(68deg, transparent 0 8%, rgba(255,255,255,.055) 8% 13%, rgba(38,7,9,.14) 13% 15%, transparent 15%) 0 66rem / 100% 46rem no-repeat,
        linear-gradient(145deg, #651713 0%, #a62920 38%, #8f2118 68%, #571315 100%);
    background-attachment: fixed;
}

html.ff-bg-red .page-main {
    background:
        linear-gradient(110deg, rgba(255,255,255,.025), transparent 28%),
        linear-gradient(180deg, rgba(123,25,20,.08), rgba(62,11,14,.18));
}

html.ff-bg-red .youth-page {
    background:
        radial-gradient(circle at 90% 8%, rgba(114,189,219,.24), transparent 30rem),
        radial-gradient(circle at 5% 42%, rgba(242,106,33,.2), transparent 28rem),
        linear-gradient(145deg, rgba(101,23,19,.32), rgba(143,33,24,.18));
}

html.ff-bg-red .site-footer {
    background: rgba(69, 13, 15, .92);
}

@media (max-width: 900px) {
    html.ff-bg-red,
    html.ff-bg-red body {
        background: #7d1b17;
    }

    html.ff-bg-red .page-main {
        background:
            linear-gradient(68deg, transparent 0 7%, rgba(255,255,255,.045) 7% 14%, rgba(45,8,10,.12) 14% 16%, transparent 16%) 0 53rem / 100% 40rem no-repeat,
            linear-gradient(155deg, #681714 0%, #a1271f 48%, #741817 100%);
    }
}