/* Archilles - Marke.
   Spec: docs/superpowers/specs/2026-07-14-corporate-identity-bildmarke-design.md

   Die Bildmarke ist monochrom: Gold auf dunklem Grund, Tinte auf hellem.
   Eingefaerbt wird per Maske, nicht per <img> - deshalb kein Rahmen, keine
   Bitmap, und die Datei liegt nur einmal vor statt in zehn Seiten inline. */

:root { --mark: var(--accent); }            /* Dark Mode: Gold  #d6a355 */
html.theme-light { --mark: var(--text); }   /* Light Mode: Tinte #1b1815 */

.mark-shape {
  display: block;
  background-color: var(--mark);
  -webkit-mask: url(archilles-mark.svg) center / contain no-repeat;
  mask: url(archilles-mark.svg) center / contain no-repeat;
}

/* Unter 40px traegt der Master nicht mehr: Spalt und Visierschlitz laufen zu. */
.mark-shape.is-small {
  -webkit-mask-image: url(archilles-mark-small.svg);
  mask-image: url(archilles-mark-small.svg);
}

/* Lockup: Symbol 44, Schrift 23, Sperrung .10em, Abstand 18 */
.brand-lockup { display: flex; align-items: center; gap: 18px; }
.nav-mark { width: 44px; height: 44px; }
.nav-word {
  font-family: 'Courier Prime', monospace;
  font-weight: 700;
  font-size: 23px;
  letter-spacing: .10em;
  color: var(--text);
}

/* Footer */
.foot-brand .mark { display: flex; align-items: center; gap: 16px; margin-bottom: 22px; }
.foot-brand .mark-img { width: 40px; height: 40px; }
.foot-brand .mark-name {
  font-family: 'Courier Prime', monospace;
  font-weight: 700;
  font-size: 21px;
  letter-spacing: .10em;
  color: var(--text);
}

/* Emblem-Strip auf der Startseite - freistehend, ohne Kachel */
.emblem-strip .mark { width: 88px; height: 88px; }

@media (max-width: 640px) {
  .nav-mark { width: 36px; height: 36px; }
  .nav-word { font-size: 19px; }
  .brand-lockup { gap: 14px; }
}