/* ============================================================
   MARGENCY DRIVE – zentrales Marken-Logo
   EINZIGE Wahrheitsquelle für alle öffentlichen Seiten
   (Start, Login, Registrieren, Rechtstexte, Kontakt, Danke …).

   Markup überall IDENTISCH:
     <span class="brand"><span class="m">MARGENCY</span><span class="spd"></span><span class="d">DRIVE</span></span>

   Die äußere Größe bleibt seitenspezifisch (.logo-Layout bzw.
   .logo .brand{font-size:…}). Alles Marken-Innere (Striche, das
   kursiv-schräge DRIVE, Farben) kommt AUSSCHLIESSLICH von hier –
   so kann keine Abweichung zwischen den Seiten mehr entstehen.

   Anti-Clip: das kursive, um -12° geneigte „DRIVE" ragt konstruktions-
   bedingt nach rechts über. padding-right am .brand reserviert dafür
   Platz; .logo/.brand dürfen es nie abschneiden.
   ============================================================ */
.brand{display:inline-flex;align-items:center;white-space:nowrap;overflow:visible;
  padding-right:.2em;font-family:'Space Grotesk','Inter',sans-serif;letter-spacing:.02em}
.brand .m{color:#fff;font-weight:700;font-style:normal}
.brand .spd{position:relative;display:inline-block;flex:none;width:.92em;height:.7em;margin:0 .1em 0 .22em;vertical-align:middle}
.brand .spd::before,.brand .spd::after{content:"";position:absolute;right:0;height:2px;border-radius:2px;
  background:linear-gradient(270deg,var(--accent,#C99A55),rgba(201,154,85,0));transform:skewX(-12deg)}
.brand .spd::before{top:32%;width:.92em}
.brand .spd::after{top:60%;width:.56em}
.brand .d{color:var(--accent,#C99A55);font-weight:700;font-style:italic;font-size:1.1em;transform:skewX(-12deg);display:inline-block}
/* Logo-Container schneiden das überstehende DRIVE nie ab */
.logo{overflow:visible}