.site-mascot-host{
  position:relative!important;
  overflow:visible!important;
  isolation:isolate;
}
.site-mascot-host>.site-banner-mascot{z-index:1}
.site-mascot-host>:not(.site-banner-mascot){position:relative;z-index:2}
.site-banner-mascot{
  position:absolute;
  top:var(--mascot-top,36%);
  width:clamp(132px,11vw,200px);
  aspect-ratio:1;
  overflow:hidden;
  border-radius:50%;
  background:#000;
  pointer-events:none;
  user-select:none;
  will-change:transform;
}
.site-banner-mascot img{
  position:absolute;
  top:5%;
  left:50%;
  display:block;
  width:86%;
  max-width:none;
  height:auto;
  transform:translateX(-50%);
  user-select:none;
}
.site-banner-mascot--left{
  left:0;
  transform-origin:55% 72%;
  transform:translate(110%,10%) rotate(-22deg);
}
.site-banner-mascot--right{
  right:0;
  transform-origin:45% 72%;
  transform:translate(-110%,10%) rotate(22deg) scaleX(-1);
}
.site-banner-mascot--left.is-active{animation:site-banner-mascot-left 10s cubic-bezier(.4,0,.2,1) both}
.site-banner-mascot--right.is-active{animation:site-banner-mascot-right 10s cubic-bezier(.4,0,.2,1) both}
.site-banner-mascot--mobile{display:none}
.site-banner-mascot--silver{
  background:#000;
}
.site-banner-mascot--silver img{filter:saturate(.76) brightness(.82) contrast(1.04)}
@keyframes site-banner-mascot-left{
  0%{transform:translate(110%,10%) rotate(-22deg)}
  18%,72%{transform:translate(-48%,2%) rotate(-13deg)}
  100%{transform:translate(110%,10%) rotate(-22deg)}
}
@keyframes site-banner-mascot-right{
  0%{transform:translate(-110%,10%) rotate(22deg) scaleX(-1)}
  18%,72%{transform:translate(48%,2%) rotate(13deg) scaleX(-1)}
  100%{transform:translate(-110%,10%) rotate(22deg) scaleX(-1)}
}
@keyframes site-banner-mascot-mobile{
  0%{transform:translateY(100%) rotate(0)}
  18%,72%{transform:translateY(-48%) rotate(0)}
  100%{transform:translateY(100%) rotate(0)}
}

@media(max-width:768px){
  .leaders-section.site-mascot-host{
    z-index:auto!important;
    isolation:auto;
  }
  .leaders-section.site-mascot-host>.site-banner-mascot--mobile{z-index:1}
  .site-banner-mascot:not(.site-banner-mascot--mobile){display:none!important;animation:none!important}
  .site-banner-mascot--mobile{
    display:block;
    top:var(--mascot-top,4.5rem);
    right:32%;
    width:clamp(68px,20vw,82px);
    transform-origin:50% 100%;
    transform:translateY(100%) rotate(0);
  }
  .site-banner-mascot--mobile.is-active{animation:site-banner-mascot-mobile 7s cubic-bezier(.4,0,.2,1) both}
}

@media(max-width:480px){
  .site-banner-mascot--mobile{top:2.5rem}
}

@media(prefers-reduced-motion:reduce){
  .site-banner-mascot{display:none!important;animation:none!important}
}