/*
  Browser compatibility safety net.
  Content stays visible by default so a parsing or loading failure in an
  enhancement script cannot leave Brave Harbor sections blank. Once the reveal
  controller marks an element as ready, the normal reveal motion may run.
*/
.reveal {
  opacity: 1 !important;
  transform: none !important;
  visibility: visible !important;
}

.reveal[data-bh-reveal-ready="true"]:not(.is-visible) {
  opacity: 0 !important;
  transform: translateY(22px) !important;
}

.reveal[data-bh-reveal-ready="true"].is-visible {
  opacity: 1 !important;
  transform: none !important;
}

@media (prefers-reduced-motion: reduce) {
  .reveal,
  .reveal[data-bh-reveal-ready="true"]:not(.is-visible),
  .reveal[data-bh-reveal-ready="true"].is-visible {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
    visibility: visible !important;
  }
}