/* WP-SELL animated logo | independent enhancement for Nexo header only */
.nx-header .nx-header__brand > .nx-logo.wsm-ready > .nx-logo__img {display:none!important}
.nx-header .nx-header__brand > .nx-logo.wsm-ready {display:inline-flex;align-items:center;line-height:0;overflow:visible;flex:none}
.wp-sell-motion {--wsm-h:40px;direction:ltr;display:inline-flex;align-items:center;justify-content:flex-start;gap:4px;height:var(--wsm-h);line-height:0;white-space:nowrap;vertical-align:middle;overflow:visible;isolation:isolate}
.wp-sell-motion__mark {position:relative;flex:none;width:auto;height:100%;aspect-ratio:360/315;transform-style:preserve-3d;perspective:350px}
.wp-sell-motion__piece,.wp-sell-motion__shine {position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none}
.wp-sell-motion__piece {object-fit:fill;will-change:transform,opacity;transform-origin:50% 50%;backface-visibility:hidden}
.wp-sell-motion__piece--top {clip-path:inset(0 0 66.667% 0)}
.wp-sell-motion__piece--middle {clip-path:inset(33.333% 0 33.333% 0)}
.wp-sell-motion__piece--bottom {clip-path:inset(66.667% 0 0 0)}
.wp-sell-motion__word {position:relative;display:flex;align-items:center;flex:none;height:56%;width:auto;overflow:hidden}
.wp-sell-motion__word img {display:block;height:100%;width:auto;max-height:none!important;max-width:none!important;object-fit:contain;will-change:opacity,transform,clip-path}
.wp-sell-motion__shine {overflow:hidden;pointer-events:none;mix-blend-mode:screen;opacity:0;mask-image:url('icon-light.webp');-webkit-mask-image:url('icon-light.webp');mask-size:100% 100%;-webkit-mask-size:100% 100%;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat}
.wp-sell-motion--dark .wp-sell-motion__shine {mask-image:url('icon-dark.webp');-webkit-mask-image:url('icon-dark.webp')}
.wp-sell-motion__shine::before {content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 20%,rgba(255,255,255,.0) 35%,rgba(255,255,255,.8) 48%,rgba(255,255,255,0) 64%,transparent 90%);transform:translateX(-150%) skewX(-15deg)}
/* Replayable entrance: 3 ribbons assemble, then wordmark wipes in. */
.wp-sell-motion.wsm-playing .wp-sell-motion__piece--top {animation:wsm-piece-top 960ms cubic-bezier(.22,1,.36,1) both}
.wp-sell-motion.wsm-playing .wp-sell-motion__piece--middle {animation:wsm-piece-middle 1050ms cubic-bezier(.22,1,.36,1) both}
.wp-sell-motion.wsm-playing .wp-sell-motion__piece--bottom {animation:wsm-piece-bottom 1000ms cubic-bezier(.22,1,.36,1) both}
.wp-sell-motion.wsm-playing .wp-sell-motion__word img {animation:wsm-letter-in 1200ms cubic-bezier(.16,1,.3,1) 330ms both}
.wp-sell-motion.wsm-playing .wp-sell-motion__shine {animation:wsm-glint-visible 680ms ease-in-out 990ms both}
.wp-sell-motion.wsm-playing .wp-sell-motion__shine::before {animation:wsm-glint-travel 700ms ease-in-out 950ms both}
@keyframes wsm-piece-top {0%{opacity:0;transform:translate3d(-7px,-8px,0) rotate(-7deg) scale(.9)}50%{opacity:1}80%{transform:translate3d(1px,0,0)}100%{opacity:1;transform:none}}
@keyframes wsm-piece-middle {0%,9%{opacity:0;transform:translate3d(9px,3px,0) rotateY(-32deg)}65%{opacity:1}100%{opacity:1;transform:none}}
@keyframes wsm-piece-bottom {0%,17%{opacity:0;transform:translate3d(-7px,8px,0) rotate(7deg)}65%{opacity:1}100%{opacity:1;transform:none}}
@keyframes wsm-letter-in {0%{opacity:0;clip-path:inset(0 100% 0 0);transform:translate3d(-9px,2px,0)}64%{opacity:1}100%{opacity:1;clip-path:inset(0 0 0 0);transform:none}}
@keyframes wsm-glint-visible {0%,10%{opacity:0}45%{opacity:.64}100%{opacity:0}}
@keyframes wsm-glint-travel {from{transform:translateX(-150%) skewX(-15deg)}to{transform:translateX(170%) skewX(-15deg)}}
/* Preserve Nexo's existing dark/light logo semantics. */
.nx-header .wp-sell-motion--dark {display:none!important}
:root[data-theme="dark"] .nx-header .wp-sell-motion--light,
.nx-header-overlay .nx-header:not(.is-stuck) .wp-sell-motion--light {display:none!important}
:root[data-theme="dark"] .nx-header .wp-sell-motion--dark,
.nx-header-overlay .nx-header:not(.is-stuck) .wp-sell-motion--dark {display:inline-flex!important}
.nx-header.is-stuck .wp-sell-motion {--wsm-h:37px}
@media(max-width:767px){.nx-header .wp-sell-motion{--wsm-h:36px;gap:3px}.nx-header.is-stuck .wp-sell-motion {--wsm-h:34px}}
@media(prefers-reduced-motion:reduce){.wp-sell-motion,.wp-sell-motion *,.wp-sell-motion *::before{animation:none!important;transition:none!important;transform:none!important;opacity:1!important;clip-path:initial}.wp-sell-motion__piece--top{clip-path:inset(0 0 66.667% 0)}.wp-sell-motion__piece--middle{clip-path:inset(33.333% 0 33.333% 0)}.wp-sell-motion__piece--bottom{clip-path:inset(66.667% 0 0 0)}.wp-sell-motion__shine{display:none!important}}


