/* FR Music V23 — restore and balance the floating logo on desktop */
@media (min-width: 621px){
  .hero-visual.hero-photo-composition{
    overflow:visible!important;
    isolation:isolate;
  }

  .hero-logo-balloon,
  .hero-planet.hero-logo-balloon{
    display:grid!important;
    visibility:visible!important;
    opacity:1!important;
    position:absolute!important;
    width:clamp(112px,9.2vw,148px)!important;
    height:clamp(112px,9.2vw,148px)!important;
    left:-38px!important;
    right:auto!important;
    bottom:58px!important;
    top:auto!important;
    z-index:12!important;
    place-items:center!important;
    border-radius:50%!important;
    overflow:visible!important;
    background:rgba(250,247,239,.96)!important;
    border:1px solid rgba(214,181,108,.56)!important;
    box-shadow:
      0 24px 62px rgba(29,24,16,.27),
      0 0 0 10px rgba(250,247,239,.14),
      0 0 54px rgba(214,181,108,.18)!important;
    animation:frLogoFloatV23 6.2s ease-in-out infinite!important;
    transform:none;
  }

  .hero-logo-balloon::after{
    content:"";
    position:absolute;
    inset:10px;
    border-radius:50%;
    border:1px solid rgba(214,181,108,.22);
    pointer-events:none;
  }

  .hero-logo-balloon img{
    display:block!important;
    width:calc(100% - 18px)!important;
    height:calc(100% - 18px)!important;
    border-radius:50%!important;
    object-fit:cover!important;
    opacity:1!important;
    visibility:visible!important;
    filter:none!important;
    box-shadow:0 8px 24px rgba(26,21,15,.13);
  }

  .hero-logo-balloon .orbit{
    display:block!important;
    position:absolute!important;
    inset:-14px!important;
    opacity:1!important;
    border:1px solid rgba(207,163,64,.48)!important;
    animation:spin 18s linear infinite!important;
    pointer-events:none;
  }

  .hero-logo-balloon .orbit.second{
    inset:8px!important;
    opacity:.38!important;
    animation-duration:27s!important;
    animation-direction:reverse!important;
  }

  .hero-logo-balloon:hover{
    animation-play-state:paused!important;
    box-shadow:
      0 28px 68px rgba(29,24,16,.31),
      0 0 0 12px rgba(250,247,239,.18),
      0 0 66px rgba(214,181,108,.28)!important;
  }

  html[data-theme="dark"] .hero-logo-balloon{
    background:rgba(25,25,28,.96)!important;
    border-color:rgba(226,192,107,.5)!important;
    box-shadow:
      0 28px 70px rgba(0,0,0,.5),
      0 0 0 10px rgba(226,192,107,.055),
      0 0 58px rgba(226,192,107,.18)!important;
  }

  html[data-theme="dark"] .hero-logo-balloon img{
    filter:none!important;
  }
}

@media (min-width:621px) and (max-width:980px){
  .hero-logo-balloon,
  .hero-planet.hero-logo-balloon{
    left:10px!important;
    bottom:30px!important;
    width:112px!important;
    height:112px!important;
  }
}

@keyframes frLogoFloatV23{
  0%,100%{transform:translate3d(0,0,0) rotate(-1deg)}
  34%{transform:translate3d(-4px,-12px,0) rotate(.8deg)}
  67%{transform:translate3d(5px,-5px,0) rotate(-.3deg)}
}

@media (prefers-reduced-motion:reduce){
  .hero-logo-balloon,
  .hero-logo-balloon .orbit{animation:none!important}
}