/* ═══════════════════════════════════════════════════════════════════════
   FORJE MARK — hero logo (slow spin) + nav brand
   ═══════════════════════════════════════════════════════════════════════ */

/* Nav brand mark — pure wordmark, coherent with hero typography */
.brand-mark {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: 'DM Sans', system-ui, sans-serif;
  letter-spacing: -0.02em;
  line-height: 1;
}
.brand-mark-img {
  width: 26px;
  height: 26px;
  object-fit: contain;
  flex-shrink: 0;
}
.brand-wordmark {
  font-size: 20px;
  font-weight: 700;
  color: var(--fg, #EEF4FF);
  letter-spacing: -0.035em;
}
.brand-suffix {
  font-size: 15px;
  font-weight: 400;
  color: rgba(150, 190, 255, 0.55);
  letter-spacing: -0.01em;
}

/* ─── Hero mark: static, no animation ─── */
.forge-mark-wrap {
  position: relative;
  width: 520px;
  display: grid; place-items: center;
}

.forge-assembly {
  position: relative;
  width: 540px;
  height: calc(540px * 768 / 1344);
  display: grid; place-items: center;
  filter:
    drop-shadow(0 24px 60px rgba(60,100,255,0.45))
    drop-shadow(0 0 80px rgba(100,130,255,0.28));
}

.forge-mark-spin {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 20px;
  user-select: none; -webkit-user-drag: none;
}

/* Hide legacy animated bits */
.forge-obj, .forge-mark-strike, .strike-flash, .particles, .spark,
.forge-hammer-img, .forge-anvil-img { display: none !important; }