/* Approved artwork stays intact. Lettering is a contextual proposal. */
.approved-monogram { display: block; overflow: hidden; flex: none; }
.brand-lockup { display: inline-flex; flex-direction: column; gap: 4px; align-items: center; justify-content: center; color: var(--navy); width: 168px; min-height: 60px; }
.brand-lockup__mark { width: 62px; height: auto; aspect-ratio: 1090 / 636; }
.brand-lockup__word { display: block; font-family: var(--font-display); font-size: 17px; font-weight: 400; line-height: 1.15; letter-spacing: .18em; text-transform: uppercase; white-space: nowrap; padding-left: .18em; }
.brand-lockup:hover .brand-lockup__mark { transform: none; filter: none; }
.ftr .brand-lockup { width: 184px; gap: 8px; color: var(--ivory); margin-bottom: 16px; }
.ftr .brand-lockup__mark { width: 108px; }
.ftr .brand-lockup__word { font-size: 19px; letter-spacing: .2em; }
.approved-monogram.page-intro__mono { filter: none; }
@media (max-width: 760px) {
  .hdr .brand-lockup { width: 146px; min-height: 54px; gap: 3px; }
  .hdr .brand-lockup__mark { width: 56px; }
  .hdr .brand-lockup__word { font-size: 15px; letter-spacing: .18em; }
}