/* Pause decoration outside the viewport, including on desktop. */
[data-in-view="false"] .liquid,
[data-in-view="false"] .friends-backdrop,
[data-in-view="false"] .friends-backdrop:before,
[data-in-view="false"] .friends-backdrop:after,
[data-in-view="false"] .friends-cover img,
[data-in-view="false"] .friends-orbit,
[data-in-view="false"] .friends-spark,
[data-in-view="false"] .kicker-shine,
[data-in-view="false"] .newsletter-atmosphere,
[data-in-view="false"] .newsletter-atmosphere>span{animation-play-state:paused!important}

/* Mobile GPUs: paint the colour directly on the section instead of compositing
   animated, masked, blurred surfaces larger than the screen. Keep the 3D books. */
@media(max-width:1024px),(pointer:coarse){
 .hero.billboard{background:linear-gradient(110deg,var(--hero-dark,#30225e),var(--hero-mid,#745da9));isolation:auto}
 .hero.billboard:after{content:'';position:absolute;top:100%;left:0;right:0;height:var(--fade-depth);pointer-events:none;background:linear-gradient(to bottom,#fafaf700 0%,#fafaf70a 12%,#fafaf726 25%,#fafaf750 37%,#fafaf780 50%,#fafaf7af 63%,#fafaf7d9 75%,#fafaf7f5 88%,#fafaf7 100%),linear-gradient(110deg,var(--hero-dark,#30225e),var(--hero-mid,#745da9))}
 .billboard .worlds{bottom:0;z-index:0;mask-image:none;-webkit-mask-image:none}
 .billboard .world{background:none;transition:none}
 .billboard .world:not(.active){display:none}
 .billboard .world>img,.billboard .liquid{display:none;animation:none;filter:none;will-change:auto}
 .orbit-book,.orbit-book.selected{filter:none;transition:none;box-shadow:0 7px 12px #0003}
 .orbit-halo{box-shadow:none}
 .news-carousel,.news-slide{transition:none}
 .news-slide{background:linear-gradient(125deg,#101d38,#256071);isolation:auto}
 .news-slide.rainbow-launch{background:linear-gradient(125deg,#272348,#614064)}
 .news-slide.engine-launch{background:linear-gradient(125deg,#17232e,#5a342c)}
 .news-slide .friends-backdrop{display:none;animation:none}
 .news-slide .friends-backdrop:before,.news-slide .friends-backdrop:after{animation:none;mask-image:none;-webkit-mask-image:none}
 .news-slide .friends-cover,.news-slide .friends-cover img{filter:none;animation:none}
 .news-slide .friends-orbit,.news-slide .friends-spark{animation:none;box-shadow:none;text-shadow:none}
 .news-slide .friends-kicker .kicker-shine{display:none;animation:none}
 .news-navigation,.newsletter-signup,.book-lightbox::backdrop{backdrop-filter:none;-webkit-backdrop-filter:none}
 .newsletter{background:linear-gradient(120deg,#152b43,#3f286e,#154f59);isolation:auto}
 .newsletter-atmosphere{display:none;animation:none}
 .newsletter-atmosphere>span{animation:none;filter:none}
 .cover-stage:before{filter:none}
 .main-cover img{filter:none}
}