/* ETC / precision motion. Geometry and functional states belong to the existing theme. */
html#etc-ds#etc-ds#etc-ds#etc-ds#etc-ds {
  --etc-motion-ease: cubic-bezier(.22,.68,.2,1);
  --etc-motion-edge: #337f60;
  --etc-motion-glow: rgb(20 99 67 / .14);
  --etc-motion-sheen: rgb(210 255 228 / .32);
}
html#etc-ds#etc-ds#etc-ds#etc-ds#etc-ds[data-etc-theme="dark"] {
  --etc-motion-edge: #91cead;
  --etc-motion-glow: rgb(100 222 160 / .15);
  --etc-motion-sheen: rgb(196 255 223 / .2);
}
html#etc-ds#etc-ds#etc-ds#etc-ds#etc-ds .eh-brand .eh-logo-mark {
  position:relative; display:block; flex:0 0 auto; width:auto; height:auto;
  margin:0; padding:0; line-height:0; font-style:normal;
}
html#etc-ds#etc-ds#etc-ds#etc-ds#etc-ds .eh-logo-mark > img { display:block; }
html#etc-ds#etc-ds#etc-ds#etc-ds#etc-ds .eh-logo-light { display:none; }
@supports ((mask-image: url("../img/logo3-transparent.png")) or (-webkit-mask-image: url("../img/logo3-transparent.png"))) {
  html#etc-ds#etc-ds#etc-ds#etc-ds#etc-ds .eh-logo-mark .eh-logo-light {
    display:block; position:absolute; inset:0; overflow:hidden; pointer-events:none;
    -webkit-mask: url("../img/logo3-transparent.png") center / 100% 100% no-repeat;
    mask: url("../img/logo3-transparent.png") center / 100% 100% no-repeat;
  }
  html#etc-ds#etc-ds#etc-ds#etc-ds#etc-ds .eh-logo-light::after {
    content:""; position:absolute; inset:-20% -70%; pointer-events:none; opacity:0;
    background:linear-gradient(110deg,transparent 35%,rgb(209 255 225 / .35) 44%,#f5fff8 49%,rgb(209 255 225 / .35) 54%,transparent 63%);
    transform:translate3d(-85%,0,0);
  }
}
/* The old perpetual order halo is replaced by an intentional interaction. */
html#etc-ds#etc-ds#etc-ds#etc-ds#etc-ds .eh-buttons .eh-order::after {
  animation:none!important; opacity:0!important;
}
html#etc-ds#etc-ds#etc-ds#etc-ds#etc-ds .etc-motion-cta { position:relative!important; }
html#etc-ds#etc-ds#etc-ds#etc-ds#etc-ds .etc-motion-cta > .etc-motion-edge {
  display:block!important; position:absolute!important; inset:0!important;
  width:auto!important; height:auto!important; margin:0!important; padding:0!important;
  border:0!important; border-radius:inherit; background:none!important;
  overflow:hidden; pointer-events:none!important; opacity:1; line-height:0;
}
html#etc-ds#etc-ds#etc-ds#etc-ds#etc-ds .etc-motion-edge::before {
  content:""; position:absolute; inset:-20% -60%; pointer-events:none;
  background:linear-gradient(110deg,transparent 40%,var(--etc-motion-sheen) 49%,transparent 58%);
  opacity:0; transform:translate3d(-70%,0,0);
}
@media (prefers-reduced-motion:no-preference) {
  html#etc-ds#etc-ds#etc-ds#etc-ds#etc-ds .eh-logo-mark.etc-motion-intro .eh-logo-light::after {
    animation:etc-logo-signal 1050ms var(--etc-motion-ease) 280ms both;
  }
  html#etc-ds#etc-ds#etc-ds#etc-ds#etc-ds :is(.etc-motion-cta,.eh-account,.eh-messages,.eh-theme,.eh-menu) {
    transition:translate 180ms var(--etc-motion-ease),border-color 180ms ease,box-shadow 180ms ease!important;
  }
  html#etc-ds#etc-ds#etc-ds#etc-ds#etc-ds .etc-motion-cta:focus-visible:not(:disabled):not([disabled]):not(.disabled):not([aria-disabled="true"]):not([aria-busy="true"]) > .etc-motion-edge::before {
    animation:etc-control-signal 700ms var(--etc-motion-ease) both;
  }
  html#etc-ds#etc-ds#etc-ds#etc-ds#etc-ds .eh-brand:focus-visible .eh-logo-light::after {
    animation:etc-logo-signal 1050ms var(--etc-motion-ease) both;
  }
  html#etc-ds#etc-ds#etc-ds#etc-ds#etc-ds .etc-motion-cta:active:not(:disabled):not([disabled]):not(.disabled):not([aria-disabled="true"]):not([aria-busy="true"]) {
    translate:0 1px!important;
  }
}
@media (prefers-reduced-motion:no-preference) and (hover:hover) and (pointer:fine) {
  html#etc-ds#etc-ds#etc-ds#etc-ds#etc-ds .eh-brand:hover .eh-logo-light::after {
    animation:etc-logo-signal 1050ms var(--etc-motion-ease) both;
  }
  html#etc-ds#etc-ds#etc-ds#etc-ds#etc-ds .etc-motion-cta:hover:not(:active):not(:disabled):not([disabled]):not(.disabled):not([aria-disabled="true"]):not([aria-busy="true"]) {
    translate:0 -1px!important;
    box-shadow:0 4px 13px var(--etc-motion-glow),inset 0 0 0 1px var(--etc-motion-edge)!important;
  }
  html#etc-ds#etc-ds#etc-ds#etc-ds#etc-ds .etc-motion-cta:hover:not(:disabled):not([disabled]):not(.disabled):not([aria-disabled="true"]):not([aria-busy="true"]) > .etc-motion-edge::before {
    animation:etc-control-signal 700ms var(--etc-motion-ease) both;
  }
  html#etc-ds#etc-ds#etc-ds#etc-ds#etc-ds :is(.eh-account,.eh-messages,.eh-theme,.eh-menu):hover {
    box-shadow:0 3px 12px var(--etc-motion-glow),inset 0 0 0 1px var(--etc-motion-edge)!important;
  }
}
@keyframes etc-logo-signal {
  0% { transform:translate3d(-85%,0,0); opacity:0; }
  20% { opacity:.65; }
  70% { opacity:.65; }
  100% { transform:translate3d(85%,0,0); opacity:0; }
}
@keyframes etc-control-signal {
  0% { transform:translate3d(-70%,0,0); opacity:0; }
  20% { opacity:1; }
  75% { opacity:1; }
  100% { transform:translate3d(70%,0,0); opacity:0; }
}
@media (max-width:575px) {
  html#etc-ds#etc-ds#etc-ds#etc-ds#etc-ds .eh-logo-light { opacity:.55; }
}
/* The main CTA already had a legacy transform; use only our individual translate. */
html#etc-ds#etc-ds#etc-ds#etc-ds#etc-ds .ec-button.etc-motion-cta { transform:none!important; }
/* Keep static controls intact when motion is unwanted or a control is unavailable. */
html#etc-ds#etc-ds#etc-ds#etc-ds#etc-ds .etc-motion-cta:is(:disabled,[disabled],[aria-disabled="true"],[aria-busy="true"],.disabled) > .etc-motion-edge {
  display:none!important;
}
@media (prefers-reduced-motion:reduce) {
  html#etc-ds#etc-ds#etc-ds#etc-ds#etc-ds :is(.eh-logo-light,.etc-motion-edge) { display:none!important; }
  html#etc-ds#etc-ds#etc-ds#etc-ds#etc-ds :is(.etc-motion-cta,.eh-account,.eh-messages,.eh-theme,.eh-menu) {
    transition:none!important; animation:none!important; translate:none!important;
  }
}