.brand-orbit-balloons,
.brand-play-scene{display:none}

@media (min-width:921px){
  .template-kids .site-header .brand::before,
  .template-kids .site-header .brand::after,
  .service-detail-page .site-header .brand::before,
  .service-detail-page .site-header .brand::after{
    content:none!important;
    display:none!important;
  }

  .template-kids .site-header .brand>.brand-tagline,
  .service-detail-page .site-header .brand>.brand-tagline{
    display:none!important;
  }

  .template-kids .site-header .brand,
  .service-detail-page .site-header .brand{
    position:relative;
    overflow:visible!important;
  }

  .template-kids .site-header .brand-orbit-balloons,
  .service-detail-page .site-header .brand-orbit-balloons{
    display:block;
    position:absolute;
    left:59px;
    top:50%;
    z-index:8;
    width:142px;
    height:84px;
    transform:translate(-50%,-50%);
    pointer-events:none;
    overflow:visible;
  }

  .template-kids .site-header .brand-orbit-balloons i,
  .service-detail-page .site-header .brand-orbit-balloons i{
    --balloon-color:#2ea7e0;
    --balloon-size:9px;
    position:absolute;
    left:50%;
    top:50%;
    width:var(--balloon-size);
    height:calc(var(--balloon-size) * 1.25);
    border-radius:52% 52% 48% 48%;
    background:radial-gradient(circle at 32% 24%,rgba(255,255,255,.96) 0 16%,color-mix(in srgb,var(--balloon-color) 74%,#fff) 19% 39%,var(--balloon-color) 70% 100%);
    box-shadow:0 5px 12px color-mix(in srgb,var(--balloon-color) 25%,transparent);
    opacity:.68;
    transform:translate(-50%,-50%);
    animation:home532LogoOrbit 10.5s linear infinite;
    will-change:transform;
  }

  .template-kids .site-header .brand-orbit-balloons i::before,
  .service-detail-page .site-header .brand-orbit-balloons i::before{
    content:"";
    position:absolute;
    left:50%;
    bottom:-3px;
    width:0;
    height:0;
    border-left:2px solid transparent;
    border-right:2px solid transparent;
    border-top:4px solid var(--balloon-color);
    transform:translateX(-50%);
  }

  .template-kids .site-header .brand-orbit-balloons i::after,
  .service-detail-page .site-header .brand-orbit-balloons i::after{
    content:"";
    position:absolute;
    left:50%;
    top:calc(100% + 2px);
    width:1px;
    height:8px;
    background:linear-gradient(to bottom,color-mix(in srgb,var(--balloon-color) 68%,#fff),transparent);
    transform:translateX(-50%) rotate(7deg);
    transform-origin:top;
  }

  .template-kids .site-header .brand-orbit-balloons .is-blue,
  .service-detail-page .site-header .brand-orbit-balloons .is-blue{
    --balloon-color:#2ea7e0;
    --balloon-size:9px;
    animation-delay:0s;
  }

  .template-kids .site-header .brand-orbit-balloons .is-pink,
  .service-detail-page .site-header .brand-orbit-balloons .is-pink{
    --balloon-color:#f65397;
    --balloon-size:8px;
    animation-delay:-2.1s;
  }

  .template-kids .site-header .brand-orbit-balloons .is-yellow,
  .service-detail-page .site-header .brand-orbit-balloons .is-yellow{
    --balloon-color:#ffc928;
    --balloon-size:7px;
    animation-delay:-4.2s;
  }

  .template-kids .site-header .brand-orbit-balloons .is-turquoise,
  .service-detail-page .site-header .brand-orbit-balloons .is-turquoise{
    --balloon-color:#31c4b3;
    --balloon-size:8px;
    animation-delay:-6.3s;
  }

  .template-kids .site-header .brand-orbit-balloons .is-purple,
  .service-detail-page .site-header .brand-orbit-balloons .is-purple{
    --balloon-color:#8a68e8;
    --balloon-size:7px;
    animation-delay:-8.4s;
  }

  .template-kids .site-header .brand:hover .brand-orbit-balloons i,
  .template-kids .site-header .brand:focus-visible .brand-orbit-balloons i,
  .service-detail-page .site-header .brand:hover .brand-orbit-balloons i,
  .service-detail-page .site-header .brand:focus-visible .brand-orbit-balloons i{
    opacity:1;
    animation-duration:6.2s;
    filter:saturate(1.15) drop-shadow(0 3px 5px rgba(21,76,111,.13));
  }

  .template-kids .site-header .brand-play-scene,
  .service-detail-page .site-header .brand-play-scene{
    display:block;
    position:absolute;
    left:59px;
    top:calc(100% - 26px);
    z-index:160;
    width:254px;
    height:132px;
    transform:translateX(-50%);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    isolation:isolate;
    transition:opacity .22s ease,visibility .22s ease;
  }

  .template-kids .site-header .brand-scene-mascot,
  .service-detail-page .site-header .brand-scene-mascot{
    display:block;
    position:absolute;
    top:18px;
    z-index:4;
    width:84px;
    height:100px;
    max-width:none!important;
    background-position:center bottom;
    background-repeat:no-repeat;
    background-size:contain;
    filter:drop-shadow(0 12px 14px rgba(21,66,99,.22));
    opacity:0;
    transition:opacity .26s ease,transform .62s cubic-bezier(.17,.88,.22,1.12);
    will-change:transform;
  }

  .template-kids .site-header .brand-scene-mascot.is-forty,
  .service-detail-page .site-header .brand-scene-mascot.is-forty{
    left:0;
    background-image:url('../img/kids-forty.webp');
    transform:translate3d(54px,-18px,0) scale(.34) rotate(-10deg);
    transform-origin:100% 0;
  }

  .template-kids .site-header .brand-scene-mascot.is-fayf,
  .service-detail-page .site-header .brand-scene-mascot.is-fayf{
    right:0;
    background-image:url('../img/kids-fayf.webp');
    transform:translate3d(-54px,-18px,0) scale(.34) rotate(10deg);
    transform-origin:0 0;
  }

  .template-kids .site-header .brand-scene-heart,
  .service-detail-page .site-header .brand-scene-heart{
    display:grid;
    position:absolute;
    left:50%;
    top:39px;
    z-index:9;
    width:72px;
    height:70px;
    max-width:none!important;
    place-items:center;
    color:#ff1688!important;
    font-family:Arial,sans-serif!important;
    font-size:61px!important;
    font-weight:900!important;
    line-height:1!important;
    letter-spacing:0!important;
    opacity:0;
    filter:drop-shadow(0 8px 0 rgba(188,0,85,.22)) drop-shadow(0 12px 18px rgba(244,0,132,.32));
    -webkit-text-stroke:5px #fff;
    paint-order:stroke fill;
    transform:translate(-50%,10px) scale(.26) rotate(-18deg);
    transition:opacity .22s ease .16s,transform .52s cubic-bezier(.18,.92,.22,1.2) .16s;
    will-change:transform;
    isolation:isolate;
  }

  .template-kids .site-header .brand-scene-heart::before,
  .service-detail-page .site-header .brand-scene-heart::before{
    content:"";
    position:absolute;
    inset:4px 1px 3px;
    z-index:-1;
    border-radius:50%;
    background:rgba(255,255,255,.96);
    box-shadow:0 0 0 5px rgba(255,22,136,.2),0 8px 22px rgba(29,84,122,.2);
    transform:rotate(9deg);
  }

  .template-kids .site-header .brand-scene-heart::after,
  .service-detail-page .site-header .brand-scene-heart::after{
    content:"";
    position:absolute;
    right:9px;
    top:10px;
    z-index:2;
    width:8px;
    height:8px;
    border-radius:50%;
    background:#fff;
    box-shadow:0 0 0 3px rgba(255,255,255,.28);
  }

  .template-kids .site-header .brand-scene-spark,
  .service-detail-page .site-header .brand-scene-spark{
    display:block;
    position:absolute;
    z-index:10;
    max-width:none!important;
    opacity:0;
    line-height:1;
    transition:opacity .22s ease .28s,transform .46s cubic-bezier(.18,.88,.22,1.12) .28s;
  }

  .template-kids .site-header .brand-scene-spark.is-one,
  .service-detail-page .site-header .brand-scene-spark.is-one{
    left:50%;
    top:24px;
    color:#ffc928;
    font-size:21px;
    transform:translate(-50%,8px) scale(.3) rotate(-18deg);
  }

  .template-kids .site-header .brand-scene-spark.is-two,
  .service-detail-page .site-header .brand-scene-spark.is-two{
    left:37%;
    top:51px;
    color:#2ea7e0;
    font-size:14px;
    transform:scale(.3) rotate(-18deg);
  }

  .template-kids .site-header .brand-scene-spark.is-three,
  .service-detail-page .site-header .brand-scene-spark.is-three{
    right:36%;
    top:88px;
    color:#f65397;
    font-size:22px;
    transform:scale(.3);
  }

  .template-kids .site-header .brand:hover .brand-play-scene,
  .template-kids .site-header .brand:focus-visible .brand-play-scene,
  .service-detail-page .site-header .brand:hover .brand-play-scene,
  .service-detail-page .site-header .brand:focus-visible .brand-play-scene{
    opacity:1;
    visibility:visible;
  }

  .template-kids .site-header .brand:hover .brand-scene-mascot,
  .template-kids .site-header .brand:focus-visible .brand-scene-mascot,
  .service-detail-page .site-header .brand:hover .brand-scene-mascot,
  .service-detail-page .site-header .brand:focus-visible .brand-scene-mascot{
    opacity:1;
  }

  .template-kids .site-header .brand:hover .brand-scene-mascot.is-forty,
  .template-kids .site-header .brand:focus-visible .brand-scene-mascot.is-forty,
  .service-detail-page .site-header .brand:hover .brand-scene-mascot.is-forty,
  .service-detail-page .site-header .brand:focus-visible .brand-scene-mascot.is-forty{
    transform:translate3d(0,0,0) scale(1) rotate(-2deg);
  }

  .template-kids .site-header .brand:hover .brand-scene-mascot.is-fayf,
  .template-kids .site-header .brand:focus-visible .brand-scene-mascot.is-fayf,
  .service-detail-page .site-header .brand:hover .brand-scene-mascot.is-fayf,
  .service-detail-page .site-header .brand:focus-visible .brand-scene-mascot.is-fayf{
    transform:translate3d(0,0,0) scale(1) rotate(2deg);
  }

  .template-kids .site-header .brand:hover .brand-scene-heart,
  .template-kids .site-header .brand:focus-visible .brand-scene-heart,
  .service-detail-page .site-header .brand:hover .brand-scene-heart,
  .service-detail-page .site-header .brand:focus-visible .brand-scene-heart{
    opacity:1;
    transform:translate(-50%,0) scale(1) rotate(-9deg);
    animation:home532HeartBeat 1.55s ease-in-out .72s infinite;
  }

  .template-kids .site-header .brand:hover .brand-scene-spark,
  .template-kids .site-header .brand:focus-visible .brand-scene-spark,
  .service-detail-page .site-header .brand:hover .brand-scene-spark,
  .service-detail-page .site-header .brand:focus-visible .brand-scene-spark{
    opacity:1;
  }

  .template-kids .site-header .brand:hover .brand-scene-spark.is-one,
  .template-kids .site-header .brand:focus-visible .brand-scene-spark.is-one,
  .service-detail-page .site-header .brand:hover .brand-scene-spark.is-one,
  .service-detail-page .site-header .brand:focus-visible .brand-scene-spark.is-one{
    transform:translate(-50%,0) scale(1) rotate(8deg);
    animation:home532SparkOne 2s ease-in-out .82s infinite;
  }

  .template-kids .site-header .brand:hover .brand-scene-spark.is-two,
  .template-kids .site-header .brand:focus-visible .brand-scene-spark.is-two,
  .service-detail-page .site-header .brand:hover .brand-scene-spark.is-two,
  .service-detail-page .site-header .brand:focus-visible .brand-scene-spark.is-two{
    transform:scale(1) rotate(8deg);
    animation:home532SparkTwo 2.4s ease-in-out .9s infinite;
  }

  .template-kids .site-header .brand:hover .brand-scene-spark.is-three,
  .template-kids .site-header .brand:focus-visible .brand-scene-spark.is-three,
  .service-detail-page .site-header .brand:hover .brand-scene-spark.is-three,
  .service-detail-page .site-header .brand:focus-visible .brand-scene-spark.is-three{
    transform:scale(1);
    animation:home532SparkThree 1.8s ease-in-out .88s infinite;
  }

  html[data-theme='night'] .template-kids .site-header .brand-scene-heart,
  html[data-theme='night'] .service-detail-page .site-header .brand-scene-heart{
    -webkit-text-stroke-color:#eff8ff;
    filter:drop-shadow(0 8px 0 rgba(120,0,60,.28)) drop-shadow(0 12px 20px rgba(255,40,143,.4));
  }
}

@keyframes home532LogoOrbit{
  0%{transform:translate(-50%,-50%) translate3d(0,-38px,0) rotate(-4deg) scale(.88)}
  12.5%{transform:translate(-50%,-50%) translate3d(45px,-27px,0) rotate(5deg) scale(1)}
  25%{transform:translate(-50%,-50%) translate3d(66px,0,0) rotate(9deg) scale(.9)}
  37.5%{transform:translate(-50%,-50%) translate3d(45px,27px,0) rotate(3deg) scale(1.04)}
  50%{transform:translate(-50%,-50%) translate3d(0,38px,0) rotate(-4deg) scale(.9)}
  62.5%{transform:translate(-50%,-50%) translate3d(-45px,27px,0) rotate(-8deg) scale(1)}
  75%{transform:translate(-50%,-50%) translate3d(-66px,0,0) rotate(-12deg) scale(.88)}
  87.5%{transform:translate(-50%,-50%) translate3d(-45px,-27px,0) rotate(-5deg) scale(1.03)}
  100%{transform:translate(-50%,-50%) translate3d(0,-38px,0) rotate(-4deg) scale(.88)}
}

@keyframes home532HeartBeat{
  0%,100%{transform:translate(-50%,0) scale(1) rotate(-9deg)}
  18%{transform:translate(-50%,-2px) scale(1.12) rotate(-6deg)}
  34%{transform:translate(-50%,0) scale(1.02) rotate(-9deg)}
  50%{transform:translate(-50%,-1px) scale(1.08) rotate(-11deg)}
  68%{transform:translate(-50%,0) scale(1) rotate(-9deg)}
}

@keyframes home532SparkOne{
  0%,100%{opacity:.45;transform:translate(-50%,0) scale(.72) rotate(-10deg)}
  50%{opacity:1;transform:translate(-50%,-4px) scale(1.18) rotate(10deg)}
}

@keyframes home532SparkTwo{
  0%,100%{opacity:.35;transform:translate3d(0,3px,0) scale(.7) rotate(-8deg)}
  50%{opacity:1;transform:translate3d(-4px,-5px,0) scale(1.15) rotate(10deg)}
}

@keyframes home532SparkThree{
  0%,100%{opacity:.35;transform:translate3d(0,3px,0) scale(.65)}
  50%{opacity:1;transform:translate3d(5px,-5px,0) scale(1.15)}
}

@media (min-width:921px) and (prefers-reduced-motion:reduce){
  .template-kids .site-header .brand-orbit-balloons i,
  .service-detail-page .site-header .brand-orbit-balloons i,
  .template-kids .site-header .brand-scene-heart,
  .service-detail-page .site-header .brand-scene-heart,
  .template-kids .site-header .brand-scene-spark,
  .service-detail-page .site-header .brand-scene-spark{
    animation:none!important;
  }
}

.animations-disabled .brand-orbit-balloons i,
.animations-disabled .brand-scene-heart,
.animations-disabled .brand-scene-spark{
  animation:none!important;
}