/* CSS-native motion vocabulary (motion-kit css-native track, verbatim from the emitter).
   Zero-JS, view-timeline based, reduced-motion + no-support safe. Apply via data-mkx="<id>". */
@supports (animation-timeline: view()) { @media (prefers-reduced-motion: no-preference) {
  [data-mkx="reveal-up"]{animation:mkx-reveal-up linear both;animation-timeline:view();animation-range:entry 0% entry var(--mkx-range-end,55%)}
  @keyframes mkx-reveal-up{from{opacity:0;transform:translateY(var(--mkx-distance,1.75rem))}to{opacity:1;transform:translateY(0)}}
}}
@supports (animation-timeline: view()) { @media (prefers-reduced-motion: no-preference) {
  [data-mkx="reveal-left"]{animation:mkx-reveal-left linear both;animation-timeline:view();animation-range:entry 0% entry var(--mkx-range-end,55%)}
  @keyframes mkx-reveal-left{from{opacity:0;transform:translateX(calc(-1 * var(--mkx-distance,2rem)))}to{opacity:1;transform:translateX(0)}}
}}
@supports (animation-timeline: view()) { @media (prefers-reduced-motion: no-preference) {
  [data-mkx="reveal-right"]{animation:mkx-reveal-right linear both;animation-timeline:view();animation-range:entry 0% entry var(--mkx-range-end,55%)}
  @keyframes mkx-reveal-right{from{opacity:0;transform:translateX(var(--mkx-distance,2rem))}to{opacity:1;transform:translateX(0)}}
}}
@supports (animation-timeline: view()) { @media (prefers-reduced-motion: no-preference) {
  [data-mkx="reveal-fade"]{animation:mkx-reveal-fade linear both;animation-timeline:view();animation-range:entry 0% entry var(--mkx-range-end,50%)}
  @keyframes mkx-reveal-fade{from{opacity:0}to{opacity:1}}
}}
@supports (animation-timeline: view()) { @media (prefers-reduced-motion: no-preference) {
  [data-mkx="parallax-slow"]{animation:mkx-parallax-slow linear both;animation-timeline:view();animation-range:cover 0% cover 100%;will-change:transform}
  @keyframes mkx-parallax-slow{from{transform:translateY(-1.5rem)}to{transform:translateY(1.5rem)}}
}}
[data-mkx="scroll-progress"]{position:fixed;inset:0 auto auto 0;width:100%;height:3px;transform:scaleX(0);transform-origin:0 50%;background:var(--mkx-accent,currentColor);z-index:60;pointer-events:none}
@supports (animation-timeline: scroll()) { @media (prefers-reduced-motion: no-preference) {
  [data-mkx="scroll-progress"]{animation:mkx-scroll-progress linear both;animation-timeline:scroll(root)}
  @keyframes mkx-scroll-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
}}
@supports (animation-timeline: view()) { @media (prefers-reduced-motion: no-preference) {
  [data-mkx="sticky-scale"]{animation:mkx-sticky-scale linear both;animation-timeline:view();animation-range:entry 0% entry var(--mkx-range-end,65%)}
  @keyframes mkx-sticky-scale{from{opacity:0;transform:scale(0.955)}to{opacity:1;transform:scale(1)}}
}}
@supports (animation-timeline: view()) { @media (prefers-reduced-motion: no-preference) {
  [data-mkx="line-stagger"] > *{animation:mkx-line-stagger linear both;animation-timeline:view();animation-range:entry 0% entry var(--mkx-range-end,40%)}
  @keyframes mkx-line-stagger{from{opacity:0;transform:translateY(0.85rem)}to{opacity:1;transform:translateY(0)}}
}}
[data-mkx="sticky-pin"] > :first-child{position:sticky;top:var(--mkx-pin-top,0px)}
[data-mkx="ambient-mesh"]{position:relative;isolation:isolate}
[data-mkx="ambient-mesh"]::before,[data-mkx="ambient-mesh"]::after{content:"";position:absolute;inset:-25%;z-index:-1;pointer-events:none;border-radius:50%;filter:blur(80px);opacity:var(--mkx-mesh-opacity,0.55);will-change:transform}
[data-mkx="ambient-mesh"]::before{background:radial-gradient(circle at 30% 35%, var(--mkx-mesh-a,#1a2540) 0%, transparent 62%)}
[data-mkx="ambient-mesh"]::after{background:radial-gradient(circle at 70% 60%, var(--mkx-mesh-b,#a08043) 0%, transparent 58%),radial-gradient(circle at 45% 80%, var(--mkx-mesh-c,#585c6b) 0%, transparent 55%)}
@media (prefers-reduced-motion: no-preference){
  [data-mkx="ambient-mesh"]::before{animation:mkx-ambient-mesh-a linear var(--mkx-ambient-duration,34s) infinite alternate}
  [data-mkx="ambient-mesh"]::after{animation:mkx-ambient-mesh-b linear calc(var(--mkx-ambient-duration,34s) * 1.26) infinite alternate}
  @keyframes mkx-ambient-mesh-a{from{transform:translate3d(-4%,-3%,0) scale(1)}to{transform:translate3d(5%,4%,0) scale(1.18)}}
  @keyframes mkx-ambient-mesh-b{from{transform:translate3d(4%,3%,0) scale(1.12)}to{transform:translate3d(-5%,-4%,0) scale(1)}}
}