header .logo{
  gap:8px !important;
  align-items:center !important;
  white-space:nowrap !important;
  flex-wrap:nowrap !important;
}

/* keep icon hidden if the layout prefers text-only; remove/display if you want the icon shown */
header .logo-ic{
  display:none !important;
}

/* put name and tag on same row and center-aligned */
header .logo > div:last-child{
  display:flex !important;
  flex-direction:row !important;
  justify-content:flex-start !important;
  align-items:center !important;
  gap:10px !important;
  min-width:0;
}

/* Main brand — larger and decorative gradient text */
header .logo-nm{
  line-height:1.05 !important;
  font-weight:800 !important;
  font-size:clamp(1.05rem,3.2vw,1.45rem) !important;
  display:inline-block !important;
  background:linear-gradient(90deg,#37620a 0%,#1e6091 55%,#e8a020 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
}

/* ARN / EUIN — same size as brand name, bold and accent colored, kept inline */
header .logo-tg{
  display:inline-block !important;
  margin:0 !important;
  font-size:clamp(1.05rem,3.2vw,1.45rem) !important;
  font-weight:700 !important;
  line-height:1 !important;
  letter-spacing:.2px !important;
  color:rgba(232,160,32,1) !important;
  text-transform:none !important;
  white-space:nowrap !important;
}

@media (max-width: 768px){
  header .logo{
    gap:8px !important;
  }

  header .logo-nm{
    font-size:clamp(1rem,3.6vw,1.2rem) !important;
  }

  header .logo-tg{
    font-size:clamp(1rem,3.6vw,1.2rem) !important;
  }
}

@media (max-width: 480px){
  header .logo{
    gap:6px !important;
  }

  header .logo-nm{
    font-size:clamp(.98rem,4vw,1.05rem) !important;
  }

  header .logo-tg{
    font-size:clamp(.98rem,4vw,1.05rem) !important;
  }
}