/* Marca completa, legible y estable en escritorio y móvil. */
.brand .brand-copy{display:block;max-width:238px;min-width:0}
.brand .brand-name{display:block;font-size:.9rem;line-height:1.4;font-weight:800;letter-spacing:.01em}
.brand .brand-copy small{font-size:.625rem;line-height:1.5;letter-spacing:.1em}
.brand img{flex-shrink:0}
.topline{gap:8px 24px;align-items:center;flex-wrap:wrap;font-size:.75rem;line-height:1.5;letter-spacing:.06em}
.topline>span{margin-left:auto}
@media(min-width:901px) and (max-width:1120px){
  .header{gap:16px;padding-inline:22px}
  .header .brand{gap:10px}
  .header .brand-copy{max-width:200px}
  .header nav{gap:14px;font-size:.85rem}
}
@media(max-width:900px){
  .header .brand-copy{max-width:235px}
}
@media(max-width:650px){
  .topline{font-size:.75rem;letter-spacing:.03em;padding:9px 18px}
  .header{gap:10px;padding:12px 16px}
  .header .brand{gap:9px;flex:1;min-width:0}
  .header .brand-copy{max-width:205px}
  .header .brand-name{font-size:.875rem;line-height:1.3}
  .header .brand-copy small{font-size:.625rem;letter-spacing:.06em}
  .header .brand img{width:48px;height:48px}
  .header .menu-toggle{flex-shrink:0;padding:8px 12px}
  .footer-grid .brand-copy{max-width:230px}
}
@media(max-width:370px){
  .header .brand img{width:42px;height:42px}
  .header .brand-copy{max-width:174px}
  .header .brand-copy small{max-width:145px}
}