/* Movement is layered over the existing typography and page geometry. */
@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth;scroll-padding-top:90px}}
.mk-root .mk-hero.nx-earth-hero{position:relative;isolation:isolate;display:block;min-height:690px;padding-block:74px 90px}
.nx-earth-background{position:absolute;z-index:-2;inset:0 calc((min(100vw,1240px) - 100vw)/2 - 36px);overflow:hidden;pointer-events:none}
.nx-earth-background::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fafbf9 1%,#fafbf9fa 22%,#fafbf9e8 37%,#fafbf942 60%,#fafbf900 78%),linear-gradient(0deg,#fafbf9,transparent 15%,transparent 88%,#fafbf9);z-index:2}
.nx-earth-scene{position:absolute;width:min(850px,75vw);aspect-ratio:1;right:max(-80px,calc((100vw - 1420px)/2));top:50%;transform:translateY(-50%);filter:drop-shadow(0 22px 32px #00405925)}
.nx-earth-scene img,.nx-earth-scene canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.nx-earth-scene canvas{opacity:0;transition:opacity 1s ease}
.nx-earth-scene[data-ready] canvas{opacity:1}
.nx-earth-scene[data-ready] img{opacity:0}
.nx-earth-copy{position:relative;z-index:1;max-width:620px}
.nx-earth-copy .mk-lead{max-width:565px}
.nx-earth-caption{position:absolute;right:20px;bottom:43px;z-index:3;color:#102c38;text-align:right}
.nx-earth-caption span{display:block;font:500 10px/1.7 'JetBrains Mono',monospace;letter-spacing:.15em;color:#a84500}
.nx-earth-caption strong{font:700 25px/1.3 'Barlow Condensed',sans-serif}
.nx-motion-toggle{position:absolute;right:20px;bottom:12px;background:#fafbf9d9;border:1px solid #aebdb5;border-radius:4px;padding:5px 9px;font:600 10px/1.5 'Nunito Sans',sans-serif;color:#52646c;cursor:pointer;z-index:4}
.nx-motion-toggle:focus-visible{outline:2px solid #fe8300;outline-offset:4px}
/* Content remains visible when JavaScript or IntersectionObserver is unavailable. */
.nx-motion-pending{opacity:0;transform:translateY(22px)}
.nx-motion-enter{animation:nx-enter .75s cubic-bezier(.2,.7,.3,1) both;animation-delay:var(--nx-delay,0ms)}
@keyframes nx-enter{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
  .mk-card,.mk-work,.mk-step,.mk-video,.mk-button,.nx-contact{transition:transform .28s ease,box-shadow .28s ease,background-color .25s ease}
  .mk-card:hover{transform:translateY(-5px);box-shadow:0 16px 32px #102c3810}
  .mk-work:hover{transform:translateY(-4px)}
  .mk-work img{transition:transform .65s cubic-bezier(.2,.7,.3,1)}
  .mk-work:hover img{transform:scale(1.025)}
  .mk-button:hover,.nx-contact:hover{transform:translateY(-2px);box-shadow:0 8px 20px #fe830025}
  .mk-step:hover{transform:translateY(-3px)}
}
@media(max-width:1000px){.nx-earth-copy{max-width:56%}.mk-root .mk-hero.nx-earth-hero{min-height:650px}.nx-earth-caption{right:0}.nx-earth-background::after{background:linear-gradient(90deg,#fafbf9 0%,#fafbf9ed 31%,#fafbf944 70%,transparent),linear-gradient(0deg,#fafbf9,transparent 15%,transparent 88%,#fafbf9)}}
@media(max-width:760px){
  .mk-root .mk-hero.nx-earth-hero{min-height:0;padding-block:39px 340px}
  .nx-earth-copy{max-width:100%}
  .nx-earth-background{inset:0 -24px}
  .nx-earth-scene{width:570px;max-width:125vw;right:-12%;top:auto;bottom:-95px;transform:none}
  .nx-earth-background::after{background:linear-gradient(180deg,#fafbf9 0%,#fafbf9fa 34%,#fafbf9dc 50%,#fafbf96b 65%,transparent 81%,#fafbf9b3 100%)}
  .nx-earth-caption{bottom:45px;right:0;padding:8px 12px;background:#fafbf9da;border-radius:5px}
  .nx-earth-caption strong{font-size:22px}
  .nx-motion-toggle{right:0;bottom:17px}
}
@media(max-width:480px){.nx-earth-background{inset-inline:-18px}.mk-root .mk-hero.nx-earth-hero{padding-top:31px}.nx-earth-copy .mk-lead{font-size:15px}}
@media(prefers-reduced-motion:reduce){.nx-motion-pending{opacity:1;transform:none}.nx-motion-enter{animation:none}.nx-earth-scene canvas{transition:none}}