:root{
  --interlude-brand:#f3f3f1
}
.site-header a.brand,.site-footer a.brand,.wrap header a.brand{
  font-family:Georgia,'Times New Roman',serif;
  font-size:27px;
  font-weight:500;
  line-height:1.2;
  letter-spacing:.20em;
  color:var(--interlude-brand);
  text-transform:uppercase;
  text-decoration:none;
  white-space:nowrap;
  font-synthesis:none;
  display:inline-flex;
  align-items:center
}
.site-header a.brand:hover,.site-footer a.brand:hover,.wrap header a.brand:hover{
  color:#ffffff
}
.site-header a.brand:focus-visible,.site-footer a.brand:focus-visible,.wrap header a.brand:focus-visible{
  outline:1px solid var(--interlude-brand);
  outline-offset:7px
}
@media(max-width:420px){
  .site-header a.brand,.site-footer a.brand,.wrap header a.brand{
    font-size:24px
  }
}
/* Transparent arch symbol and shared wordmark alignment. */
.brand-mark{
  display:block;
  width:30px;
  height:40px;
  object-fit:contain;
  flex:0 0 auto;
  letter-spacing:0;
  transform:translateY(-.14em)
}
.brand-word{
  display:block
}
.site-header a.brand,.site-footer a.brand,.wrap header a.brand{
  gap:13px
}
.site-header a.brand{
  transform:translateY(-4px)
}
@media(max-width:640px){
  .brand-mark{
    width:28px;
    height:37px
  }
  .site-header{
    height:auto;
    min-height:110px;
    flex-wrap:wrap;
    align-content:center;
    row-gap:8px;
    padding:18px 0 14px
  }
  .site-header a.brand{
    transform:none
  }
  .site-header nav{
    flex-basis:100%;
    justify-content:flex-end;
    gap:20px
  }
  .wrap>header{
    height:auto;
    min-height:102px;
    flex-wrap:wrap;
    gap:10px;
    padding:16px 0
  }
  .wrap>header>.head-actions{
    flex-basis:100%;
    justify-content:flex-end
  }
  .site-header a.brand,.site-footer a.brand,.wrap header a.brand{
    gap:10px
  }
}