.brand .brand-wordmark {
  display: block;
  width: var(--wordmark-desktop, clamp(10rem, 17vw, 13rem));
  max-width: 100%;
  height: auto;
}

.ring-bells .brand .brand-wordmark {
  width: clamp(12.5rem, 20vw, 16rem);
}

:is(.foot, .footer) .brand .brand-wordmark {
  width: var(--wordmark-footer, 10rem);
}

.ring-bells .foot .brand .brand-wordmark {
  width: 12.5rem;
}

.shared-formats { --wordmark-desktop:224px; --wordmark-phone:192px; --wordmark-narrow:155px; --wordmark-footer:176px; }
.candy-wear { --wordmark-desktop:218px; --wordmark-phone:192px; --wordmark-narrow:155px; --wordmark-footer:174px; }
.workshop { --wordmark-desktop:222px; --wordmark-phone:182px; --wordmark-narrow:142px; --wordmark-footer:172px; }
.costume-fit { --wordmark-desktop:222px; --wordmark-phone:194px; --wordmark-narrow:157px; --wordmark-footer:176px; }
.glass-sides { --wordmark-desktop:224px; --wordmark-phone:190px; --wordmark-narrow:154px; --wordmark-footer:176px; }
.xl-size-guide { --wordmark-desktop:222px; --wordmark-phone:188px; --wordmark-narrow:152px; --wordmark-footer:170px; }
.fit { --wordmark-desktop:210px; --wordmark-phone:164px; --wordmark-narrow:128px; --wordmark-footer:164px; }
.bead-sizes { --wordmark-desktop:222px; --wordmark-phone:190px; --wordmark-narrow:154px; --wordmark-footer:172px; }
.pocket-sleeves { --wordmark-desktop:220px; --wordmark-phone:190px; --wordmark-narrow:154px; --wordmark-footer:174px; }

@media (max-width:740px) {
  .brand .brand-wordmark { width: var(--wordmark-phone, var(--wordmark-desktop, clamp(10rem, 17vw, 13rem))); }
}

@media (max-width:340px) {
  .brand .brand-wordmark { width: var(--wordmark-narrow, var(--wordmark-phone, clamp(10rem, 17vw, 13rem))); }
}