:root {
      --logo-color: #1a3a8f; /* глубокий синий из логотипа */
    }

    .logo {
      margin: 0;
      padding: 0;
      font-family: Arial, Helvetica, sans-serif;
      line-height: 1;
    }

    .logo a {
      display: flex;
      align-items: center;
      gap: 0.3em;
      text-decoration: none;
      color: var(--logo-color);
    }

    .logo__number {
      font-size: 1.6em;
      font-weight: 700;
      letter-spacing: -0em;
      line-height: 0.9;
      flex-shrink: 0;
    }

    .logo__text {
      display: flex;
      flex-direction: column;
      justify-content: center;
      font-size: 0.39em;
      font-weight: 700;
      line-height: 1.0;
    }

    .logo__text span {
      display: block;
      white-space: nowrap;
    }

    /* ===== Адаптив ===== */
    
        @media (max-width: 1200px) {
      .logo a {
        gap: 0.15em;
      }

      .logo__number {
        font-size: 1.4em;
      }

      .logo__text {
        font-size: 0.35em;
      }
    }
    
    @media (max-width: 640px) {
      .logo a {
        gap: 0.45em;
      }

      .logo__number {
        font-size: 3.2em;
      }

      .logo__text {
        display: none;
        font-size: 0.38em;
      }
    }

    @media (max-width: 480px) {
      .logo a {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.25em;
      }

      .logo__number {
        font-size: 2.8em;
      }

      .logo__text {
        font-size: 0.95em;
      }

      .logo__text span {
        white-space: normal;
      }
    }

    @media (max-width: 360px) {
      .logo__number {
        font-size: 2.4em;
      }

      .logo__text {
        font-size: 0.85em;
      }
    }