/* Use the existing brand symbol at a legible size with one clear wordmark. */
.header .brand{gap:12px;flex-shrink:0}
.header .brand img{width:58px;height:58px;border-radius:0;object-fit:contain;flex-shrink:0}
.header .brand-word{font-size:21px;letter-spacing:.035em;font-weight:800;color:var(--navy)}
.header .brand-accent{color:var(--red);font-weight:800}
.header .brand-word>span{font-size:10px;letter-spacing:.045em;margin-top:6px;color:#42566b}
@media(min-width:1200px){
 .header .nav{min-height:96px;display:grid;grid-template-columns:auto 1fr auto;gap:28px}
 .header .brand img{width:64px;height:64px}
 .header .brand-word{font-size:25px}
 .header .brand-word>span{font-size:11px}
 .header .navlinks{justify-content:center;gap:22px;font-size:15px}
 .header .navlinks a{min-height:44px}
 .header .btn-small{font-size:15px;padding:11px 19px}
 .header .lang{min-height:48px;min-width:48px}
}
@media(min-width:961px) and (max-width:1199px){.header .brand img{width:50px;height:50px}.header .brand-word{font-size:18px}.header .brand-word>span{font-size:9px}.header .brand{gap:8px}}
@media(max-width:960px){.header .brand img{width:52px;height:52px}.header .brand-word{font-size:20px}}
@media(max-width:560px){.header .brand{gap:9px}.header .brand img{width:46px;height:46px}.header .brand-word{font-size:18px}.header .brand-word>span{font-size:9px;letter-spacing:.015em;margin-top:4px}}
@media(max-width:360px){.header .brand img{width:42px;height:42px}.header .brand-word{font-size:16px}.header .brand-word>span{font-size:8px}}