/* Homepage entrance only. The real logo stays intact; its flame is isolated
   from the same photograph so it can move independently of the silver mark. */
.forge-loader{display:none;position:fixed;inset:0;z-index:1100;place-items:center;background:#080909;pointer-events:none;contain:paint}
.forge-loader.is-loading{display:grid;animation:forge-loader-exit 2.2s ease both}
.forge-loader-mark{width:min(290px,68vw);text-align:center}
.forge-loader-emblem{display:block;width:86%;height:auto;margin:0 auto 28px;overflow:visible;mix-blend-mode:lighten}
.forge-loader-wordmark{display:block;width:100%;height:auto;mix-blend-mode:screen}
.forge-loader-caption{display:block;margin-top:24px;color:#889299;font:500 9px/1.5 var(--body,sans-serif);letter-spacing:.27em;text-transform:uppercase}
.forge-loader-flame{transform-origin:647px 645px;animation:forge-flame-flicker .62s ease-in-out infinite alternate}
.forge-loader-ember{fill:#ff792b;opacity:0;animation:forge-ember-rise 1.05s ease-out infinite;filter:drop-shadow(0 0 4px #ff580a)}
.forge-loader-ember:nth-of-type(2){animation-delay:.32s}
.forge-loader-ember:nth-of-type(3){animation-delay:.65s}
@keyframes forge-loader-exit{0%,82%{opacity:1;visibility:visible}100%{opacity:0;visibility:hidden}}
@keyframes forge-flame-flicker{0%{transform:rotate(-1.8deg) skewX(-1deg) scaleY(.98);filter:brightness(1)}35%{transform:rotate(.8deg) skewX(1.2deg) scaleY(1.025);filter:brightness(1.15)}70%{transform:rotate(-.6deg) skewX(-.4deg) scaleY(1.01);filter:brightness(1.04)}100%{transform:rotate(1.4deg) skewX(.8deg) scaleY(1.05);filter:brightness(1.22)}}
@keyframes forge-ember-rise{0%{opacity:0;transform:translate(0,10px) scale(.8)}18%{opacity:.85}100%{opacity:0;transform:translate(12px,-64px) scale(.25)}}
/* Keep the static logo for visitors who have already requested less motion. */
@media(prefers-reduced-motion:reduce){.forge-loader-flame,.forge-loader-ember{animation:none}.forge-loader.is-loading{animation-duration:.3s}}