:root{
  --fx-ease-out: cubic-bezier(.22,.61,.36,1);
  --fx-ease-smooth: cubic-bezier(.16,1,.3,1);
  --fx-dur-xs: .45s;
  --fx-dur-s: .65s;
  --fx-dur-m: .9s;
  --fx-stagger: .08s;
  --fx-overshoot: 1.015;
}

@media (prefers-reduced-motion: reduce){
  :is(main#content, body.fx-global) .animated_svg,
  :is(main#content, body.fx-global) .fx-float,
  :is(main#content, body.fx-global) .fx-reveal-section,
  :is(main#content, body.fx-global) .fx-reveal-item,
  :is(main#content, body.fx-global) .fx-reveal-text,
  :is(main#content, body.fx-global) .fx-reveal-clip,
  :is(main#content, body.fx-global) .fx-text-seg{
    animation: none !important;
    transition: none !important;
    transform: none !important;
    translate: 0 0 !important;
    rotate: 0deg !important;
    opacity: 1 !important;
    filter: none !important;
    clip-path: none !important;
  }
  html.fx-js :is(main#content, body.fx-global) .fx-reveal-text{ visibility: visible !important; }
}
:is(main#content, body.fx-global) .animated_svg,
:is(main#content, body.fx-global) .fx-float{
  --fx-float-amp: 12px;
  --fx-float-rot: 2deg;
  will-change: transform;
  backface-visibility: hidden;
  transform: translate3d(0,0,0);
  translate: var(--fx-float-x, 0) var(--fx-float-y, 0);
  rotate: var(--fx-float-r, 0deg);
}
:is(main#content, body.fx-global) .animated_svg:hover,
:is(main#content, body.fx-global) .fx-float:hover{
  transform: translate3d(0,0,0) scale(1.005);
}
:is(main#content, body.fx-global) .fx-reveal-section,
:is(main#content, body.fx-global) .fx-reveal-item,
:is(main#content, body.fx-global) .fx-reveal-clip{
  --fx-reveal-dur: var(--fx-dur-m);
  --fx-reveal-delay: 0s;
  --fx-reveal-ty: 22px;
  --fx-reveal-scale: .992;
  --fx-reveal-blur: 8px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translate3d(0,var(--fx-reveal-ty),0) scale(var(--fx-reveal-scale));
  filter: blur(var(--fx-reveal-blur));
  will-change: transform, opacity, filter;
  transition:
    transform var(--fx-reveal-dur) var(--fx-ease-out),
    opacity var(--fx-reveal-dur) var(--fx-ease-out),
    filter var(--fx-reveal-dur) var(--fx-ease-out);
}
:is(main#content, body.fx-global) .fx-reveal-section{
  --fx-reveal-dur: .95s;
  --fx-reveal-ty: 26px;
  --fx-reveal-scale: .985;
  --fx-reveal-blur: 10px;
}
:is(main#content, body.fx-global) .fx-reveal-item{
  --fx-reveal-dur: .7s;
  --fx-reveal-ty: 14px;
  --fx-reveal-scale: .996;
  --fx-reveal-blur: 6px;
}
:is(main#content, body.fx-global) .fx-reveal-clip{
  --fx-reveal-dur: .9s;
  --fx-reveal-ty: 10px;
  --fx-reveal-scale: .995;
  --fx-reveal-blur: 4px;
  clip-path: inset(14% 0 14% 0 round 12px);
  transition:
    transform var(--fx-reveal-dur) var(--fx-ease-out),
    opacity var(--fx-reveal-dur) var(--fx-ease-out),
    filter var(--fx-reveal-dur) var(--fx-ease-out),
    clip-path var(--fx-reveal-dur) var(--fx-ease-smooth);
}
:is(main#content, body.fx-global) .fx-in{
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: none;
  filter: none;
}
:is(main#content, body.fx-global) .fx-reveal-clip.fx-in{ clip-path: inset(0 0 0 0 round 12px); }

:is(main#content, body.fx-global) .fx-reveal-item{
  transition-delay: calc(var(--fx-base-delay, 0s) + var(--fx-reveal-delay, 0s) + (var(--fx-stagger, .08s) * var(--fx-idx, 0)));
}
:is(main#content, body.fx-global) .fx-reveal-text{
  --fx-reveal-dur: .8s;
  --fx-reveal-ty: 14px;
  --fx-reveal-blur: 5px;
  overflow: visible;
  visibility: hidden;
}
:is(main#content, body.fx-global) .fx-reveal-text.fx-text-ready{ visibility: visible; }
:is(main#content, body.fx-global) .fx-text-seg{
  display: inline-block;
  transform: translate3d(0,100%,0);
  opacity: 0;
  filter: blur(6px);
  will-change: transform, opacity, filter;
  transition:
    transform var(--fx-reveal-dur) var(--fx-ease-out),
    opacity var(--fx-reveal-dur) var(--fx-ease-out),
    filter var(--fx-reveal-dur) var(--fx-ease-out);
  transition-delay: calc(var(--fx-base-delay, 0s) + var(--fx-reveal-delay, 0s) + (var(--fx-stagger, .08s) * var(--fx-idx, 0)));
}
:is(main#content, body.fx-global) .fx-reveal-text.fx-in .fx-text-seg{
  transform: translate3d(0,0,0);
  opacity: 1;
  filter: none;
}
:is(main#content, body.fx-global) .fx-zoom{ --fx-reveal-scale: .985; }
:is(main#content, body.fx-global) .fx-overshoot.fx-in{ transition-timing-function: var(--fx-ease-smooth); transform: none; }
:is(main#content, body.fx-global) .fx-3d{ transform-style: preserve-3d; }
:is(main#content, body.fx-global) .fx-will{ will-change: transform, opacity; }

@media (max-width: 480px){
  :is(main#content, body.fx-global) .fx-reveal-section,
  :is(main#content, body.fx-global) .fx-reveal-item{ --fx-reveal-blur: 5px; }
  :is(main#content, body.fx-global) .fx-reveal-clip{ --fx-reveal-blur: 3px; }
}