/* Forge Apps — light motion: soft fade-ins, the hero logo intro and background embers. Normal page scrolling. */

#embers{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.7}
.site-header,main,.site-footer{position:relative;z-index:1}

/* gentle fade-in as things come into view */
[data-reveal]{opacity:0;transform:translateY(14px);transition:opacity .7s cubic-bezier(.2,.8,.2,1),transform .7s cubic-bezier(.2,.8,.2,1);transition-delay:var(--d,0s)}
[data-reveal].in{opacity:1;transform:none}

/* hero logo intro */
#heroFx{position:absolute;inset:0;pointer-events:none;z-index:2}
.hero-mark{overflow:visible}
.hero-mark *{transform-box:fill-box}
#hBlob,#hTile,#hCells > *{transform-origin:50% 100%}
#hHammer{transform-box:view-box;transform-origin:77px 13px}
#hRing{transform-origin:center}

@media (prefers-reduced-motion:reduce){
  [data-reveal]{opacity:1!important;transform:none!important;transition:none!important}
  #embers{display:none}
}