.df-about__animation{position:relative;display:grid;min-height:560px;margin:0;background:transparent;place-items:center;overflow:visible}
.df-about__animation--reference{border-radius:34px}
.lottie-canvas{position:relative;z-index:1;width:min(100%,620px);aspect-ratio:1;animation:scene-breathe 5.5s ease-in-out infinite;will-change:transform}.lottie-canvas svg{display:block;width:100%!important;height:100%!important;overflow:visible!important}
.scene-pulse{position:absolute;z-index:2;border-radius:50%;pointer-events:none}.scene-pulse--one{width:13px;height:13px;right:17%;top:27%;background:#ffb500;animation:scene-pulse 3.8s ease-in-out infinite}.scene-pulse--two{width:8px;height:8px;right:13%;top:34%;background:#fb607b;animation:scene-pulse 3.8s ease-in-out -1.2s infinite}
@keyframes scene-breathe{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes scene-pulse{0%,100%{transform:translate3d(0,0,0) scale(.75);opacity:.25}45%{transform:translate3d(-3px,-10px,0) scale(1.15);opacity:.9}}
@media(max-width:900px){.df-about__animation{min-height:490px}}
@media(max-width:560px){.df-about__animation{min-height:390px;border-radius:24px}}
@media(prefers-reduced-motion:reduce){.lottie-canvas,.scene-pulse{animation:none}}