/* One shared header geometry and brand mark, including legal pages. */
.brand-header { box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; min-height: 92px; padding: 14px clamp(22px, 5vw, 86px); }
@media (max-width: 1050px) { .brand-header { padding-inline: 25px; } }
@media (max-width: 740px) { .brand-header { min-height: 72px; padding: 12px 21px; } }
@font-face { font-family: "Inter"; src: url("./assets/fonts/inter-300.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: "Inter"; src: url("./assets/fonts/inter-400.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Inter"; src: url("./assets/fonts/inter-500.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap; }

.wordmark { display: inline-flex; align-items: center; gap: 16px; text-decoration: none; color: inherit; }
.wordmark .wordmark-symbol { display: block; position: static; width: auto; height: auto; border: 0; border-radius: 0; background: transparent; color: inherit; font: 500 43px/1 var(--serif, "Cormorant Garamond", Georgia, serif); padding-right: 5px; letter-spacing: -.075em; }
.wordmark-rule { flex: none; display: block; width: 1px; height: 39px; background: currentColor; opacity: .5; }
.wordmark-label { display: block; }
.wordmark .wordmark-label strong { display: block; font: 500 11px/1.6 "Inter",Arial,sans-serif; text-transform: uppercase; letter-spacing: .16em; }
.wordmark .wordmark-label small { display: block; font: 400 8px/1.6 "Inter",Arial,sans-serif; text-transform: uppercase; letter-spacing: .15em; margin: 3px 0 0; color: var(--soft-ink, #687068); }

@media (max-width: 740px) {
  .wordmark { gap: 11px; }
  .wordmark .wordmark-symbol { font-size: 35px; }
  .wordmark-rule { height: 32px; }
  .wordmark .wordmark-label strong { font-size: 9px; letter-spacing: .12em; }
  .wordmark .wordmark-label small { font-size: 7px; letter-spacing: .08em; }
}