/* Decorative layers sit above section paint and behind all content. */
:is(.jdm-products,.jdm-product_grid,.jdm-split-content,.jdm-testimonials,
    .jdm-richtext,.jdm-contact,.jdm-stores,.jdm-collections,.jdm-cta,
    .jdm-faq,.jdm-timeline,.jdm-gallery,.jdm-newsletter,.jdm-page-heading,
    .jdm-footer,.jdm-woo-main) {
    position:relative;
    isolation:isolate;
}

:is(.jdm-products,.jdm-product_grid,.jdm-split-content,.jdm-testimonials,
    .jdm-richtext,.jdm-contact,.jdm-stores,.jdm-collections,.jdm-cta,
    .jdm-faq,.jdm-timeline,.jdm-gallery,.jdm-newsletter,.jdm-page-heading,
    .jdm-footer,.jdm-woo-main)::before {
    content:"";
    position:absolute;
    inset:0;
    z-index:-1;
    pointer-events:none;
    border-radius:inherit;
    background-image:
        url("../images/gold-dust.svg?v=2"),
        radial-gradient(ellipse at 100% 0%,#e1b35f22,transparent 48%),
        radial-gradient(ellipse at 0% 90%,#c9943224,transparent 48%);
    background-size:780px 460px,auto,auto;
    background-position:center top;
    background-repeat:repeat,no-repeat,no-repeat;
}

/* Vary the dust placement between sections to avoid an obvious repeated tile. */
.jdm-section:nth-of-type(even)::before {background-position:right 90px,center,center}
.jdm-split-content::before {background-position:right bottom;opacity:.8}
.jdm-heritage .jdm-split-content::before {opacity:.35}
.jdm-page-heading::before {opacity:.7}
.jdm-footer::before {background-position:left bottom;opacity:.85}

@media(max-width:768px) {
    :is(.jdm-products,.jdm-product_grid,.jdm-split-content,.jdm-testimonials,
        .jdm-richtext,.jdm-contact,.jdm-stores,.jdm-collections,.jdm-cta,
        .jdm-faq,.jdm-timeline,.jdm-gallery,.jdm-newsletter,.jdm-page-heading,
        .jdm-footer,.jdm-woo-main)::before {
        background-size:620px 366px,auto,auto;
        opacity:.6;
    }
    .jdm-heritage .jdm-split-content::before {opacity:.25}
}