.brand.wordmark{
  width:auto;
  height:auto;
  min-width:0;
  padding:0;
  border-radius:0;
  background:transparent;
  color:var(--spellbound,#0b1b2f);
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  text-decoration:none;
  line-height:1;
  box-shadow:none;
}
.brand.wordmark strong{
  display:block;
  font-family:"DM Sans",sans-serif;
  font-size:1.35rem;
  font-weight:800;
  letter-spacing:-.055em;
  white-space:nowrap;
}
.brand.wordmark span{
  display:block;
  margin-top:.42rem;
  color:var(--solstice,#5a2f44);
  font-size:.52rem;
  font-weight:600;
  letter-spacing:.17em;
  line-height:1;
  text-transform:uppercase;
  white-space:nowrap;
}
.brand.wordmark:hover strong{color:var(--pine,#112d2a)}
.brand.wordmark:focus-visible{outline:3px solid var(--heliotrope,#a47e90);outline-offset:7px}
@media(max-width:650px){
  .brand.wordmark strong{font-size:1.12rem}
  .brand.wordmark span{font-size:.43rem;letter-spacing:.12em;margin-top:.34rem}
}
@media(max-width:390px){.brand.wordmark span{display:none}}