@media (min-width:921px){
  .template-kids .site-header,
  .service-detail-page .site-header,
  .template-kids .site-header .header-inner,
  .service-detail-page .site-header .header-inner,
  .template-kids .site-header .brand,
  .service-detail-page .site-header .brand{
    overflow:visible!important;
  }

  .template-kids .site-header .brand,
  .service-detail-page .site-header .brand{
    position:relative!important;
    z-index:600!important;
    isolation:isolate!important;
  }

  .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-logo-shine,
  .service-detail-page .site-header .brand-logo-shine{
    display:block!important;
    position:absolute!important;
    left:-4px!important;
    top:50%!important;
    z-index:12!important;
    width:150px!important;
    height:80px!important;
    transform:translateY(-50%)!important;
    pointer-events:none!important;
    overflow:hidden!important;
    opacity:1!important;
    -webkit-mask-image:var(--brand-logo-image)!important;
    mask-image:var(--brand-logo-image)!important;
    -webkit-mask-position:center!important;
    mask-position:center!important;
    -webkit-mask-repeat:no-repeat!important;
    mask-repeat:no-repeat!important;
    -webkit-mask-size:contain!important;
    mask-size:contain!important;
    filter:drop-shadow(0 0 7px rgba(255,255,255,.42))!important;
  }

  .template-kids .site-header .brand-logo-shine::before,
  .service-detail-page .site-header .brand-logo-shine::before{
    content:""!important;
    position:absolute!important;
    inset:-20% -95%!important;
    background:linear-gradient(108deg,transparent 35%,rgba(255,255,255,.16) 40%,rgba(255,255,255,.72) 45%,#fff 50%,rgba(255,244,168,.92) 54%,rgba(255,255,255,.42) 59%,transparent 66%)!important;
    transform:translate3d(-72%,0,0) skewX(-14deg)!important;
    animation:home534LogoShine 7.4s cubic-bezier(.42,0,.2,1) infinite!important;
    mix-blend-mode:screen!important;
    filter:blur(.3px)!important;
    will-change:transform,opacity!important;
  }

  .template-kids .site-header .brand-logo-shine::after,
  .service-detail-page .site-header .brand-logo-shine::after{
    content:""!important;
    position:absolute!important;
    inset:4px!important;
    border-radius:22px!important;
    background:radial-gradient(circle at 45% 50%,rgba(255,255,255,.28),transparent 52%)!important;
    opacity:.42!important;
    animation:home534LogoGlow 4.8s ease-in-out infinite!important;
  }

  .template-kids .site-header .brand-play-scene,
  .service-detail-page .site-header .brand-play-scene{
    display:block!important;
    position:absolute!important;
    left:71px!important;
    top:calc(100% - 20px)!important;
    z-index:10020!important;
    width:246px!important;
    height:124px!important;
    max-width:none!important;
    transform:translate3d(-50%,-8px,0)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    overflow:visible!important;
    isolation:isolate!important;
    transition:opacity .18s ease,visibility .18s ease,transform .46s cubic-bezier(.17,.88,.22,1.1)!important;
  }

  .template-kids .site-header .brand-scene-mascot,
  .service-detail-page .site-header .brand-scene-mascot{
    display:block!important;
    position:absolute!important;
    top:8px!important;
    z-index:5!important;
    width:auto!important;
    height:108px!important;
    max-width:none!important;
    object-fit:contain!important;
    object-position:center bottom!important;
    opacity:0!important;
    visibility:hidden!important;
    filter:drop-shadow(0 13px 15px rgba(19,65,98,.25))!important;
    transition:opacity .2s ease,visibility .2s ease,transform .62s cubic-bezier(.17,.88,.22,1.14)!important;
    will-change:transform,opacity!important;
  }

  .template-kids .site-header .brand-scene-mascot.is-forty,
  .service-detail-page .site-header .brand-scene-mascot.is-forty{
    left:8px!important;
    transform:translate3d(70px,-20px,0) scale(.34) rotate(-10deg)!important;
    transform-origin:100% 0!important;
  }

  .template-kids .site-header .brand-scene-mascot.is-fayf,
  .service-detail-page .site-header .brand-scene-mascot.is-fayf{
    right:8px!important;
    transform:translate3d(-70px,-20px,0) scale(.34) rotate(10deg)!important;
    transform-origin:0 0!important;
  }

  .template-kids .site-header .brand-scene-heart,
  .service-detail-page .site-header .brand-scene-heart{
    display:grid!important;
    position:absolute!important;
    left:50%!important;
    top:40px!important;
    z-index:12!important;
    width:54px!important;
    height:54px!important;
    max-width:none!important;
    place-items:center!important;
    border:5px solid #fff!important;
    border-radius:50%!important;
    color:#fff!important;
    background:linear-gradient(145deg,#ff77bb 0%,#ff1789 46%,#d90069 100%)!important;
    box-shadow:0 0 0 4px rgba(255,22,136,.2),0 10px 24px rgba(213,0,98,.38),0 0 22px rgba(255,83,167,.34)!important;
    font-family:Arial,sans-serif!important;
    font-size:31px!important;
    font-weight:900!important;
    line-height:1!important;
    opacity:0!important;
    visibility:hidden!important;
    transform:translate3d(-50%,9px,0) scale(.28) rotate(-11deg)!important;
    transition:opacity .18s ease .14s,visibility .18s ease .14s,transform .5s cubic-bezier(.18,.92,.22,1.2) .14s!important;
    will-change:transform,opacity!important;
  }

  .template-kids .site-header .brand-scene-heart::before,
  .template-kids .site-header .brand-scene-heart::after,
  .service-detail-page .site-header .brand-scene-heart::before,
  .service-detail-page .site-header .brand-scene-heart::after{
    content:none!important;
    display:none!important;
  }

  .template-kids .site-header .brand-scene-spark,
  .service-detail-page .site-header .brand-scene-spark{
    display:block!important;
    position:absolute!important;
    z-index:13!important;
    opacity:0!important;
    visibility:hidden!important;
    transition:opacity .22s ease .28s,visibility .22s ease .28s,transform .42s ease .28s!important;
  }

  .template-kids .site-header .brand-scene-spark.is-one,
  .service-detail-page .site-header .brand-scene-spark.is-one{
    left:50%!important;
    top:20px!important;
    color:#ffc928!important;
    font-size:22px!important;
    transform:translateX(-50%) scale(.3) rotate(-12deg)!important;
  }

  .template-kids .site-header .brand-scene-spark.is-two,
  .service-detail-page .site-header .brand-scene-spark.is-two{
    left:34%!important;
    top:52px!important;
    color:#2ea7e0!important;
    font-size:15px!important;
    transform:scale(.3)!important;
  }

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

  .template-kids .site-header .brand:hover .brand-play-scene,
  .template-kids .site-header .brand:focus-visible .brand-play-scene,
  .template-kids .site-header .brand.is-logo-hover .brand-play-scene,
  .service-detail-page .site-header .brand:hover .brand-play-scene,
  .service-detail-page .site-header .brand:focus-visible .brand-play-scene,
  .service-detail-page .site-header .brand.is-logo-hover .brand-play-scene{
    opacity:1!important;
    visibility:visible!important;
    transform:translate3d(-50%,0,0)!important;
  }

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

  .template-kids .site-header .brand:hover .brand-scene-mascot.is-forty,
  .template-kids .site-header .brand:focus-visible .brand-scene-mascot.is-forty,
  .template-kids .site-header .brand.is-logo-hover .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,
  .service-detail-page .site-header .brand.is-logo-hover .brand-scene-mascot.is-forty{
    transform:translate3d(0,0,0) scale(1) rotate(-3deg)!important;
  }

  .template-kids .site-header .brand:hover .brand-scene-mascot.is-fayf,
  .template-kids .site-header .brand:focus-visible .brand-scene-mascot.is-fayf,
  .template-kids .site-header .brand.is-logo-hover .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,
  .service-detail-page .site-header .brand.is-logo-hover .brand-scene-mascot.is-fayf{
    transform:translate3d(0,0,0) scale(1) rotate(3deg)!important;
  }

  .template-kids .site-header .brand:hover .brand-scene-heart,
  .template-kids .site-header .brand:focus-visible .brand-scene-heart,
  .template-kids .site-header .brand.is-logo-hover .brand-scene-heart,
  .service-detail-page .site-header .brand:hover .brand-scene-heart,
  .service-detail-page .site-header .brand:focus-visible .brand-scene-heart,
  .service-detail-page .site-header .brand.is-logo-hover .brand-scene-heart{
    opacity:1!important;
    visibility:visible!important;
    transform:translate3d(-50%,0,0) scale(1) rotate(-8deg)!important;
    animation:home534HeartBeat 1.45s ease-in-out .65s infinite!important;
  }

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

  .template-kids .site-header .brand:hover .brand-scene-spark.is-one,
  .template-kids .site-header .brand:focus-visible .brand-scene-spark.is-one,
  .template-kids .site-header .brand.is-logo-hover .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,
  .service-detail-page .site-header .brand.is-logo-hover .brand-scene-spark.is-one{
    transform:translateX(-50%) scale(1) rotate(8deg)!important;
  }

  .template-kids .site-header .brand:hover .brand-scene-spark.is-two,
  .template-kids .site-header .brand:focus-visible .brand-scene-spark.is-two,
  .template-kids .site-header .brand.is-logo-hover .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,
  .service-detail-page .site-header .brand.is-logo-hover .brand-scene-spark.is-two,
  .template-kids .site-header .brand:hover .brand-scene-spark.is-three,
  .template-kids .site-header .brand:focus-visible .brand-scene-spark.is-three,
  .template-kids .site-header .brand.is-logo-hover .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,
  .service-detail-page .site-header .brand.is-logo-hover .brand-scene-spark.is-three{
    transform:scale(1)!important;
  }
}

@keyframes home534LogoShine{
  0%,16%{transform:translate3d(-72%,0,0) skewX(-14deg);opacity:0}
  22%{opacity:1}
  58%{transform:translate3d(72%,0,0) skewX(-14deg);opacity:1}
  66%,100%{transform:translate3d(72%,0,0) skewX(-14deg);opacity:0}
}

@keyframes home534LogoGlow{
  0%,100%{opacity:.18;transform:scale(.96)}
  50%{opacity:.52;transform:scale(1.04)}
}

@keyframes home534HeartBeat{
  0%,100%{transform:translate3d(-50%,0,0) scale(1) rotate(-8deg)}
  18%{transform:translate3d(-50%,-2px,0) scale(1.12) rotate(-5deg)}
  36%{transform:translate3d(-50%,0,0) scale(1.02) rotate(-8deg)}
  54%{transform:translate3d(-50%,-1px,0) scale(1.08) rotate(-10deg)}
  72%{transform:translate3d(-50%,0,0) scale(1) rotate(-8deg)}
}

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

.animations-disabled .brand-logo-shine::before,
.animations-disabled .brand-logo-shine::after,
.animations-disabled .brand-scene-heart{
  animation:none!important;
}
