html { scroll-behavior: smooth; }

.brand{ display:inline-flex; align-items:center; gap:12px; text-decoration:none; min-width:0; }
.brand-logo{ height:36px; width:auto; display:block; }
.brand-name{ overflow-wrap:anywhere; hyphens:auto; }

@media (max-width:640px){
  .brand-logo{ height:28px; }
}

/* Logo über der H1 in der Hero – (Belassen, falls genutzt) */
.section--hero .hero-copy .logo-img{
  display:block;
  height: clamp(56px, 9vw, 96px);
  width:auto; max-width: min(70%, 400px);
  margin: 0 0 .75rem;
  filter: drop-shadow(0 8px 24px rgba(0,0,0,.18)) drop-shadow(0 1px 0 rgba(0,0,0,.06));
  image-rendering: auto;
}
@media (max-width:520px){
  .section--hero .hero-copy .logo-img{ height: clamp(44px, 12vw, 72px); margin-bottom:.6rem; }
}
.section--hero .hero-copy .title{ margin-top:.15rem; }