.brand__card{
  padding: 22px;
  border-radius: var(--r2);
  background: rgba(255,255,255,.56);
  box-shadow: var(--shadow);
}

.brand__row{
  display:flex;
  gap: 14px;
  align-items:center;
}

.brand__logoLink{
  position: relative;
  display:inline-grid;
  place-items:center;
  width: 80px;
  height: 76px;
  border-radius: 22px;
  text-decoration:none;
  -webkit-tap-highlight-color: transparent;
}

.brand__logoLink::before{
  content:"";
  position:absolute;
  inset:-6px;
  border-radius: 26px;
  background: conic-gradient(from 0deg,
    rgba(255,122,24,.55),
    rgba(124,92,255,.45),
    rgba(255,182,72,.55),
    rgba(255,122,24,.55));
  filter: blur(10px);
  opacity: .55;
  animation: brandGlow 4.2s linear infinite;
}

.brand__logoLink::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius: 22px;
  background: rgba(255,255,255,.72);
}

.brand__logo{
  position: relative;
  z-index: 1;
  width: 64px;
  height: 64px;
  border-radius: 18px;
}

@keyframes brandGlow{
  to{ transform: rotate(360deg); }
}

@media (hover:hover) and (pointer:fine){
  .brand__logoLink:hover{ transform: translateY(-1px) scale(1.02); }
  .brand__logoLink:hover::before{ animation-play-state: paused; opacity: .72; }
}

.brand__title{
  margin:0;
  font-size: clamp(28px, 3vw, 42px);
  letter-spacing: -0.03em;
  font-weight: 920;
}

.brand__title .muted{
  font-size: .56em;
  font-weight: 760;
  letter-spacing: -0.01em;
}

.brand__tagline{
  margin: 4px 0 0;
  color: rgba(15,20,35,.62);
  font-weight: 760;
}

.brand__desc{
  margin: 14px 0 0;
  color: rgba(15,20,35,.72);
  font-weight: 650;
  max-width: 72ch;
}

@media (max-width: 720px){
  .brand__card{ padding: 18px; }
  .brand__logoLink{ width: 70px; height: 70px; border-radius: 20px; }
  .brand__logoLink::after{ border-radius: 20px; }
  .brand__logo{ width: 60px; height: 60px; border-radius: 16px; }
}