.evolution-logo-motion-target > a {
    display: inline-block;
    position: relative;
  }

.evolution-logo-motion-target .evolution-logo-motion__svg {
    display: block;
    height: 100%;
    inset: 0;
    overflow: visible;
    pointer-events: none;
    position: absolute;
    width: 100%;
  }

.evolution-logo-motion-target > a {
    isolation: isolate;
  }

.evolution-logo-motion-target .evolution-logo-motion__shimmer {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    pointer-events: none;
    transform: translateY(-50%) scale(var(--evo-logo-spacing-scale, 1));
    transform-origin: left center;
    -webkit-mask-image: var(--evolution-logo-motion-mask);
    mask-image: var(--evolution-logo-motion-mask);
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
  }

.evolution-logo-motion-target .evolution-logo-motion__shimmer::before {
    content: "";
    position: absolute;
    top: -10%;
    bottom: -10%;
    left: -32%;
    width: 28%;
    opacity: 0;
    background: linear-gradient(
      90deg,
      rgba(247, 240, 230, 0) 0%,
      rgba(232, 220, 203, 0.26) 28%,
      rgba(247, 240, 230, 0.82) 50%,
      rgba(201, 185, 167, 0.24) 72%,
      rgba(247, 240, 230, 0) 100%
    );
    transform: translate3d(0, 0, 0) skewX(-12deg);
    will-change: transform, opacity;
    animation: evolutionLogoMotionShimmer 3.8s cubic-bezier(.42, 0, .58, 1) infinite;
    animation-play-state: paused;
  }

.evolution-logo-motion-target .evolution-logo-motion__shimmer.evolution-logo-motion__shimmer--active::before {
    animation-play-state: running;
  }

@keyframes evolutionLogoMotionShimmer {
  0% {
    opacity: 0;
    transform: translate3d(0, 0, 0) skewX(-12deg);
  }
  12%, 76% {
    opacity: .18;
  }
  88%, 100% {
    opacity: 0;
    transform: translate3d(480%, 0, 0) skewX(-12deg);
  }
}

.evolution-logo-motion-target.evolution-logo-motion--pending .evolution-logo-motion__svg {
    visibility: hidden;
  }

.evolution-logo-motion-target.evolution-logo-motion--pending > a > img,
.evolution-logo-motion-target.evolution-logo-motion--ready > a > img {
    visibility: hidden;
  }

