/* Dofoyena Chambers: subtle scroll reveals and statue / brand-card parallax. */
@media (prefers-reduced-motion: no-preference) {
  .dc-motion-enabled .dc-reveal {
    opacity: 0;
    transform: translate3d(0, 19px, 0);
    transition:
      opacity 650ms cubic-bezier(.22,1,.36,1),
      transform 650ms cubic-bezier(.22,1,.36,1);
    transition-delay: var(--dc-delay, 0ms);
  }
  .dc-motion-enabled .dc-reveal.dc-is-visible {
    opacity: 1;
    transform: translate3d(0,0,0);
  }
  /* The hero should load gracefully without obscuring its content. */
  .dc-motion-enabled .hero h1 {
    animation: dc-arrive 740ms cubic-bezier(.22,1,.36,1) both;
  }
  .dc-motion-enabled .hero .lead {
    animation: dc-arrive 760ms cubic-bezier(.22,1,.36,1) 95ms both;
  }
  .dc-motion-enabled .hero .hero-actions {
    animation: dc-arrive 760ms cubic-bezier(.22,1,.36,1) 170ms both;
  }
  @keyframes dc-arrive {
    from { opacity:0; transform: translate3d(0,16px,0); }
    to { opacity:1; transform: translate3d(0,0,0); }
  }
  @media (min-width: 900px) and (pointer: fine) {
    .hero-frame img {
      transform: translate3d(0,var(--dc-parallax,0px),0);
      will-change: auto;
    }
    .choose-us-logo {overflow: hidden;}
    .choose-us-logo img {
      transform: translate3d(0,var(--dc-parallax,0px),0) scale(1.025);
    }
    .service, .lawyer {
      transition: transform 260ms ease, box-shadow 260ms ease;
    }
    .service:hover, .lawyer:hover {
      transform: translate3d(0,-4px,0);
    }
    .lawyer img {transition: filter 360ms ease;}
    .lawyer:hover img {filter: contrast(1.03);}
    .footer-gallery img {transition: filter 300ms ease;}
    .footer-gallery img:hover {filter: brightness(1.1);}
  }
}
@media (prefers-reduced-motion: reduce) {
  .dc-reveal, .dc-reveal.dc-is-visible,
  .hero h1, .hero .lead, .hero .hero-actions,
  .hero-frame img, .choose-us-logo img {
    animation: none !important;
    transition: none !important;
    transform: none !important;
    opacity: 1 !important;
  }
}
