/* Registered atlas: source 2172x724, left wing / body / right wing. */
.title-composition .header-butterfly.layered-butterfly{top:-.95em}
.title-composition .header-butterfly.layered-butterfly .butterfly-art,.layered-butterfly .butterfly-art{position:relative;width:100%;height:auto;aspect-ratio:1280/724;perspective:none;transform:rotate(-18deg)!important;animation:none!important;overflow:visible}
.layer-part{position:absolute;top:0;height:100%;background-image:url('assets/butterfly-animation-web.png');background-repeat:no-repeat;pointer-events:none;backface-visibility:hidden;translate:none;rotate:none;scale:none}
.layer-wing{width:50%;background-size:339.375% 100%;animation-duration:2.8s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-play-state:paused;will-change:transform}
.layer-left{left:0;background-position:7.6370757% 0;transform-origin:96.875% 53.59%;animation-name:layer-left-fold}
.layer-right{left:50%;background-position:92.0365535% 0;transform-origin:3.125% 53.59%;animation-name:layer-right-fold}
.layer-body{left:35.546875%;width:28.90625%;background-size:587.027027% 100%;background-position:49.944506% 0;z-index:3;transform:none!important;animation:none!important}
.decor-running .layer-wing{animation-play-state:running}
@keyframes layer-left-fold{0%,100%{transform:rotateY(0deg)}50%{transform:rotateY(-78deg)}}
@keyframes layer-right-fold{0%,100%{transform:rotateY(0deg)}50%{transform:rotateY(78deg)}}
@media(prefers-reduced-motion:reduce){.layer-wing{animation:none!important;transform:none!important;will-change:auto}}