.evolution-logo-motion-target .evolution-logo-motion__svg .st0 { fill: #57412F; }
.evolution-logo-motion-target .evolution-logo-motion__svg .st1 { fill: #C7B5A0; }
.evolution-logo-motion-target .evolution-logo-motion__svg .st2 { fill: #E8DBCC; }
.evolution-logo-motion-target .evolution-logo-motion__svg .st3 { fill: #F9F3EB; }
.evolution-logo-motion-target .evolution-logo-motion__svg .st4 { fill: #5F5E53; }
.evolution-logo-motion-target .evolution-logo-motion__svg .st5 { fill: #827C78; }
.evolution-logo-motion-target .evolution-logo-motion__svg .st6 { fill: #212120; }

.evolution-logo-motion-target.evolution-logo-motion--armed .evolution-logo-motion__svg path {
    opacity: 0;
    -webkit-transform-box: fill-box;
    transform-box: fill-box;
    -webkit-transform-origin: center;
    transform-origin: center;
    will-change: opacity, transform;
  }

.evolution-logo-motion-target.evolution-logo-motion--static .evolution-logo-motion__svg path,
.evolution-logo-motion-target.evolution-logo-motion--complete .evolution-logo-motion__svg path {
    -webkit-animation: none !important;
    animation: none !important;
    -webkit-clip-path: none !important;
    clip-path: none !important;
    opacity: 1 !important;
    -webkit-transform: none !important;
    transform: none !important;
  }

.evolution-logo-motion-target.evolution-logo-motion--play .evo-left-leg {
    -webkit-animation: evoLogoLeftLeg .52s 0s both cubic-bezier(.33,.02,.22,1);
    animation: evoLogoLeftLeg .52s 0s both cubic-bezier(.33,.02,.22,1);
  }

.evolution-logo-motion-target.evolution-logo-motion--play .evo-right-leg {
    -webkit-animation: evoLogoRightLeg .55s .02s both cubic-bezier(.33,.02,.22,1);
    animation: evoLogoRightLeg .55s .02s both cubic-bezier(.33,.02,.22,1);
  }

.evolution-logo-motion-target.evolution-logo-motion--play .evo-left-arm {
    -webkit-animation: evoLogoLeftArm .62s .26s both cubic-bezier(.30,.05,.20,1);
    animation: evoLogoLeftArm .62s .26s both cubic-bezier(.30,.05,.20,1);
  }

.evolution-logo-motion-target.evolution-logo-motion--play .evo-right-arm {
    -webkit-animation: evoLogoRightArm .62s .26s both cubic-bezier(.30,.05,.20,1);
    animation: evoLogoRightArm .62s .26s both cubic-bezier(.30,.05,.20,1);
  }

.evolution-logo-motion-target.evolution-logo-motion--play .evo-upper-body {
    -webkit-animation: evoLogoSoftRise .42s .62s both cubic-bezier(.37,0,.23,1);
    animation: evoLogoSoftRise .42s .62s both cubic-bezier(.37,0,.23,1);
  }

.evolution-logo-motion-target.evolution-logo-motion--play .evo-head-detail {
    -webkit-animation: evoLogoHeadResolve .35s .70s both cubic-bezier(.25,.05,.18,1);
    animation: evoLogoHeadResolve .35s .70s both cubic-bezier(.25,.05,.18,1);
  }

.evolution-logo-motion-target.evolution-logo-motion--play .evo-spine-curve-a {
    -webkit-animation: evoLogoSpineGrow .38s .88s both cubic-bezier(.37,0,.23,1);
    animation: evoLogoSpineGrow .38s .88s both cubic-bezier(.37,0,.23,1);
  }

.evolution-logo-motion-target.evolution-logo-motion--play .evo-spine-curve-b {
    -webkit-animation: evoLogoSpineGrow .38s .92s both cubic-bezier(.37,0,.23,1);
    animation: evoLogoSpineGrow .38s .92s both cubic-bezier(.37,0,.23,1);
  }

.evolution-logo-motion-target.evolution-logo-motion--play .evo-vertebra-1 { -webkit-animation: evoLogoVertebra .32s 1.12s both cubic-bezier(.37,0,.23,1); animation: evoLogoVertebra .32s 1.12s both cubic-bezier(.37,0,.23,1); }
.evolution-logo-motion-target.evolution-logo-motion--play .evo-vertebra-2 { -webkit-animation: evoLogoVertebra .32s 1.24s both cubic-bezier(.37,0,.23,1); animation: evoLogoVertebra .32s 1.24s both cubic-bezier(.37,0,.23,1); }
.evolution-logo-motion-target.evolution-logo-motion--play .evo-vertebra-3 { -webkit-animation: evoLogoVertebra .32s 1.36s both cubic-bezier(.37,0,.23,1); animation: evoLogoVertebra .32s 1.36s both cubic-bezier(.37,0,.23,1); }
.evolution-logo-motion-target.evolution-logo-motion--play .evo-vertebra-4 { -webkit-animation: evoLogoVertebra .32s 1.48s both cubic-bezier(.37,0,.23,1); animation: evoLogoVertebra .32s 1.48s both cubic-bezier(.37,0,.23,1); }
.evolution-logo-motion-target.evolution-logo-motion--play .evo-vertebra-5 { -webkit-animation: evoLogoVertebra .32s 1.60s both cubic-bezier(.37,0,.23,1); animation: evoLogoVertebra .32s 1.60s both cubic-bezier(.37,0,.23,1); }

.evolution-logo-motion-target.evolution-logo-motion--play .evo-crescent-main {
    -webkit-animation: evoLogoRevealUp .50s 1.45s both cubic-bezier(.37,0,.23,1);
    animation: evoLogoRevealUp .50s 1.45s both cubic-bezier(.37,0,.23,1);
  }

.evolution-logo-motion-target.evolution-logo-motion--play .evo-crescent-companion-a {
    -webkit-animation: evoLogoRevealFromLeft .55s 1.48s both cubic-bezier(.37,0,.23,1);
    animation: evoLogoRevealFromLeft .55s 1.48s both cubic-bezier(.37,0,.23,1);
  }

.evolution-logo-motion-target.evolution-logo-motion--play .evo-crescent-companion-b {
    -webkit-animation: evoLogoRevealFromLeft .50s 1.57s both cubic-bezier(.37,0,.23,1);
    animation: evoLogoRevealFromLeft .50s 1.57s both cubic-bezier(.37,0,.23,1);
  }

.evolution-logo-motion-target.evolution-logo-motion--play .evo-wordmark-part {
    -webkit-animation: evoLogoWord .45s var(--evo-word-delay) both cubic-bezier(.37,0,.23,1);
    animation: evoLogoWord .45s var(--evo-word-delay) both cubic-bezier(.37,0,.23,1);
  }
@keyframes evoLogoRevealUp {
  0% { opacity: 0; clip-path: inset(100% 0 0 0); transform: translateY(7px); }
  100% { opacity: 1; clip-path: inset(0 0 0 0); transform: translateY(0); }
}

@keyframes evoLogoRevealFromLeft {
  0% { opacity: 0; clip-path: inset(0 100% 0 0); transform: translateX(-18px); }
  100% { opacity: 1; clip-path: inset(0 0 0 0); transform: translateX(0); }
}

@keyframes evoLogoSoftRise {
  0% { opacity: 0; transform: translateY(10px) scale(.985); }
  55% { opacity: .82; }
  100% { opacity: 1; transform: translateY(0) scale(1); }
}

@keyframes evoLogoLeftLeg {
  0% { opacity: 0; transform-origin: 50% 18%; transform: rotate(14deg) skewX(-5deg) scaleX(.82) scaleY(1.025); }
  14% { opacity: .4; transform: rotate(12deg) skewX(-4.3deg) scaleX(.84) scaleY(1.022); }
  32% { opacity: .78; transform: rotate(9deg) skewX(-3.2deg) scaleX(.88) scaleY(1.016); }
  52% { opacity: 1; transform: rotate(6deg) skewX(-2.1deg) scaleX(.92) scaleY(1.010); }
  72% { opacity: 1; transform: rotate(3.5deg) skewX(-1.2deg) scaleX(.96) scaleY(1.005); }
  88% { opacity: 1; transform: rotate(1.3deg) skewX(-.4deg) scaleX(.988) scaleY(1.002); }
  100% { opacity: 1; transform: rotate(0) skewX(0) scale(1); }
}

@keyframes evoLogoRightLeg {
  0% { opacity: 0; transform-origin: 50% 18%; transform: rotate(-14deg) skewX(5deg) scaleX(.82) scaleY(1.025); }
  14% { opacity: .4; transform: rotate(-12deg) skewX(4.3deg) scaleX(.84) scaleY(1.022); }
  32% { opacity: .78; transform: rotate(-9deg) skewX(3.2deg) scaleX(.88) scaleY(1.016); }
  52% { opacity: 1; transform: rotate(-6deg) skewX(2.1deg) scaleX(.92) scaleY(1.010); }
  72% { opacity: 1; transform: rotate(-3.5deg) skewX(1.2deg) scaleX(.96) scaleY(1.005); }
  88% { opacity: 1; transform: rotate(-1.3deg) skewX(.4deg) scaleX(.988) scaleY(1.002); }
  100% { opacity: 1; transform: rotate(0) skewX(0) scale(1); }
}

@keyframes evoLogoLeftArm {
  0% { opacity: 0; transform-origin: 50% 18%; transform: rotate(-18deg) scaleX(.82) scaleY(1.02); }
  15% { opacity: .32; transform: rotate(-16deg) scaleX(.84) scaleY(1.018); }
  32% { opacity: .68; transform: rotate(-12.5deg) scaleX(.88) scaleY(1.014); }
  50% { opacity: .92; transform: rotate(-8.5deg) scaleX(.92) scaleY(1.010); }
  68% { opacity: 1; transform: rotate(-5deg) scaleX(.955) scaleY(1.006); }
  84% { opacity: 1; transform: rotate(-2deg) scaleX(.985) scaleY(1.002); }
  100% { opacity: 1; transform: rotate(0deg) scaleX(1) scaleY(1); }
}

@keyframes evoLogoRightArm {
  0% { opacity: 0; transform-origin: 50% 18%; transform: rotate(18deg) scaleX(.82) scaleY(1.02); }
  15% { opacity: .32; transform: rotate(16deg) scaleX(.84) scaleY(1.018); }
  32% { opacity: .68; transform: rotate(12.5deg) scaleX(.88) scaleY(1.014); }
  50% { opacity: .92; transform: rotate(8.5deg) scaleX(.92) scaleY(1.010); }
  68% { opacity: 1; transform: rotate(5deg) scaleX(.955) scaleY(1.006); }
  84% { opacity: 1; transform: rotate(2deg) scaleX(.985) scaleY(1.002); }
  100% { opacity: 1; transform: rotate(0deg) scaleX(1) scaleY(1); }
}

@keyframes evoLogoHeadResolve {
  0% { opacity: 0; transform-origin: 50% 78%; transform: translateY(7px) scale(.58,.52) rotate(2.5deg); }
  18% { opacity: .28; transform: translateY(5.5px) scale(.66,.61) rotate(2deg); }
  38% { opacity: .62; transform: translateY(3.6px) scale(.77,.73) rotate(1.35deg); }
  58% { opacity: .86; transform: translateY(2px) scale(.87,.84) rotate(.75deg); }
  76% { opacity: 1; transform: translateY(.8px) scale(.95,.93) rotate(.3deg); }
  90% { opacity: 1; transform: translateY(.2px) scale(.988,.982) rotate(.08deg); }
  100% { opacity: 1; transform: translateY(0) scale(1) rotate(0deg); }
}

@keyframes evoLogoSpineGrow {
  0% { opacity: 0; transform: scaleY(.88) translateY(5px); }
  55% { opacity: .88; }
  100% { opacity: 1; transform: scaleY(1) translateY(0); }
}

@keyframes evoLogoVertebra {
  0% { opacity: 0; transform: scale(.78); }
  20% { opacity: 1; transform: scale(1); }
  55% { opacity: 1; transform: scale(1.38); }
  100% { opacity: 1; transform: scale(1); }
}

@keyframes evoLogoWord {
  0% { opacity: 0; transform: translateY(7px); }
  100% { opacity: 1; transform: translateY(0); }
}

@media (prefers-reduced-motion: reduce) {
  .evolution-logo-motion-target .evolution-logo-motion__shimmer {
    display: none !important;
  }

  .evolution-logo-motion-target .evolution-logo-motion__svg path {
    -webkit-animation: none !important;
    animation: none !important;
    -webkit-clip-path: none !important;
    clip-path: none !important;
    opacity: 1 !important;
    -webkit-transform: none !important;
    transform: none !important;
  }
}

@media (min-width: 1201px) {
  #pxl-header-elementor .pxl-header-elementor-main .elementor-element-585508a.elementor-widget-pxl_logo {
    flex: 0 0 394.953125px;
    width: 394.953125px;
    max-width: 394.953125px;
  }

  #pxl-header-elementor .pxl-header-elementor-main .elementor-element-585508a.elementor-widget-pxl_logo .pxl-logo,
  #pxl-header-elementor .pxl-header-elementor-main .elementor-element-585508a.elementor-widget-pxl_logo .pxl-logo > a {
    width: 100%;
    max-width: 100%;
    height: 183.984375px;
    max-height: 183.984375px;
    overflow: hidden;
    background: transparent;
  }

  #pxl-header-elementor .pxl-header-elementor-main .elementor-element-585508a.elementor-widget-pxl_logo .pxl-logo > a > img,
  #pxl-header-elementor .pxl-header-elementor-main .elementor-element-585508a.elementor-widget-pxl_logo .pxl-logo > a > svg {
    display: block;
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
    /* The SVG itself preserves its landscape aspect ratio inside this box. */
    object-fit: fill;
    object-position: left center;
    overflow: hidden;
  }
}

@media (min-width: 1201px) and (max-width: 1399px) {
  #pxl-header-elementor .pxl-header-elementor-main .elementor-element-585508a.elementor-widget-pxl_logo {
    flex-basis: 234.953125px;
    width: 234.953125px;
    max-width: 234.953125px;
  }

  #pxl-header-elementor .pxl-header-elementor-main .elementor-element-585508a.elementor-widget-pxl_logo .pxl-logo,
  #pxl-header-elementor .pxl-header-elementor-main .elementor-element-585508a.elementor-widget-pxl_logo .pxl-logo > a {
    height: 109px;
    max-height: 109px;
  }
}

/* Inset only the artwork; preserve the existing header and clickable logo boxes. */
@media (min-width: 1201px) {
  #pxl-header-elementor .elementor-14 .elementor-element-585508a .pxl-logo > a {
    --evo-logo-spacing-scale: calc(1 - 16 / 183.984375);
  }

  #pxl-header-elementor .elementor-3362 .elementor-element-585508a .pxl-logo > a {
    --evo-logo-spacing-scale: calc(1 - 16 / 179.984375);
  }

  #pxl-header-elementor :is(.elementor-14, .elementor-3362) .elementor-element-585508a .pxl-logo > a > :is(img, svg) {
    transform: scale(var(--evo-logo-spacing-scale));
    transform-origin: left center;
  }
}

@media (min-width: 1201px) and (max-width: 1399px) {
  #pxl-header-elementor .elementor-14 .elementor-element-585508a .pxl-logo > a {
    --evo-logo-spacing-scale: calc(1 - 16 / 109);
  }
}
