/* The original vector lockup, sized to replace the header's former wordmark. */
.site-header > .hero-brand {
  display: block;
  flex: 0 0 auto;
  width: clamp(168px, 15.52vw, 224px);
  color: #eeede8;
  text-decoration: none;
  background: transparent;
  border: 0;
  line-height: 0;
  -webkit-tap-highlight-color: transparent;
}
.hero-brand:focus-visible { outline: 1px solid #f1f0e9; outline-offset: 8px; border-radius: 2px; }
.hero-brand-svg { display: block; width: 100%; height: auto; fill: currentColor; overflow: visible; }
.hero-brand-emblem { transform-box: fill-box; transform-origin: center; }
.hero-brand-word { transform-box: fill-box; transform-origin: left center; }
.hero-brand-tag use { opacity: 1; }
.hero-brand.is-entering .hero-brand-emblem { animation: hero-brand-turn 1.16s cubic-bezier(.3,.7,.2,1) both; }
.hero-brand.is-entering .hero-brand-word { animation: hero-brand-word 780ms cubic-bezier(.22,.75,.2,1) 140ms both; }
.hero-brand.is-entering .hero-brand-tag use { animation: hero-brand-tag 420ms ease both; }
.hero-brand.is-entering .hero-brand-tag-1 use { animation-delay: 720ms; }
.hero-brand.is-entering .hero-brand-tag-2 use { animation-delay: 830ms; }
.hero-brand.is-entering .hero-brand-tag-3 use { animation-delay: 940ms; }
@keyframes hero-brand-turn { from { transform: rotate(-180deg); } to { transform: rotate(0); } }
@keyframes hero-brand-word { from { clip-path: inset(0 100% 0 0); opacity: .2; transform: translateY(3px); } to { clip-path: inset(0); opacity: 1; transform: none; } }
@keyframes hero-brand-tag { from { opacity: 0; transform: translateY(3px); } to { opacity: 1; transform: none; } }
@media (max-width: 1150px) and (min-width: 761px) {
  .site-header > .hero-brand { width: 168px; }
}
@media (max-width: 760px) {
  .site-header > .hero-brand { width: 144px; max-width: calc(100vw - 2 * var(--gutter, 24px) - 125px); }
}
@media (prefers-reduced-motion: reduce) {
  .hero-brand *, .hero-brand use { animation: none !important; transition: none !important; }
}