/* Local V17 — compact header subtitle only.
   The base header background, logo and language selector remain unchanged. */

.brand-with-subtitle {
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

.brand-minimal.brand-with-subtitle h1 {
  display: block;
  margin: 0;
  color: #fff;
  font-size: clamp(1.7rem, 3.1vw, 2.35rem);
  font-weight: 850;
  line-height: 1.02;
  letter-spacing: -.035em;
  white-space: nowrap;
}

.brand-subtitle {
  margin: .32rem 0 0;
  max-width: 38rem;
  color: rgba(255,255,255,.84);
  font-size: clamp(.78rem, 1.25vw, 1rem);
  font-weight: 450;
  line-height: 1.25;
}

@media (max-width: 900px) {
  .brand-minimal.brand-with-subtitle h1 {
    font-size: clamp(1.55rem, 4.2vw, 2rem);
  }

  .brand-subtitle {
    max-width: 29rem;
    font-size: clamp(.74rem, 1.8vw, .9rem);
  }
}

@media (max-width: 720px) {
  .app-header {
    gap: .7rem;
  }

  .brand-wrap {
    width: 100%;
    gap: .72rem;
  }

  .brand-minimal.brand-with-subtitle h1 {
    font-size: clamp(1.35rem, 6.3vw, 1.7rem);
  }

  .brand-subtitle {
    max-width: 100%;
    font-size: clamp(.7rem, 3.15vw, .82rem);
    line-height: 1.22;
    text-wrap: balance;
  }
}

@media (max-width: 420px) {
  .brand-wrap {
    align-items: flex-start;
  }

  .brand-logo {
    width: 58px;
    height: 58px;
  }

  .brand-minimal.brand-with-subtitle h1 {
    font-size: 1.28rem;
  }

  .brand-subtitle {
    font-size: .69rem;
  }
}