/* Screen-blended textures need an opaque local backdrop while parents fade. */
:is(#hubsync-main .framer-1uy2bz6,#happy-main .framer-bqsve2,#pinata-main .framer-1jdjnde,#norvana-main .framer-ahr52x) {
 isolation:isolate;
 background:#fff;
}
#happy-main .framer-6d55q4 {
 inset:0;
 width:100%;
 height:100%;
 aspect-ratio:auto;
 pointer-events:none;
}

/* The three opening beats share a timeline; no load handler or hidden page. */
@media (prefers-reduced-motion:no-preference) {
 :is(.source-hero,.happy-hero,.pinata-hero,.norvana-hero)>:first-child {
  animation:project-intro-appear 720ms cubic-bezier(.22,.72,.25,1) backwards;
 }
 :is(.source-hero,.happy-hero,.pinata-hero,.norvana-hero)>:nth-child(2)>*,
 :is(.source-hero,.happy-hero,.pinata-hero,.norvana-hero)>:nth-child(3) {
  animation:project-intro-appear 720ms cubic-bezier(.22,.72,.25,1) 150ms backwards;
 }
 :is(#hubsync-main .framer-lsu18w,#happy-main .framer-12dxk6g,#pinata-main .framer-eicalm,#norvana-main .framer-51p5ho) {
  animation:project-intro-appear 800ms cubic-bezier(.22,.72,.25,1) 300ms backwards;
 }
 @keyframes project-intro-appear {
  from {opacity:0;translate:0 14px}
  to {opacity:1;translate:0 0}
 }
}
