:root{
  --jaxtri-brand-green:#13d6b3;
  --jaxtri-brand-cyan:#18c9e8;
  --jaxtri-brand-blue:#0ea5e9;
}

.brand,
.side-brand{
  display:inline-flex;
  align-items:center;
  gap:10px;
}

.brand .jaxtri-brand-logo,
.jaxtri-brand-logo{
  width:38px;
  height:38px;
  object-fit:contain;
  flex:0 0 auto;
  filter:drop-shadow(0 10px 18px rgba(14,165,233,.16));
}

.header .brand .jaxtri-brand-logo{
  width:34px;
  height:34px;
}

.side-brand .jaxtri-side-logo,
.jaxtri-side-logo{
  width:44px;
  height:44px;
  object-fit:contain;
  border-radius:14px;
  background:rgba(255,255,255,.78);
  box-shadow:0 12px 26px rgba(14,165,233,.16);
}

.side-brand .side-mark{
  display:none !important;
}

.logo-hero-wrap{
  display:flex;
  align-items:center;
  gap:14px;
  margin-bottom:18px;
}

.logo-hero{
  width:88px;
  height:88px;
  object-fit:contain;
  filter:drop-shadow(0 18px 28px rgba(14,165,233,.20));
}

.public-logo-card{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:110px;
  height:110px;
  border-radius:28px;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(24,201,232,.22);
  box-shadow:0 24px 60px rgba(14,165,233,.12);
  margin-bottom:18px;
}

.public-logo-card img{
  width:96px;
  height:96px;
  object-fit:contain;
}

@media(max-width:680px){
  .brand .jaxtri-brand-logo{width:30px;height:30px}
  .logo-hero{width:70px;height:70px}
  .public-logo-card{width:92px;height:92px;border-radius:24px}
  .public-logo-card img{width:80px;height:80px}
}