/* The symbol and the owner's Thuluth wordmark form one accessible brand.
   A new filename avoids Cloudflare's cached stylesheet and image responses. */
.brand.brand--thuluth {
  flex-direction: column;
  justify-content: center;
  gap: 3px;
  flex: none;
}
.brand.brand--thuluth .brand__symbol { width: 30px; height: 30px; }
.brand.brand--thuluth .brand__wordmark {
  display: block;
  width: 120px;
  height: 31px;
  background: currentColor;
  -webkit-mask: url('../website/img/wordmark-v3.png') center / contain no-repeat;
  mask: url('../website/img/wordmark-v3.png') center / contain no-repeat;
}
.brand.brand--thuluth:hover .brand__symbol { transform: scale(1.06); }
.footer .brand.brand--thuluth { gap: 10px; }
.footer .brand.brand--thuluth .brand__symbol { width: 60px; height: 60px; }
.footer .brand.brand--thuluth .brand__wordmark { width: 200px; height: 52px; }
.go__brand.brand__wordmark {
  width: 220px;
  height: 57px;
  background: currentColor;
  -webkit-mask: url('../website/img/wordmark-v3.png') center / contain no-repeat;
  mask: url('../website/img/wordmark-v3.png') center / contain no-repeat;
}
@media (max-width: 380px) {
  .brand.brand--thuluth .brand__wordmark { width: 100px; height: 26px; }
}