.brand-link {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: #070b27;
  text-decoration: none;
}

.brand-link:focus-visible {
  outline: 3px solid #6b5cff;
  outline-offset: 4px;
  border-radius: 14px;
}

.brand-icon {
  display: block;
  width: 48px;
  height: 48px;
  border-radius: 22%;
  background: #070b27;
  box-shadow: 0 10px 28px rgba(75, 222, 216, .18), 0 10px 34px rgba(171, 105, 237, .16);
}

.brand-wordmark {
  display: grid;
  gap: 2px;
  line-height: 1;
}

.brand-name {
  font-weight: 300;
  letter-spacing: .12em;
}

.brand-studio {
  color: #7b52a8;
  font-size: .68em;
  font-weight: 650;
  letter-spacing: .34em;
}

.home-brand {
  margin-bottom: 20px;
}

.home-brand .brand-icon {
  width: 72px;
  height: 72px;
  border-radius: 22%;
}

.home-brand .brand-name {
  font-size: 1.15rem;
}

@media (max-width: 560px) {
  .home-brand .brand-icon {
    width: 56px;
    height: 56px;
    border-radius: 22%;
  }
}