/**
 * This file hides elements that will be animated by GSAP/ScrollTrigger on the home page.
 * It ensures they are hidden immediately when JS is enabled, preventing the 
 * "Flash of Unanimated Content" (FOUC) before the JS initialization takes over.
 */

.js body.home .cc--hero-home .images-container,
.js body.home .cc--hero-home .panels-and-tabs-container,
.js body.home .cc--full-width-image-with-text .image-container,
.js body.home .cc--full-width-image-with-text .inner-wrapper,
.js body.home .cc--featured-block.image-left .inner-wrapper .image-container,
.js body.home .cc--featured-block.image-left .inner-wrapper .text-container,
.js body.home .cc--featured-block.image-right .inner-wrapper .image-container,
.js body.home .cc--featured-block.image-right .inner-wrapper .text-container,
.js body.home .cc--heading-with-two-column-cards .heading-container,
.js body.home .cc--heading-with-two-column-cards .cards-container .card,
.js body.home .cc--interactive-content-pane .header-container,
.js body.home .cc--interactive-content-pane .content-pane-container,
.js body.home .cc--manual-cards-grid .cc--text-with-cta,
.js body.home .cc--manual-cards-grid .cards-container .card,
.js body.home .cc--quote,
.js body.home .cc--quote-cards-with-video .heading-container,
.js body.home .cc--quote-cards-with-video .cards-container .card,
.js body.home .cc--stats .stats-container .stat,
.js body.home .cc--story-with-links .cc--text-with-cta,
.js body.home .cc--story-with-links .cards-container .card,
.js body.home .cc--story-with-stats .cc--text-with-cta,
.js body.home .cc--story-with-stats .cards-container .card,
.js body.home .cc--story-with-stats .stats-container .stat,
.js body.home .cc--video-embed .cc--text-with-cta,
.js body.home .cc--video-embed .video-embed-video-container,
.js body.home .cc--jump-navigation.has-title .f--section-title,
.js body.home .cc--jump-navigation.has-title .jump-navigation-list-wrapper li,
.js body.home .cc--featured-media-news .cc--text-with-cta,
.js body.home .cc--featured-media-news .cards-container .card,
.js body.home .cc--featured-media-events .cc--text-with-cta,
.js body.home .cc--featured-media-events .card-carousel .slide-inner,
.js body.home .cc--featured-media-social .cc--text-with-cta,
.js body.home .cc--featured-media-social .social-feed-container .sbi_item,
.js body.home .cc--text-with-link-list .inner-wrapper {
  opacity: 0;
  transform: translateY(100px);
}

/* Specific side-slide blocks from animation.js */
.js body.home .cc--hero-home .panels-and-tabs-container {
  transform: translateX(-100%);
}

.js body.home .cc--hero-home .images-container {
  transform: translateY(0);
}

.js body.home .cc--featured-block.image-left .inner-wrapper .image-container {
  transform: translateX(-100%);
}
.js body.home .cc--featured-block.image-left .inner-wrapper .text-container {
  transform: translateX(100%);
}
.js body.home .cc--featured-block.image-right .inner-wrapper .image-container {
  transform: translateX(100%);
}
.js body.home .cc--featured-block.image-right .inner-wrapper .text-container {
  transform: translateX(-100%);
}