/* Visuals and Solutions — wordmark lockup (logo + full name, not VIS·SOL alone) */
.brand.brand--wordmark{
  display:inline-flex;
  align-items:center;
  gap:.65rem;
  text-decoration:none;
  color:inherit;
  min-width:0;
}
.brand.brand--wordmark .brand-mark{
  flex:0 0 auto;
  width:40px;
  height:40px;
  object-fit:contain;
  display:block;
}
.header .brand.brand--wordmark .brand-mark,
.nav .brand.brand--wordmark .brand-mark{ width:36px; height:36px; }
.brand.brand--wordmark .brand-lockup{
  display:flex;
  flex-direction:column;
  min-width:0;
  line-height:1.05;
}
.brand.brand--wordmark .brand-name{
  font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  font-weight:700;
  font-size:clamp(.72rem,2.1vw,.95rem);
  letter-spacing:.04em;
  text-transform:uppercase;
  color:#eef7ff;
  white-space:nowrap;
}
.brand.brand--wordmark .brand-name em{
  font-style:normal;
  font-weight:600;
  color:#3ecbff;
  padding:0 .15em;
  text-transform:lowercase;
  letter-spacing:.02em;
}
/* mobile: keep mark + shortened space */
@media (max-width:420px){
  .brand.brand--wordmark .brand-name{ font-size:.62rem; letter-spacing:.02em; }
  .header-cta{ display:none; } /* optional if crowded — remove if CTA must stay */
}
.footer .brand.brand--wordmark .brand-name{ font-size:.85rem; }
.footer .brand.brand--wordmark .brand-mark{ width:40px; height:40px; }