.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; }

body:is(
  .kit-contents, .gear, .bead-handles, .controls, .moving-tip, .ring-fit,
  .bead-power, .position-supports, .body-art, .bead-profiles, .large-size-guide, .pump-cups
) {
  --wordmark-desktop:222px;
  --wordmark-phone:190px;
  --wordmark-narrow:154px;
  --wordmark-footer:174px;
}

body.rose {
  --wordmark-desktop:210px;
  --wordmark-phone:174px;
  --wordmark-narrow:140px;
  --wordmark-footer:168px;
}

body.party {
  --wordmark-desktop:220px;
  --wordmark-phone:167px;
  --wordmark-narrow:130px;
  --wordmark-footer:174px;
}

body.fieldguide {
  --wordmark-desktop:222px;
  --wordmark-phone:170px;
  --wordmark-narrow:140px;
  --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))); }
}