/* WP-SELL stationary word + horizontal-axis icon hover 20261028 */
.nx-header .wp-sell-motion__word,
.nx-header .wp-sell-motion__word img {
  animation:none!important;
  transition:none!important;
  transform:none!important;
  clip-path:none!important;
  opacity:1!important;
}
.nx-header .wp-sell-motion__piece,
.nx-header .wp-sell-motion__shine {
  animation:none!important;
}
.nx-header .wp-sell-motion__piece {
  opacity:1!important;
  transform:none!important;
  filter:none!important;
}
.nx-header .wp-sell-motion__shine {opacity:0!important;display:none!important;}
.nx-header .wp-sell-motion__mark {
  perspective:700px;
  transform-origin:50% 50%;
  transform-style:preserve-3d;
  animation:none;
}
/* Repeating icon-only rotation; the WP-SELL lettering never moves. */
@media (prefers-reduced-motion:no-preference) {
  .nx-header .wp-sell-motion__mark {
    animation:wpsell-icon-auto-flip 8s linear infinite;
  }
}
@keyframes wpsell-icon-auto-flip {
  0%, 5% {transform:perspective(700px) rotateY(0deg);}
  5.01% {transform:perspective(700px) rotateY(0deg);animation-timing-function:cubic-bezier(.35,.03,.28,1);}
  20%, 100% {transform:perspective(700px) rotateY(360deg);}
}
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
  .nx-header .nx-header__brand .nx-logo:hover .wp-sell-motion__mark,
  .nx-header .nx-header__brand .nx-logo:focus-visible .wp-sell-motion__mark {
    animation:wpsell-horizontal-icon-spin 940ms cubic-bezier(.3,.1,.2,1) both;
  }
}
@keyframes wpsell-horizontal-icon-spin {
  0% {transform:perspective(700px) rotateY(0deg);}
  28% {transform:perspective(700px) rotateY(94deg);}
  57% {transform:perspective(700px) rotateY(228deg);}
  100% {transform:perspective(700px) rotateY(360deg);}
}


/* WP-SELL mobile icon-only auto flip 20261028 */
@media screen and (max-width: 767px) and (prefers-reduced-motion: no-preference) {
  .nx-header .nx-header__brand > a.nx-logo.wsm-ready .wp-sell-motion__mark {
    animation: wpsell-icon-auto-flip 8s linear infinite !important;
    transform-origin: center center;
    will-change: transform;
  }
  .nx-header .nx-header__brand > a.nx-logo.wsm-ready .wp-sell-motion__word,
  .nx-header .nx-header__brand > a.nx-logo.wsm-ready .wp-sell-motion__word img {
    animation: none !important;
    transform: none !important;
    transition: none !important;
  }
}
