/* Shared neutral frosted paint for Identity, integration support and Expertise. */
html body :is(#page-partners, #page-about-intro.identity-vertical-page, #page-experience.experience-core-page) {
    --identity-card-frost: rgba(31, 31, 31, .9);
    --identity-card-light: rgba(255, 255, 255, .055);
    --identity-card-shade: rgba(0, 0, 0, .08);
    --identity-card-glint: rgba(255, 255, 255, .075);
    --identity-card-cloud: rgba(0, 0, 0, .11);
    --identity-card-paint:
        radial-gradient(ellipse 44% 38% at 18% 24%, var(--identity-card-glint), transparent 80%),
        radial-gradient(ellipse 46% 40% at 49% 57%, var(--identity-card-cloud), transparent 80%),
        radial-gradient(ellipse 36% 46% at 77% 74%, var(--identity-card-glint), transparent 80%),
        radial-gradient(ellipse 32% 28% at 12% 88%, var(--identity-card-cloud), transparent 85%),
        radial-gradient(ellipse 85% 90% at 12% 10%, var(--identity-card-light), transparent 80%),
        radial-gradient(ellipse 70% 60% at 66% 78%, var(--identity-card-shade), transparent 80%),
        var(--identity-card-frost);
}
html body.light-mode :is(#page-partners, #page-about-intro.identity-vertical-page, #page-experience.experience-core-page) {
    --identity-card-frost: rgba(245, 245, 245, .9);
    --identity-card-light: rgba(255, 255, 255, .4);
    --identity-card-shade: rgba(120, 126, 134, .04);
    --identity-card-glint: rgba(255, 255, 255, .68);
    --identity-card-cloud: rgba(118, 127, 139, .065);
}
html body #page-partners .partners-card,
html body #page-about-intro.identity-vertical-page #business-sec-main .service-list .service-box:not(:hover):not(:focus-visible) {
    background: var(--identity-card-paint) !important;
}
/* The touch carousel keeps its neutral surface and always-visible orange link. */
@media (max-width: 1400px) {
    html body #page-about-intro.identity-vertical-page #business-sec-main .service-list .service-box:is(:hover, :focus-visible) {
        background: var(--identity-card-paint) !important;
    }
}