/* Juan Pimentel Cosmic Graphics v1.2.1 */
html, body{overflow-x:hidden!important}
#jp-cosmic-canvas{
    position:fixed!important;
    inset:0!important;
    width:100vw!important;
    height:100vh!important;
    z-index:0!important;
    pointer-events:none!important;
    display:block!important;
    opacity:var(--jp-cosmic-opacity,.82);
    mix-blend-mode:screen;
}
body > #jp-cosmic-canvas,
body > canvas#jp-cosmic-canvas{isolation:isolate}
body > *:not(#wpadminbar):not(#jp-cosmic-canvas){position:relative;z-index:1}
#wpadminbar{z-index:100000!important}
/* The plugin deliberately owns the page-level visual layer. */
main > section.hero-section{background:transparent!important;background-image:none!important}
main > section:not(.hero-section){background-image:none!important}
@media (max-width:768px){
    #jp-cosmic-canvas{opacity:calc(var(--jp-cosmic-opacity,.82)*.86)}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* v1.2.1: tighten the mobile hero so content sits closer to the sticky header. */
@media (max-width:768px){
    main > section.hero-section > .hero.section-padding{
        padding-top:9px!important;
    }
}

/* v1.4.0: canvas remains isolated from page layout */
#jp-cosmic-canvas{pointer-events:none;overflow:hidden;}