/* motion-kit v1 (base tier, CSS-first, federal-safe unless noted): dependency-free, data-attribute driven. Content is visible unless JS adds html.mk-js. */
:root{--mk-dur:.7s;--mk-ease:cubic-bezier(.16,1,.3,1);--mk-dist:18px;--mk-step:70ms}
@media (prefers-reduced-motion:no-preference){
  .mk-js [data-reveal]{opacity:0;transform:translate3d(0,var(--mk-dist),0);transition:opacity var(--mk-dur) var(--mk-ease),transform var(--mk-dur) var(--mk-ease);transition-delay:var(--mk-delay,0ms)}
  .mk-js [data-reveal="fade"]{transform:none}
  .mk-js [data-reveal="scale"]{transform:scale(.97)}
  .mk-js [data-reveal].mk-in{opacity:1;transform:none}
  [data-hero-line]{background:linear-gradient(90deg,currentColor 0%,currentColor 40%,#fef3c7 50%,currentColor 60%,currentColor 100%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:mk-sheen 7s var(--mk-ease) infinite}
  [data-hero-glow]{animation:mk-drift 14s ease-in-out infinite alternate;will-change:transform}
  [data-hero-glow="2"]{animation-duration:18s;animation-direction:alternate-reverse}
  [data-lift]{transition:transform .35s var(--mk-ease),box-shadow .35s var(--mk-ease)}
  @media (hover:hover){[data-lift]:hover{transform:translate3d(0,-4px,0);box-shadow:0 18px 40px -18px rgba(0,0,0,.6)}}
  [data-marquee].mk-on{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
  [data-marquee].mk-on>.mk-track{display:flex;width:max-content;flex-wrap:nowrap;animation:mk-marquee var(--mk-marquee-dur,40s) linear infinite}
  [data-marquee].mk-on:hover>.mk-track{animation-play-state:paused}
}
@keyframes mk-sheen{0%{background-position:100% 0}60%,100%{background-position:-50% 0}}
@keyframes mk-drift{0%{transform:translate3d(0,0,0) scale(1)}100%{transform:translate3d(4%,-3%,0) scale(1.08)}}
@keyframes mk-marquee{to{transform:translate3d(-50%,0,0)}}

/* CSS-only tier (no JS needed, .us safe): scroll-driven reveals where supported. JS tier (html.mk-js) overrides. */
@media (prefers-reduced-motion:no-preference){
  @supports (animation-timeline:view()){
    html:not(.mk-js) [data-reveal]{animation:mk-rise linear both;animation-timeline:view();animation-range:entry 0% entry 40%}
  }
  [data-marquee].mk-on:focus-within>.mk-track{animation-play-state:paused}
  @view-transition{navigation:auto}
  ::view-transition-old(root),::view-transition-new(root){animation-duration:.28s;animation-timing-function:ease-out}
}
@keyframes mk-rise{from{opacity:0;transform:translate3d(0,var(--mk-dist),0)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){[data-reveal]{opacity:1!important;transform:none!important;animation:none!important}}