/* Page-scoped opt-in text reveal. Attributes live on Atelier's Webflow elements. */
[data-fade-group] [data-fade] {
  opacity: 0;
  transform: translateY(var(--fade-distance, 20px));
  transition:
    opacity var(--fade-duration, 1s) var(--fade-ease, cubic-bezier(.33, 1, .68, 1)),
    transform var(--fade-duration, 1s) var(--fade-ease, cubic-bezier(.33, 1, .68, 1));
}

[data-fade-group] [data-fade].is-in {
  opacity: 1;
  transform: none;
  transition-delay: calc(var(--fade-index, 0) * var(--fade-stagger, 55ms));
}

/* Match the Atelier hero eyebrow's 200ms linear fade. */
.top_bar_section:not(.work-overlay__header) .top_bar_left_layout,
.top_bar_section:not(.work-overlay__header) .top_bar_center {
  opacity: 0;
}

.top_bar_section.is-atelier-header-in:not(.work-overlay__header) .top_bar_left_layout,
.top_bar_section.is-atelier-header-in:not(.work-overlay__header) .top_bar_center {
  opacity: 1;
  animation: masked-reveal-fade 200ms linear both;
}

@media (prefers-reduced-motion: reduce) {
  [data-fade-group] [data-fade] {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
    visibility: visible !important;
  }

  .top_bar_section .top_bar_left_layout,
  .top_bar_section .top_bar_center {
    opacity: 1 !important;
    animation: none !important;
  }
}