[data-sketch].nx-motion { transform:translate3d(var(--nx-x,0px),var(--nx-y,0px),0); }
.nx-drawing-layer { animation:nx-drawing-reveal 2.4s ease var(--nx-delay,5.3s) both; }
.nx-traces { position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:1;transform:translate3d(var(--nx-guide-x,0px),var(--nx-guide-y,0px),0); }
.nx-traces path { fill:none;stroke:#9b8870;stroke-width:.8;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1;animation:nx-trace-draw 1.7s cubic-bezier(.2,.6,.3,1) calc(var(--nx-delay,5.3s) + var(--trace-delay,0s)) both; }
.nx-traces .nx-construction { stroke:#2b2e2f;stroke-width:.55;opacity:.25; }
.nx-traces .nx-outline { opacity:.18; }
.nx-traces .nx-dimension { opacity:.32; }
[data-sketch].nx-motion [data-hot] > span:first-child { transition:background .25s,box-shadow .25s; }
[data-sketch].nx-motion [data-hot] > span:nth-child(2) { transition:background .25s; }
[data-sketch].nx-motion [data-hot]:is(:hover,:focus-visible) > span:first-child { background:#b49b7e!important;box-shadow:0 0 0 5px #f3f1ec,0 0 0 6px #b49b7e!important; }
[data-sketch].nx-motion [data-hot]:is(:hover,:focus-visible) > span:nth-child(2) { background:#b49b7e!important; }
[data-sketch].nx-motion [data-hot]:is(:hover,:focus-visible) > span:last-child > span { color:#826f59!important; }
[data-sketch].nx-motion [data-hot]:focus-visible { outline:1px solid #826f59;outline-offset:10px; }
@keyframes nx-trace-draw { from{stroke-dashoffset:1} to{stroke-dashoffset:0} }
@keyframes nx-drawing-reveal { 0%{opacity:.12;clip-path:inset(0 100% 0 0)} 45%{opacity:.45} 100%{opacity:1;clip-path:inset(0)} }
@keyframes nx-intro-static { from{visibility:visible} to{visibility:hidden} }
@media(prefers-reduced-motion:reduce){
  [data-sketch].nx-motion,.nx-traces{transform:none!important}
  .nx-drawing-layer,.nx-traces path{animation:none!important;clip-path:none;opacity:1;stroke-dashoffset:0}
  [style*="animation"][style*="nx-"]{animation:none!important;opacity:1!important;stroke-dashoffset:0}
  /* Keep the brand introduction visible without drawing or movement. */
  [style*="animation"][style*="nx-veil"]{animation:nx-intro-static 1.8s step-end forwards!important}
}
