/* A light page canvas around the existing intentional dark sections and cards. */
.case-studies-page-body { background: #fff; }
.case-studies-page-body .page-header { padding-top: 18px !important; }
.case-studies-page-body .page-header > .container { padding-top: 30px !important; }
@media (max-width: 991.98px) {
    .case-studies-page-body .page-header > .container { padding-top: 18px !important; }
}
.case-studies-page-body .case-studies-page {
    background: radial-gradient(circle at 10% 10%, rgba(116, 68, 244, .08), transparent 23%), #fff;
}

/* One-time, right-to-left sequential reveal for the first three case study cards. */
.case-studies-page-body .case-studies-page .case-studies-head { display: flex; }
.case-studies-page-body.case-studies-card-sequence-ready .case-studies-reveal-card {
    opacity: 0;
    transform: translateX(78px);
    will-change: opacity, transform;
}
.case-studies-page-body.case-studies-card-sequence-ready .case-studies-reveal-card.case-studies-motion-visible {
    animation: caseStudySlideIn .68s cubic-bezier(.16, 1, .3, 1) both;
}
.case-studies-page-body.case-studies-card-sequence-ready .case-studies-reveal-card:nth-child(2).case-studies-motion-visible { animation-delay: .72s; }
.case-studies-page-body.case-studies-card-sequence-ready .case-studies-reveal-card:nth-child(3).case-studies-motion-visible { animation-delay: 1.44s; }
.case-studies-page-body.case-studies-card-sequence-ready .case-studies-reveal-card:nth-child(4).case-studies-motion-visible { animation-delay: 2.16s; }
.case-studies-page-body.case-studies-card-sequence-ready .case-studies-reveal-card:nth-child(5).case-studies-motion-visible { animation-delay: 2.88s; }
.case-studies-page-body.case-studies-card-sequence-ready .case-studies-reveal-card:nth-child(6).case-studies-motion-visible { animation-delay: 3.6s; }
.case-studies-page-body.case-studies-card-sequence-ready .case-studies-reveal-card.case-studies-motion-visible .case-study-card-body {
    animation: caseStudyContentReveal .58s cubic-bezier(.16, 1, .3, 1) both;
    animation-delay: .12s;
}

@keyframes caseStudySlideIn {
    from { opacity: 0; transform: translateX(78px); }
    to { opacity: 1; transform: translateX(0); }
}
@keyframes caseStudyContentReveal {
    from { opacity: 0; transform: translateY(16px); }
    to { opacity: 1; transform: translateY(0); }
}

@media (prefers-reduced-motion: reduce) {
    .case-studies-page-body.case-studies-card-sequence-ready .case-studies-reveal-card.case-studies-motion-visible .case-study-card-body {
        animation: none;
    }
}