.calm-hero{padding-bottom:75px}.card-burst{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:2}.burst-card{position:absolute;left:var(--landing);bottom:16px;width:46px;height:65px;border-radius:4px;background:#f4f0e5;color:#151515;border:1px solid #c9bca5;box-shadow:0 3px 8px #0008;transform:rotate(var(--rest-angle));animation:hero-card-burst 3s cubic-bezier(.3,.05,.25,1) var(--burst-delay) both;will-change:transform}.burst-card>span{position:absolute;left:5px;top:3px;font:15px/1 Georgia,serif;font-weight:bold}.burst-card>svg{width:22px;height:22px;position:absolute;left:12px;top:29px}.burst-red{color:#b92232}.background-paused .burst-card,.background-auto-paused .burst-card{animation-play-state:paused}.calm-hero .hero-motion-control{bottom:96px}
@keyframes hero-card-burst{
0%{opacity:0;transform:translate3d(var(--burst-start-x),var(--burst-start-y),0) scale(1.8) rotate(-35deg)}
6%{opacity:1}
35%{opacity:1;transform:translate3d(calc(var(--burst-start-x)*.42),calc(var(--burst-start-y)*.72),0) scale(2.4) rotate(22deg)}
70%{opacity:1;transform:translate3d(calc(var(--burst-start-x)*.08),calc(var(--burst-start-y)*.22),0) scale(1.6) rotate(calc(var(--rest-angle) + 14deg))}
100%{opacity:1;transform:translate3d(0,0,0) scale(1) rotate(var(--rest-angle))}
}
@media(max-width:760px){.calm-hero{padding-bottom:55px}.burst-card{left:var(--landing-mobile);width:31px;height:45px;bottom:12px}.burst-card>span{font-size:11px;left:4px;top:3px}.burst-card>svg{width:16px;height:16px;left:7px;top:22px}.calm-hero .hero-motion-control{bottom:68px}}
@media(prefers-reduced-motion:reduce){.burst-card{animation:none;will-change:auto;transform:rotate(var(--rest-angle))}}
/* The opening motion now comes from the supplied chip video; retain resting cards. */
.burst-card{animation:none;will-change:auto;transform:translate3d(0,0,0) scale(1) rotate(var(--rest-angle))}