/* living layer: nothing shows at frame 0; glows and particles fade in once the hero is live */
.sc-amb [data-amb]{opacity:0}
.sc-js .sc-amb.sc-live [data-amb=glow]{animation:sc-amb-in 2.4s ease-out var(--t,0ms) forwards, sc-amb-breathe var(--p,5s) ease-in-out calc(var(--t,0ms) + 2.4s) infinite}
@keyframes sc-amb-in{from{opacity:0}to{opacity:var(--hi,.8)}}
@keyframes sc-amb-breathe{0%,100%{opacity:var(--hi,.8)}37%{opacity:calc(var(--hi,.8) * .72)}58%{opacity:calc(var(--hi,.8) * .9)}79%{opacity:calc(var(--hi,.8) * .66)}}

.sc-amb [data-amb=petal]{left:calc(3% + var(--r1,.5) * 90%);width:calc(2.2% + var(--r3,.5) * 1.8%)!important}
.sc-js .sc-amb.sc-live [data-amb=petal]{animation:sc-amb-petal calc(13s + var(--r3,.5) * 7s) linear calc(1s + var(--r2,.5) * 14s) infinite both}
@keyframes sc-amb-petal{
  0%{opacity:0;transform:translate3d(0,0,0) rotate(0)}8%{opacity:.9}
  30%{transform:translate3d(3cqw,34cqh,0) rotate(90deg)}60%{transform:translate3d(-2cqw,70cqh,0) rotate(200deg)}
  92%{opacity:.85}100%{opacity:0;transform:translate3d(2cqw,108cqh,0) rotate(300deg)}}
