/* One viewport decoration in the native background stack. Foreground text and cards paint above it. */
.sbi-fluid-layer { position:fixed;inset:0;z-index:1;pointer-events:none;overflow:hidden;contain:strict;mix-blend-mode:normal; }
.sbi-fluid-layer[hidden],.sbi-fluid-contact[hidden] { display:none!important; }
.sbi-fluid-canvas { display:block;position:absolute;inset:0;width:100%;height:100%;pointer-events:none; }
.sbi-fluid-contact { position:absolute;top:0;left:0;width:var(--sbi-contact-size,12px);height:var(--sbi-contact-size,12px);margin:calc(var(--sbi-contact-size,12px) / -2) 0 0 calc(var(--sbi-contact-size,12px) / -2);border-radius:50%;background:radial-gradient(circle,var(--sbi-contact-color,#c59cff) 25%,transparent 75%);pointer-events:none;opacity:0;transition:none; }
@media (hover:none),(pointer:coarse),(prefers-reduced-motion:reduce),(forced-colors:active) { .sbi-fluid-layer { display:none!important; } }
@media print { .sbi-fluid-layer { display:none!important; } }

/* Home root isolation previously made every section atomic below the global
   canvas. Rejoin the page stack: background z0, fluid z1, content z2/z10.
   Preserve each card's own surface/blur and every opaque white section. */
html[data-sbi-liquid-effect="fluid"] [data-sbi-v53-root] { isolation:auto; }
html[data-sbi-liquid-effect="fluid"] .sbi-service-main { z-index:2; }

/* V5.6.8: inner-page section backgrounds paint below the one global canvas.
   Their existing content shells paint above it. No background duplication,
   transparency changes, masks, extra canvases or homepage overrides. */
html[data-sbi-liquid-effect="fluid"] body.sbi-client-case-page #sbi-case-main,
html[data-sbi-liquid-effect="fluid"] body:is(.sbi-service-page,.sbi-client-case-page,.sbi-404-page) :is([data-sbi-global-footer],#sbi-footer-marquee) {
    z-index:auto;
}
html[data-sbi-liquid-effect="fluid"] body.sbi-client-case-page #sbi-case-main > section > .sbi-case-shell,
html[data-sbi-liquid-effect="fluid"] body.sbi-client-case-page #sbi-case-main > .sbi-case-shell,
html[data-sbi-liquid-effect="fluid"] body:is(.sbi-service-page,.sbi-client-case-page,.sbi-404-page) :is(.sbi-global-footer-inner,.sbi-footer-marquee-track) {
    position:relative;
    z-index:2;
}

/* Animate the existing inner shell so its text stays above the trail even
   during reveal. The full-width section keeps its original background.
   Project navigation is already a foreground shell; its reveal stays native. */
html[data-sbi-liquid-effect="fluid"] body.sbi-client-case-page #sbi-case-main > section.sbi-case-reveal {
    opacity:1;
    transform:none;
    transition:none;
}
html[data-sbi-liquid-effect="fluid"] body.sbi-client-case-page #sbi-case-main > section.sbi-case-reveal > .sbi-case-shell {
    opacity:0;
    transform:translateY(2rem);
    transition:opacity .8s ease,transform .8s cubic-bezier(.16,1,.3,1);
}
html[data-sbi-liquid-effect="fluid"] body.sbi-client-case-page #sbi-case-main > section.sbi-case-reveal.is-visible > .sbi-case-shell {
    opacity:1;
    transform:none;
}
@media (max-width:767px),(prefers-reduced-motion:reduce),(forced-colors:active),print {
    html[data-sbi-liquid-effect="fluid"] body.sbi-client-case-page #sbi-case-main > section.sbi-case-reveal > .sbi-case-shell {
        opacity:1;
        transform:none;
        transition:none;
    }
}
html[data-sbi-liquid-effect="fluid"]:is([data-sbi-runtime="constrained"],[data-sbi-reduced-motion="true"]) body.sbi-client-case-page #sbi-case-main > section.sbi-case-reveal > .sbi-case-shell {
    opacity:1;
    transform:none;
    transition:none;
}