/* Homepage reveal behavior and motion only.
 * Component appearance belongs to mdp-design-system.css.
 * Layout belongs to landing.css; scene rendering belongs to production-polish.css. */

/* Reveal-panel state and entrance behavior. */
.mdp-reveal-panel,.mdp-reveal-panel-dark,.mdp-constat-panel{
  display:none;
  opacity:0;
  transform:translate3d(0,24px,0)
}
.mdp-reveal-panel.is-open,.mdp-reveal-panel-dark.is-open,.mdp-constat-panel.is-open{
  display:block;
  opacity:1;
  transform:translate3d(0,0,0)
}
.mdp-reveal-panel.is-from-left,.mdp-reveal-panel.is-from-right{transform-origin:center center}

/* Scroll/depth motion only. */
[data-depth]{transform:translate3d(var(--mdp-depth-x,0),var(--mdp-depth-y,0),0);will-change:transform}
.mdp-news-card,.mdp-action-card,.mdp-value{opacity:.001;transform:translate3d(0,42px,0);transition:opacity .65s ease,transform .8s cubic-bezier(.2,.8,.2,1)}
.mdp-news-card.is-in-view,.mdp-action-card.is-in-view,.mdp-value.is-in-view{opacity:1;transform:translate3d(var(--mdp-depth-x,0),var(--mdp-depth-y,0),0)}
.mdp-constat-card.is-peeking{transform:translateY(-5px)!important}

@media(max-width:767.98px){
  .mdp-reveal-panel,.mdp-reveal-panel-dark,.mdp-constat-panel{transform:translate3d(0,18px,0)}
}

@media(prefers-reduced-motion:reduce){
  .mdp-reveal-panel,[data-depth],.mdp-constat-card{transition:none!important;transform:none!important;animation:none!important}
  .mdp-news-card,.mdp-action-card,.mdp-value{opacity:1!important}
}