/* Additive homepage patch. Existing mobile menu and navigation remain intact. */
.r3-header .r3-brand { width: auto; max-width: 100%; flex: 0 1 auto; flex-wrap: wrap; }
.r3-header .r3-brand img { flex: 0 0 auto; }
.r3-header .r3-brand[data-audience]::after { overflow-wrap: anywhere; }
@media (min-width: 1121px) {
  .r3-header {
    display: flex; flex-wrap: wrap; align-items: center;
    column-gap: clamp(20px, 2vw, 36px); row-gap: 8px;
  }
  .r3-header .r3-nav {
    flex: 1 1 560px; min-width: 0; max-width: 100%;
    flex-wrap: wrap; justify-content: center;
    column-gap: clamp(18px, 2vw, 36px); row-gap: 0;
  }
  .r3-header .r3-nav > * { min-width: 0; max-width: 100%; }
  .r3-header .r3-nav a { white-space: normal; overflow-wrap: anywhere; }
  .r3-header .header-action {
    flex: 0 1 auto; max-width: 100%; margin-left: auto;
    white-space: normal; overflow-wrap: anywhere; text-align: center;
  }
}
/* Measured header height also updates on text-only zoom. */
body > .r3-header ~ main .luxury-hero .hero-copy {
  padding-top: max(180px, calc(var(--nook-header-height, 84px) + 40px));
}
html { scroll-padding-top: calc(var(--nook-header-height, 84px) + 16px); }