/* GENERATED by @expedia/creytix-motion — do not hand-edit.
 * brand: creytix · pace: 0.9 · character: crisp · intensity: 0.5
 * Compositor-first: scroll-driven + linear()-compiled springs, reduced-motion safe. */
@keyframes cx-reduced-fade { from { opacity: 0; } to { opacity: 1; } }

@keyframes cx-appear-fade-up {
  from { opacity: 0; transform: translate3d(0px, 20px, 0); }
  to { opacity: 1; }
}
.brand-creytix [data-cx-motion="appear-fade-up"] { animation: cx-appear-fade-up 0.529s linear(0, 0.021, 0.072, 0.141, 0.219, 0.3, 0.38, 0.456, 0.526, 0.59, 0.648, 0.699, 0.744, 0.783, 0.817, 0.846, 0.871, 0.892, 0.91, 0.925, 0.938, 0.949, 0.958, 0.965, 0.971, 0.976, 0.981, 0.984, 0.987, 0.99, 0.991, 0.993, 0.994, 0.995, 0.996, 0.997, 0.998, 0.998, 0.998, 0.999, 1) both; will-change: transform, opacity; }
@supports (animation-timeline: view()) {
  .brand-creytix [data-cx-motion="appear-fade-up"] { animation-timeline: view(); animation-range: entry 0% cover 40%; }
}
@media (prefers-reduced-motion: reduce) {
  .brand-creytix [data-cx-motion="appear-fade-up"] { animation: cx-reduced-fade 0.3s ease-out both; }
}

@keyframes cx-appear-stagger-cards {
  from { opacity: 0; transform: translate3d(0px, 13.333px, 0); }
  to { opacity: 1; }
}
.brand-creytix [data-cx-motion="appear-stagger-cards"] { animation: cx-appear-stagger-cards 0.487s linear(0, 0.021, 0.072, 0.141, 0.219, 0.301, 0.38, 0.456, 0.527, 0.591, 0.649, 0.7, 0.744, 0.784, 0.817, 0.846, 0.871, 0.892, 0.91, 0.926, 0.938, 0.949, 0.958, 0.965, 0.972, 0.977, 0.981, 0.984, 0.987, 0.99, 0.992, 0.993, 0.994, 0.996, 0.996, 0.997, 0.998, 0.998, 0.998, 0.999, 1) both; will-change: transform, opacity; }
@supports (animation-timeline: view()) {
  .brand-creytix [data-cx-motion="appear-stagger-cards"] { animation-timeline: view(); animation-range: entry 0% cover 40%; }
}
.brand-creytix [data-cx-motion="appear-stagger-cards"] > * { animation: cx-appear-stagger-cards 0.487s linear(0, 0.021, 0.072, 0.141, 0.219, 0.301, 0.38, 0.456, 0.527, 0.591, 0.649, 0.7, 0.744, 0.784, 0.817, 0.846, 0.871, 0.892, 0.91, 0.926, 0.938, 0.949, 0.958, 0.965, 0.972, 0.977, 0.981, 0.984, 0.987, 0.99, 0.992, 0.993, 0.994, 0.996, 0.996, 0.997, 0.998, 0.998, 0.998, 0.999, 1) both; }
.brand-creytix [data-cx-motion="appear-stagger-cards"] > *:nth-child(1) { animation-delay: 0.072s; }
.brand-creytix [data-cx-motion="appear-stagger-cards"] > *:nth-child(2) { animation-delay: 0.144s; }
.brand-creytix [data-cx-motion="appear-stagger-cards"] > *:nth-child(3) { animation-delay: 0.216s; }
.brand-creytix [data-cx-motion="appear-stagger-cards"] > *:nth-child(4) { animation-delay: 0.288s; }
.brand-creytix [data-cx-motion="appear-stagger-cards"] > *:nth-child(5) { animation-delay: 0.36s; }
.brand-creytix [data-cx-motion="appear-stagger-cards"] > *:nth-child(6) { animation-delay: 0.432s; }
.brand-creytix [data-cx-motion="appear-stagger-cards"] > *:nth-child(7) { animation-delay: 0.504s; }
.brand-creytix [data-cx-motion="appear-stagger-cards"] > *:nth-child(8) { animation-delay: 0.576s; }
@media (prefers-reduced-motion: reduce) {
  .brand-creytix [data-cx-motion="appear-stagger-cards"] { animation: cx-reduced-fade 0.3s ease-out both; }
}

@keyframes cx-scroll-parallax-layer {
  from { opacity: 1; }
  to { transform: translate3d(0px, -66.667px, 0); }
}
@supports (animation-timeline: view()) {
  .brand-creytix [data-cx-motion="scroll-parallax-layer"] { animation: cx-scroll-parallax-layer auto linear both; animation-timeline: view(); animation-range: entry 0% cover 100%; will-change: transform, opacity; }
}
@media (prefers-reduced-motion: reduce) {
  .brand-creytix [data-cx-motion="scroll-parallax-layer"] { animation: none !important; transform: none !important; filter: none !important; opacity: 1 !important; }
}

@keyframes cx-scroll-scale-reveal {
  from { opacity: 0.6; transform: scale(0.933); }
  to { opacity: 1; }
}
@supports (animation-timeline: view()) {
  .brand-creytix [data-cx-motion="scroll-scale-reveal"] { animation: cx-scroll-scale-reveal auto linear both; animation-timeline: view(); animation-range: entry 10% cover 50%; will-change: transform, opacity; }
}
@media (prefers-reduced-motion: reduce) {
  .brand-creytix [data-cx-motion="scroll-scale-reveal"] { animation: none !important; transform: none !important; filter: none !important; opacity: 1 !important; }
}

.brand-creytix [data-cx-motion="interaction-hover-lift"] { transition: transform 0.392s linear(0, 0.021, 0.072, 0.14, 0.218, 0.299, 0.379, 0.455, 0.525, 0.589, 0.647, 0.698, 0.743, 0.782, 0.816, 0.845, 0.87, 0.891, 0.909, 0.925, 0.937, 0.948, 0.957, 0.965, 0.971, 0.976, 0.981, 0.984, 0.987, 0.989, 0.991, 0.993, 0.994, 0.995, 0.996, 0.997, 0.998, 0.998, 0.998, 0.999, 1), filter 0.392s linear(0, 0.021, 0.072, 0.14, 0.218, 0.299, 0.379, 0.455, 0.525, 0.589, 0.647, 0.698, 0.743, 0.782, 0.816, 0.845, 0.87, 0.891, 0.909, 0.925, 0.937, 0.948, 0.957, 0.965, 0.971, 0.976, 0.981, 0.984, 0.987, 0.989, 0.991, 0.993, 0.994, 0.995, 0.996, 0.997, 0.998, 0.998, 0.998, 0.999, 1); will-change: transform; }
.brand-creytix [data-cx-motion="interaction-hover-lift"]:hover { transform: translate3d(0px, -3.333px, 0) scale(1.017); }
@media (prefers-reduced-motion: reduce) {
  .brand-creytix [data-cx-motion="interaction-hover-lift"] { animation: none !important; transform: none !important; filter: none !important; opacity: 1 !important; }
}

@keyframes cx-entrance-blur-in {
  from { opacity: 0; filter: blur(10px); }
  to { opacity: 1; }
}
.brand-creytix [data-cx-motion="entrance-blur-in"] { animation: cx-entrance-blur-in 0.54s ease-out both; will-change: transform, opacity; }
@media (prefers-reduced-motion: reduce) {
  .brand-creytix [data-cx-motion="entrance-blur-in"] { animation: cx-reduced-fade 0.3s ease-out both; }
}