@designcrowd/library.brand-page 6.2.16 → 6.2.17-header-logo-2

package/lib/src/css/library.brand-page-brandPage.min.css

@@ -1287,12 +1287,24 @@ a.maker-anchor {
 .tw-max-h-8 {
   max-height: 2rem;
 }
+.tw-max-h-\[100vh\] {
+  max-height: 100vh;
+}
+.tw-max-h-\[33vh\] {
+  max-height: 33vh;
+}
 .tw-max-h-\[340px\] {
   max-height: 340px;
 }
 .tw-max-h-\[6\.875rem\] {
   max-height: 6.875rem;
 }
+.tw-max-h-\[60vh\] {
+  max-height: 60vh;
+}
+.tw-max-h-\[85vh\] {
+  max-height: 85vh;
+}
 .tw-max-h-\[calc\(100\%_-_4rem\)\] {
   max-height: calc(100% - 4rem);
 }
@@ -1305,6 +1317,9 @@ a.maker-anchor {
 .tw-max-h-screen-90 {
   max-height: 90vh;
 }
+.tw-min-h-0 {
+  min-height: 0px;
+}
 .tw-min-h-10 {
   min-height: 2.5rem;
 }
@@ -1500,6 +1515,9 @@ a.maker-anchor {
 .tw-w-96 {
   width: 24rem;
 }
+.tw-w-\[12rem\] {
+  width: 12rem;
+}
 .tw-w-\[14rem\] {
   width: 14rem;
 }
@@ -2005,10 +2023,6 @@ a.maker-anchor {
 .tw-grid-flow-row {
   grid-auto-flow: row;
 }
-.tw-auto-rows-max {
-  grid-auto-rows: -webkit-max-content;
-  grid-auto-rows: max-content;
-}
 .tw-grid-cols-1 {
   grid-template-columns: repeat(1, minmax(0, 1fr));
 }
@@ -2529,9 +2543,6 @@ a.maker-anchor {
 .tw-overflow-visible {
   overflow: visible;
 }
-.tw-overflow-scroll {
-  overflow: scroll;
-}
 .tw-overflow-x-auto {
   overflow-x: auto;
 }
@@ -2621,6 +2632,10 @@ a.maker-anchor {
   border-bottom-right-radius: 0.25rem;
   border-bottom-left-radius: 0.25rem;
 }
+.tw-rounded-b-lg {
+  border-bottom-right-radius: 0.5rem;
+  border-bottom-left-radius: 0.5rem;
+}
 .tw-rounded-l {
   border-top-left-radius: 0.25rem;
   border-bottom-left-radius: 0.25rem;
@@ -2645,6 +2660,10 @@ a.maker-anchor {
   border-top-right-radius: 0px;
   border-bottom-right-radius: 0px;
 }
+.tw-rounded-t-lg {
+  border-top-left-radius: 0.5rem;
+  border-top-right-radius: 0.5rem;
+}
 .tw-border {
   border-width: 1px;
 }
@@ -4684,6 +4703,10 @@ a.maker-anchor {
     margin-bottom: 1rem;
   }
 
+  .lg\:tw-mb-8 {
+    margin-bottom: 2rem;
+  }
+
   .lg\:tw-ml-2 {
     margin-left: 0.5rem;
   }
@@ -4794,10 +4817,6 @@ a.maker-anchor {
     overflow: hidden;
   }
 
-  .lg\:tw-overflow-visible {
-    overflow: visible;
-  }
-
   .lg\:tw-rounded {
     border-radius: 0.25rem;
   }
@@ -5045,58 +5064,10 @@ a.maker-anchor {
   line-height: 1.25rem;
 }
 
-.arc[data-v-dd807356] {
-  animation: ai-loader-circle-dd807356 2000ms infinite linear;
-}
-@keyframes ai-loader-circle-dd807356 {
-0% {
-    transform: rotateZ(0deg);
-}
-100% {
-    transform: rotateZ(360deg);
-}
-}
-.primary[data-v-dd807356] {
-  animation: ai-loader-primary-dd807356 2000ms infinite ease-in-out;
-}
-@keyframes ai-loader-primary-dd807356 {
-0% {
-    transform: scale(1);
-}
-50% {
-    transform: scale(0.5) translate(-7.5px);
-}
-100% {
-    transform: scale(1);
-}
-}
-.top-star[data-v-dd807356] {
-  animation: ai-loader-secondary-top-dd807356 2000ms infinite ease-in-out;
-}
-.bottom-star[data-v-dd807356] {
-  animation: ai-loader-secondary-bottom-dd807356 2000ms infinite ease-in-out;
-}
-@keyframes ai-loader-secondary-bottom-dd807356 {
-0% {
-    transform: scale(1);
-}
-50% {
-    transform: scale(1.5) translate(-7.5px, -7.5px);
-}
-100% {
-    transform: scale(1);
-}
-}
-@keyframes ai-loader-secondary-top-dd807356 {
-0% {
-    transform: scale(1);
-}
-50% {
-    transform: scale(1.5) translate(-7.5px, 7.5px);
-}
-100% {
-    transform: scale(1);
-}
+.done-btn[data-v-6766e446] {
+  box-shadow:
+    0 0 0 1px #d4d4d4,
+    0 8px 16px #d4d4d4;
 }
 
 /*!
@@ -5398,10 +5369,58 @@ a.maker-anchor {
   width: 100%;
 }
 
-.done-btn[data-v-cc85f529] {
-  box-shadow:
-    0 0 0 1px #d4d4d4,
-    0 8px 16px #d4d4d4;
+.arc[data-v-dd807356] {
+  animation: ai-loader-circle-dd807356 2000ms infinite linear;
+}
+@keyframes ai-loader-circle-dd807356 {
+0% {
+    transform: rotateZ(0deg);
+}
+100% {
+    transform: rotateZ(360deg);
+}
+}
+.primary[data-v-dd807356] {
+  animation: ai-loader-primary-dd807356 2000ms infinite ease-in-out;
+}
+@keyframes ai-loader-primary-dd807356 {
+0% {
+    transform: scale(1);
+}
+50% {
+    transform: scale(0.5) translate(-7.5px);
+}
+100% {
+    transform: scale(1);
+}
+}
+.top-star[data-v-dd807356] {
+  animation: ai-loader-secondary-top-dd807356 2000ms infinite ease-in-out;
+}
+.bottom-star[data-v-dd807356] {
+  animation: ai-loader-secondary-bottom-dd807356 2000ms infinite ease-in-out;
+}
+@keyframes ai-loader-secondary-bottom-dd807356 {
+0% {
+    transform: scale(1);
+}
+50% {
+    transform: scale(1.5) translate(-7.5px, -7.5px);
+}
+100% {
+    transform: scale(1);
+}
+}
+@keyframes ai-loader-secondary-top-dd807356 {
+0% {
+    transform: scale(1);
+}
+50% {
+    transform: scale(1.5) translate(-7.5px, 7.5px);
+}
+100% {
+    transform: scale(1);
+}
 }
 
 /* Ensure modal height is not longer than screen */
@@ -5448,6 +5467,82 @@ a.maker-anchor {
 }
 }
 
+/* One transition for all four sides, offset by per-side custom properties. */
+.drawer-root[data-v-f3857282] {
+  --drawer-offset-x: 0;
+  --drawer-offset-y: 0;
+}
+.drawer-root[data-side='bottom'][data-v-f3857282] {
+  --drawer-offset-y: 100%;
+}
+.drawer-root[data-side='top'][data-v-f3857282] {
+  --drawer-offset-y: -100%;
+}
+.drawer-root[data-side='left'][data-v-f3857282] {
+  --drawer-offset-x: -100%;
+}
+.drawer-root[data-side='right'][data-v-f3857282] {
+  --drawer-offset-x: 100%;
+}
+
+/* Safe-area insets are only non-zero on notched iPhones under viewport-fit=cover. */
+.drawer-root[data-side='bottom'] .drawer-panel[data-v-f3857282] {
+  padding-bottom: env(safe-area-inset-bottom, 0px);
+  padding-left: env(safe-area-inset-left, 0px);
+  padding-right: env(safe-area-inset-right, 0px);
+}
+.drawer-root[data-side='top'] .drawer-panel[data-v-f3857282] {
+  padding-top: env(safe-area-inset-top, 0px);
+  padding-left: env(safe-area-inset-left, 0px);
+  padding-right: env(safe-area-inset-right, 0px);
+}
+.drawer-root[data-side='left'] .drawer-panel[data-v-f3857282] {
+  padding-left: env(safe-area-inset-left, 0px);
+}
+.drawer-root[data-side='right'] .drawer-panel[data-v-f3857282] {
+  padding-right: env(safe-area-inset-right, 0px);
+}
+
+/* Absolutely positioned against the padding edge, so the close button needs the inset too. */
+.drawer-root[data-side='bottom'] .drawer-close-btn[data-v-f3857282],
+.drawer-root[data-side='right'] .drawer-close-btn[data-v-f3857282] {
+  right: calc(0.5rem + env(safe-area-inset-right, 0px));
+}
+.drawer-root[data-side='top'] .drawer-close-btn[data-v-f3857282] {
+  top: calc(0.5rem + env(safe-area-inset-top, 0px));
+  right: calc(0.5rem + env(safe-area-inset-right, 0px));
+}
+.drawer-enter-active[data-v-f3857282],
+.drawer-leave-active[data-v-f3857282] {
+  transition: opacity 200ms ease;
+}
+.drawer-enter-active .drawer-panel[data-v-f3857282],
+.drawer-leave-active .drawer-panel[data-v-f3857282] {
+  transition: transform 200ms ease;
+}
+.drawer-enter-from[data-v-f3857282],
+.drawer-leave-to[data-v-f3857282] {
+  opacity: 0;
+}
+.drawer-enter-from .drawer-panel[data-v-f3857282],
+.drawer-leave-to .drawer-panel[data-v-f3857282] {
+  transform: translate(var(--drawer-offset-x), var(--drawer-offset-y));
+}
+
+/* Clear the transform too, or the panel flashes at its off-screen offset. */
+@media (prefers-reduced-motion: reduce) {
+.drawer-enter-active[data-v-f3857282],
+  .drawer-leave-active[data-v-f3857282],
+  .drawer-enter-active .drawer-panel[data-v-f3857282],
+  .drawer-leave-active .drawer-panel[data-v-f3857282] {
+    transition: none;
+}
+.drawer-enter-from .drawer-panel[data-v-f3857282],
+  .drawer-leave-to .drawer-panel[data-v-f3857282] {
+    transform: none;
+}
+}
+
 .stripe-acct {
   font-size: 0.7rem;
   opacity: 0.5;
@@ -5496,13 +5591,13 @@ a.maker-anchor {
 }
 }
 
-.button-group[data-v-5884ceb9] {
+.button-group[data-v-c67077fc] {
 
     display: inline-flex;
 
     width: 100%
 }
-.button-group-item[data-v-5884ceb9] {
+.button-group-item[data-v-c67077fc] {
 
     cursor: pointer;
 
@@ -5532,7 +5627,7 @@ a.maker-anchor {
 
     transition-timing-function: cubic-bezier(0, 0, 0.2, 1)
 }
-.button-group-icon-button[data-v-5884ceb9] {
+.button-group-icon-button[data-v-c67077fc] {
 
     width: 100%;
 
@@ -5564,7 +5659,7 @@ a.maker-anchor {
 
     transition-timing-function: cubic-bezier(0, 0, 0.2, 1)
 }
-.button-group-image-button[data-v-5884ceb9] {
+.button-group-image-button[data-v-c67077fc] {
 
     width: 100%;
 
@@ -5598,7 +5693,7 @@ a.maker-anchor {
 
     transition-timing-function: cubic-bezier(0, 0, 0.2, 1)
 }
-.button-group-button[data-v-5884ceb9] {
+.button-group-button[data-v-c67077fc] {
 
     width: 100%;
 
@@ -6293,112 +6388,6 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   font-family: Lato, Helvetica, sans-serif;
 }
 
-.carousel-wrapper[data-v-1d4fd3e2] {
-  position: relative;
-  overflow-x: auto;
-  overflow-y: hidden;
-  cursor: -webkit-grab;
-  cursor: grab;
-  scrollbar-width: none;
-  -ms-overflow-style: none;
-  width: 100%;
-}
-.scroll-chevron[data-v-1d4fd3e2] {
-  background: none !important;
-  border: none !important;
-}
-.carousel-wrapper[data-v-1d4fd3e2]:active {
-  cursor: -webkit-grabbing;
-  cursor: grabbing;
-}
-.carousel-track[data-v-1d4fd3e2] {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-orient: horizontal;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: row;
-          flex-direction: row;
-  width: -webkit-fit-content;
-  width: -moz-fit-content;
-  width: fit-content;
-  margin: 0 auto;
-  gap: 8px;
-}
-.carousel-item[data-v-1d4fd3e2] {
-  position: relative;
-  -ms-flex-negative: 0;
-      flex-shrink: 0;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-}
-.carousel-link[data-v-1d4fd3e2] {
-  display: block;
-  padding: 12px 8px;
-  text-decoration: none;
-  white-space: nowrap;
-  pointer-events: auto;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-      -ms-user-select: none;
-          user-select: none;
-  -ms-flex-item-align: stretch;
-      align-self: stretch;
-}
-.carousel-chevron[data-v-1d4fd3e2] {
-  cursor: pointer;
-  border-left: none !important;
-  padding: 0 12px;
-  margin-left: -1px;
-  -ms-flex-item-align: stretch;
-      align-self: stretch;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-}
-.carousel-chevron[data-v-1d4fd3e2] svg {
-  -webkit-transition: -webkit-transform 0.2s ease;
-  transition: -webkit-transform 0.2s ease;
-  transition: transform 0.2s ease;
-  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
-}
-.carousel-chevron--open[data-v-1d4fd3e2] svg {
-  -webkit-transform: rotate(180deg);
-          transform: rotate(180deg);
-}
-.dropdown-menu[data-v-1d4fd3e2] {
-  min-width: 150px;
-  max-height: 240px;
-  overflow-x: hidden;
-  overflow-y: auto;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: column;
-          flex-direction: column;
-}
-.dropdown-item[data-v-1d4fd3e2] {
-  display: block;
-  padding: 12px 16px;
-  cursor: pointer;
-  text-decoration: none;
-  white-space: nowrap;
-  text-align: left !important;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  -ms-flex-negative: 0;
-      flex-shrink: 0;
-}
-
 .c-shape-background[data-v-51358a1a] {
   position: absolute;
   top: 0;
@@ -6641,7 +6630,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   height: 6rem;
 }
 
-.logo[data-v-9d9f2b4c] {
+.logo[data-v-99ada01b] {
   --logo-border-colour: #00000000;
   --logo-size: 8rem;
   --logo-spacing: 0.75rem;
@@ -7777,70 +7766,286 @@ select[data-v-6de658e0] {
   margin: 0 auto;
 }
 
-.root[data-v-7c703177] {
-  --logo-width: var(--a1839a3c);
+/* Spacing follows the Figma redlines ("Website — Features & Widgets", FAQ): 32 heading→items,
+   16 above and below each question, dividers only between items. */
+.c_faq[data-v-2b09f1b8] {
+  margin: 0 auto;
+  max-width: var(--brandsite-max-width);
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  gap: 32px;
+}
+.c_faq--centered .c_faq__items[data-v-2b09f1b8] {
+  width: 100%;
+  max-width: 48rem;
+  margin: 0 auto;
+}
+.c_faq__item[data-v-2b09f1b8] {
+  padding: 16px 0;
+}
+.c_faq__item + .c_faq__item[data-v-2b09f1b8] {
+  /* `transparent` is a valid pick: the line disappears, with no fallback to the default. */
+  border-top: 1px solid var(--faq-divider-color, currentColor);
+}
+.c_faq__question[data-v-2b09f1b8] {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+  gap: 16px;
+  width: 100%;
+  padding: 0;
+  border: none;
+  background: none;
+  /* Buttons don't inherit font by default; the question's em sizes need the h3's. */
+  font: inherit;
+  color: inherit;
+  text-align: left;
+  cursor: pointer;
+}
+.c_faq__toggle[data-v-2b09f1b8] {
+  -webkit-box-flex: 0;
+      -ms-flex: 0 0 auto;
+          flex: 0 0 auto;
+  /* Stays on the right when the question is empty and renders nothing. */
+  margin-left: auto;
+}
+
+/* A long unbroken word wraps instead of pushing the +/- out of the row. */
+.c_faq__question > [data-component='text-wrapper'][data-v-2b09f1b8] {
+  -webkit-box-flex: 1;
+      -ms-flex: 1 1 auto;
+          flex: 1 1 auto;
+  min-width: 0;
+  overflow-wrap: anywhere;
+  /* The dcom maker chrome resets every <button> to capitalize (!important); this
+     question holds content text, not a UI label, so reset it back on the child
+     (HeaderNavigationType.vue uses the same technique for the same clash). */
+  text-transform: none;
+}
+.c_faq__answer[data-v-2b09f1b8] {
+  margin-top: 8px;
+}
+.c_faq__grid[data-v-2b09f1b8] {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 32px;
+}
+@container (min-width: 640px) {
+.c_faq--split[data-v-2b09f1b8] {
+    -webkit-box-orient: horizontal;
+    -webkit-box-direction: normal;
+        -ms-flex-direction: row;
+            flex-direction: row;
+    -webkit-box-align: start;
+        -ms-flex-align: start;
+            align-items: flex-start;
+}
+
+  /* 1/3 heading · 2/3 items, either side of the 32px gap. */
+.c_faq--split .c_faq__heading[data-v-2b09f1b8] {
+    -webkit-box-flex: 1;
+        -ms-flex: 1 1 0px;
+            flex: 1 1 0;
+    min-width: 0;
+}
+.c_faq--split .c_faq__items[data-v-2b09f1b8] {
+    -webkit-box-flex: 2;
+        -ms-flex: 2 1 0px;
+            flex: 2 1 0;
+    min-width: 0;
+}
+}
+@container (max-width: 640px) {
+.c_faq__grid[data-v-2b09f1b8] {
+    grid-template-columns: 1fr;
+}
+}
+
+.carousel-wrapper[data-v-1d4fd3e2] {
+  position: relative;
+  overflow-x: auto;
+  overflow-y: hidden;
+  cursor: -webkit-grab;
+  cursor: grab;
+  scrollbar-width: none;
+  -ms-overflow-style: none;
+  width: 100%;
+}
+.scroll-chevron[data-v-1d4fd3e2] {
+  background: none !important;
+  border: none !important;
+}
+.carousel-wrapper[data-v-1d4fd3e2]:active {
+  cursor: -webkit-grabbing;
+  cursor: grabbing;
+}
+.carousel-track[data-v-1d4fd3e2] {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: row;
+          flex-direction: row;
+  width: -webkit-fit-content;
+  width: -moz-fit-content;
+  width: fit-content;
+  margin: 0 auto;
+  gap: 8px;
+}
+.carousel-item[data-v-1d4fd3e2] {
+  position: relative;
+  -ms-flex-negative: 0;
+      flex-shrink: 0;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+.carousel-link[data-v-1d4fd3e2] {
+  display: block;
+  padding: 12px 8px;
+  text-decoration: none;
+  white-space: nowrap;
+  pointer-events: auto;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+  -ms-flex-item-align: stretch;
+      align-self: stretch;
+}
+.carousel-chevron[data-v-1d4fd3e2] {
+  cursor: pointer;
+  border-left: none !important;
+  padding: 0 12px;
+  margin-left: -1px;
+  -ms-flex-item-align: stretch;
+      align-self: stretch;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+.carousel-chevron[data-v-1d4fd3e2] svg {
+  -webkit-transition: -webkit-transform 0.2s ease;
+  transition: -webkit-transform 0.2s ease;
+  transition: transform 0.2s ease;
+  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
+}
+.carousel-chevron--open[data-v-1d4fd3e2] svg {
+  -webkit-transform: rotate(180deg);
+          transform: rotate(180deg);
+}
+.dropdown-menu[data-v-1d4fd3e2] {
+  min-width: 150px;
+  max-height: 240px;
+  overflow-x: hidden;
+  overflow-y: auto;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+}
+.dropdown-item[data-v-1d4fd3e2] {
+  display: block;
+  padding: 12px 16px;
+  cursor: pointer;
+  text-decoration: none;
+  white-space: nowrap;
+  text-align: left !important;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  -ms-flex-negative: 0;
+      flex-shrink: 0;
+}
+
+.root[data-v-a6cd0bd4] {
   --logo-max-width: 20rem;
+  /* The side-by-side grids below reserve this much space for the logo column and its
+     balancing mirror column. Brand site's wide canvas can afford the slider's full ceiling.
+     BP/BC's narrower column instead overrides these grids with flexible columns (see the
+     --bp rules below) so the logo renders at its natural width and the nav keeps its room
+     (BP-6184). */
+  --logo-balance-width: var(--logo-max-width);
   --tab-nav-height: 56px;
   --hamburger-nav-height: 32px;
   --hamburger-nav-width: 32px;
 }
-.nav-container[data-v-7c703177] {
+.nav-container[data-v-a6cd0bd4] {
   max-width: 100%;
   overflow: hidden;
 }
-.logo-container[data-v-7c703177] {
+.logo-container[data-v-a6cd0bd4] {
 }
 /* The rules below position this box; the button just fills whatever box it gets.
    Never shrinks below its label: in the flex placements a wide nav compresses into its
    carousel instead of wrapping the button's text (the grid placements floor it likewise). */
-.cta-container[data-v-7c703177] {
+.cta-container[data-v-a6cd0bd4] {
   min-width: 0px;
   -ms-flex-negative: 0;
       flex-shrink: 0;
 }
 
 /* DESKTOP_TAB_1 */
-.desktop-tab-horizontal-stack-left-logo-right-menu[data-v-7c703177] {
+.desktop-tab-horizontal-stack-left-logo-right-menu[data-v-a6cd0bd4] {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
 }
-.desktop-tab-horizontal-stack-left-logo-right-menu .nav-container[data-v-7c703177] {
+.desktop-tab-horizontal-stack-left-logo-right-menu .nav-container[data-v-a6cd0bd4] {
   margin-left: 1rem;
   -webkit-box-flex: 1;
       -ms-flex: 1 1 0%;
           flex: 1 1 0%;
 }
-.desktop-tab-horizontal-stack-left-logo-right-menu .nav-container__inner[data-v-7c703177] {
+.desktop-tab-horizontal-stack-left-logo-right-menu .nav-container__inner[data-v-a6cd0bd4] {
   float: right;
   display: inline-block;
   max-width: 100%;
 }
 
 /* DESKTOP_TAB_2 */
-.desktop-tab-horizontal-stack-left-logo-left-menu[data-v-7c703177] {
+.desktop-tab-horizontal-stack-left-logo-left-menu[data-v-a6cd0bd4] {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
 }
-.desktop-tab-horizontal-stack-left-logo-left-menu .nav-container[data-v-7c703177] {
+.desktop-tab-horizontal-stack-left-logo-left-menu .nav-container[data-v-a6cd0bd4] {
   margin-left: 1rem;
   -webkit-box-flex: 1;
       -ms-flex: 1 1 0%;
           flex: 1 1 0%;
 }
-.desktop-tab-horizontal-stack-left-logo-left-menu .nav-container__inner[data-v-7c703177] {
+.desktop-tab-horizontal-stack-left-logo-left-menu .nav-container__inner[data-v-a6cd0bd4] {
   display: inline-block;
   max-width: 100%;
 }
 
 /* DESKTOP_TAB_3 */
-.desktop-tab-horizontal-stack-left-logo-centered-menu[data-v-7c703177] {
+.desktop-tab-horizontal-stack-left-logo-centered-menu[data-v-a6cd0bd4] {
   display: grid;
   grid-template-columns:
-    [logo-start] var(--logo-max-width) [logo-end nav-start] 1fr [nav-end] var(
-      --logo-max-width
-    )
+    [logo-start] var(--logo-balance-width)
+    [logo-end nav-start] 1fr [nav-end] var(--logo-balance-width)
     [cols-end];
   margin-top: 1rem;
   margin-bottom: 1rem;
@@ -7848,14 +8053,14 @@ select[data-v-6de658e0] {
      -moz-column-gap: 1rem;
           column-gap: 1rem;
 }
-.desktop-tab-horizontal-stack-left-logo-centered-menu .logo-container[data-v-7c703177] {
+.desktop-tab-horizontal-stack-left-logo-centered-menu .logo-container[data-v-a6cd0bd4] {
   grid-column: logo-start / logo-end;
   justify-self: start;
 }
-.desktop-tab-horizontal-stack-left-logo-centered-menu .nav-container[data-v-7c703177] {
+.desktop-tab-horizontal-stack-left-logo-centered-menu .nav-container[data-v-a6cd0bd4] {
   grid-column: nav-start / nav-end;
 }
-.desktop-tab-horizontal-stack-left-logo-centered-menu .nav-container__inner[data-v-7c703177] {
+.desktop-tab-horizontal-stack-left-logo-centered-menu .nav-container__inner[data-v-a6cd0bd4] {
   /* start - center content */
   display: inline-block;
   -webkit-transform: translateX(-50%);
@@ -7865,36 +8070,56 @@ select[data-v-6de658e0] {
   max-width: 100%;
   /* end - center content */
 }
+/* BP/BC's capped column can't afford to reserve --logo-balance-width on both sides (it
+   squeezes the logo narrower than its natural render width, or starves the nav). Flexible
+   side columns size the logo to its own content instead, staying symmetric so the nav keeps
+   its centre (BP-6184 QA fix). */
+.c-page-header-container--bp
+  .desktop-tab-horizontal-stack-left-logo-centered-menu[data-v-a6cd0bd4] {
+  grid-template-columns:
+    [logo-start] 1fr
+    [logo-end nav-start] auto [nav-end] 1fr
+    [cols-end];
+}
 /* DESKTOP_TAB_4 */
-.desktop-tab-horizontal-stack-centered-logo-right-menu[data-v-7c703177] {
+.desktop-tab-horizontal-stack-centered-logo-right-menu[data-v-a6cd0bd4] {
   display: grid;
   -webkit-column-gap: 1rem;
      -moz-column-gap: 1rem;
           column-gap: 1rem;
   grid-template-columns:
-    [col-start] 1fr [logo-start] var(--logo-max-width)
+    [col-start] 1fr [logo-start] var(--logo-balance-width)
     [logo-end nav-start] 1fr [nav-end];
 }
-.desktop-tab-horizontal-stack-centered-logo-right-menu .logo-container[data-v-7c703177] {
+.desktop-tab-horizontal-stack-centered-logo-right-menu .logo-container[data-v-a6cd0bd4] {
   grid-column: logo-start / logo-end;
 }
-.desktop-tab-horizontal-stack-centered-logo-right-menu .nav-container[data-v-7c703177] {
+.desktop-tab-horizontal-stack-centered-logo-right-menu .nav-container[data-v-a6cd0bd4] {
   grid-column: nav-start / nav-end;
 }
-.desktop-tab-horizontal-stack-centered-logo-right-menu .nav-container__inner[data-v-7c703177] {
+.desktop-tab-horizontal-stack-centered-logo-right-menu .nav-container__inner[data-v-a6cd0bd4] {
   /* start - align right content */
   float: right;
   max-width: 100%;
   /* end - align right content */
 }
+/* BP/BC: same flexible-column fix as TAB_3 above, mirrored — the logo's own column sizes to
+   its content (auto) while the two flanking 1fr columns stay equal, so it keeps its natural
+   render width and stays centred (BP-6184 QA fix). */
+.c-page-header-container--bp
+  .desktop-tab-horizontal-stack-centered-logo-right-menu[data-v-a6cd0bd4] {
+  grid-template-columns:
+    [col-start] 1fr [logo-start] auto
+    [logo-end nav-start] 1fr [nav-end];
+}
 /* DESKTOP_TAB_5 */
-.desktop-tab-vertical-stack-centered-logo-centered-menu[data-v-7c703177] {
+.desktop-tab-vertical-stack-centered-logo-centered-menu[data-v-a6cd0bd4] {
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   justify-items: center;
 }
-.desktop-tab-vertical-stack-centered-logo-centered-menu.show-nav[data-v-7c703177] {
+.desktop-tab-vertical-stack-centered-logo-centered-menu.show-nav[data-v-a6cd0bd4] {
   display: grid;
   grid-template-rows: repeat(2, minmax(0, 1fr));
   row-gap: 1rem;
@@ -7903,16 +8128,16 @@ select[data-v-6de658e0] {
     [row2-end];
 }
 .desktop-tab-vertical-stack-centered-logo-centered-menu.show-nav
-  .logo-container[data-v-7c703177] {
+  .logo-container[data-v-a6cd0bd4] {
   grid-row: row1-start / row1-end;
 }
 .desktop-tab-vertical-stack-centered-logo-centered-menu.show-nav
-  .nav-container[data-v-7c703177] {
+  .nav-container[data-v-a6cd0bd4] {
   grid-row: row2-start / row2-end;
   width: 100%;
 }
 .desktop-tab-vertical-stack-centered-logo-centered-menu.show-nav
-  .nav-container__inner[data-v-7c703177] {
+  .nav-container__inner[data-v-a6cd0bd4] {
   display: inline-block;
   -webkit-transform: translateX(-50%);
           transform: translateX(-50%);
@@ -7920,7 +8145,7 @@ select[data-v-6de658e0] {
   left: 50%;
   max-width: 100%;
 }
-.desktop-tab-vertical-stack-centered-logo-centered-menu.no-nav[data-v-7c703177] {
+.desktop-tab-vertical-stack-centered-logo-centered-menu.no-nav[data-v-a6cd0bd4] {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -7930,14 +8155,14 @@ select[data-v-6de658e0] {
 }
 
 /* MOBILE_TAB_1 */
-.mobile-tab-vertical-stack-centered-logo-centered-menu[data-v-7c703177] {
+.mobile-tab-vertical-stack-centered-logo-centered-menu[data-v-a6cd0bd4] {
   width: 100%;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   justify-items: center;
 }
-.mobile-tab-vertical-stack-centered-logo-centered-menu.show-nav[data-v-7c703177] {
+.mobile-tab-vertical-stack-centered-logo-centered-menu.show-nav[data-v-a6cd0bd4] {
   display: grid;
   row-gap: 1rem;
   grid-template-rows:
@@ -7945,14 +8170,14 @@ select[data-v-6de658e0] {
     [row2-end];
 }
 .mobile-tab-vertical-stack-centered-logo-centered-menu.show-nav
-  .logo-container[data-v-7c703177] {
+  .logo-container[data-v-a6cd0bd4] {
   grid-row: row1-start / row1-end;
 }
-.mobile-tab-vertical-stack-centered-logo-centered-menu.show-nav .nav-container[data-v-7c703177] {
+.mobile-tab-vertical-stack-centered-logo-centered-menu.show-nav .nav-container[data-v-a6cd0bd4] {
   grid-row: row2-start / row2-end;
   width: 100%;
 }
-.mobile-tab-vertical-stack-centered-logo-centered-menu.no-nav[data-v-7c703177] {
+.mobile-tab-vertical-stack-centered-logo-centered-menu.no-nav[data-v-a6cd0bd4] {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -7962,7 +8187,7 @@ select[data-v-6de658e0] {
 }
 
 /* DESKTOP_TAB_6 */
-.desktop-tab-vertical-stack-centered-menu-centered-logo.show-nav[data-v-7c703177] {
+.desktop-tab-vertical-stack-centered-menu-centered-logo.show-nav[data-v-a6cd0bd4] {
   display: grid;
   grid-template-rows:
     [row1-start] var(--tab-nav-height)
@@ -7974,15 +8199,15 @@ select[data-v-6de658e0] {
   row-gap: 1rem;
 }
 .desktop-tab-vertical-stack-centered-menu-centered-logo.show-nav
-  .logo-container[data-v-7c703177] {
+  .logo-container[data-v-a6cd0bd4] {
   grid-row: row2-start / row2-end;
   text-align: center;
 }
 .desktop-tab-vertical-stack-centered-menu-centered-logo.show-nav
-  .nav-container[data-v-7c703177] {
+  .nav-container[data-v-a6cd0bd4] {
   grid-row: row1-start / row1-end;
 }
-.desktop-tab-vertical-stack-centered-menu-centered-logo.no-nav[data-v-7c703177] {
+.desktop-tab-vertical-stack-centered-menu-centered-logo.no-nav[data-v-a6cd0bd4] {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -7991,14 +8216,14 @@ select[data-v-6de658e0] {
           justify-content: center;
 }
 /*  MOBILE_TAB_2 */
-.mobile-tab-vertical-stack-centered-menu-centered-logo[data-v-7c703177] {
+.mobile-tab-vertical-stack-centered-menu-centered-logo[data-v-a6cd0bd4] {
   width: 100%;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   justify-items: center;
 }
-.mobile-tab-vertical-stack-centered-menu-centered-logo.show-nav[data-v-7c703177] {
+.mobile-tab-vertical-stack-centered-menu-centered-logo.show-nav[data-v-a6cd0bd4] {
   display: grid;
   grid-template-rows:
     [row1-start] var(--tab-nav-height)
@@ -8007,14 +8232,14 @@ select[data-v-6de658e0] {
   row-gap: 1rem;
 }
 .mobile-tab-vertical-stack-centered-menu-centered-logo.show-nav
-  .logo-container[data-v-7c703177] {
+  .logo-container[data-v-a6cd0bd4] {
   grid-row: row2-start / row2-end;
 }
-.mobile-tab-vertical-stack-centered-menu-centered-logo.show-nav .nav-container[data-v-7c703177] {
+.mobile-tab-vertical-stack-centered-menu-centered-logo.show-nav .nav-container[data-v-a6cd0bd4] {
   grid-row: row1-start / row1-end;
   width: 100%;
 }
-.mobile-tab-vertical-stack-centered-menu-centered-logo.no-nav[data-v-7c703177] {
+.mobile-tab-vertical-stack-centered-menu-centered-logo.no-nav[data-v-a6cd0bd4] {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -8023,9 +8248,23 @@ select[data-v-6de658e0] {
           justify-content: center;
 }
 
+/* BP/BC only: the stacked layouts shrink-wrap the logo on brand site, but a BP/BC logo
+   background colour spans the capped column instead, the same as a logo content block's
+   does — the figure (LogoRender.vue) already stretches to its container's width.
+   width: 100% (not justify-self: stretch) so it also stretches in the no-nav flex states. */
+.logo-container--stretch .logo-container[data-v-a6cd0bd4] {
+  width: 100%;
+}
+/* The centred grid otherwise sizes its one track to the logo or nav, so the colour can't reach the column. */
+.logo-container--stretch.desktop-tab-vertical-stack-centered-menu-centered-logo.show-nav[data-v-a6cd0bd4] {
+  -webkit-box-pack: stretch;
+      -ms-flex-pack: stretch;
+          justify-content: stretch;
+}
+
 /* DESKTOP_TAB_NO_LOGO_1, DESKTOP_HAMBURGER_NO_LOGO_1 */
-.desktop-tab-left-menu-no-logo[data-v-7c703177],
-.desktop-hamburger-no-logo-left-menu[data-v-7c703177] {
+.desktop-tab-left-menu-no-logo[data-v-a6cd0bd4],
+.desktop-hamburger-no-logo-left-menu[data-v-a6cd0bd4] {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -8033,15 +8272,15 @@ select[data-v-6de658e0] {
       -ms-flex-pack: start;
           justify-content: flex-start;
 }
-.desktop-tab-left-menu-no-logo .logo-container[data-v-7c703177],
-.desktop-hamburger-no-logo-left-menu .logo-container[data-v-7c703177] {
+.desktop-tab-left-menu-no-logo .logo-container[data-v-a6cd0bd4],
+.desktop-hamburger-no-logo-left-menu .logo-container[data-v-a6cd0bd4] {
   display: none;
 }
 
 /* DESKTOP_TAB_NO_LOGO_2, DESKTOP_HAMBURGER_NO_LOGO_2, MOBILE_TAB_NO_LOGO_1 */
-.desktop-tab-centered-menu-no-logo[data-v-7c703177],
-.desktop-hamburger-no-logo-centered-menu[data-v-7c703177],
-.mobile-tab-centered-menu-no-logo[data-v-7c703177] {
+.desktop-tab-centered-menu-no-logo[data-v-a6cd0bd4],
+.desktop-hamburger-no-logo-centered-menu[data-v-a6cd0bd4],
+.mobile-tab-centered-menu-no-logo[data-v-a6cd0bd4] {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -8049,15 +8288,15 @@ select[data-v-6de658e0] {
       -ms-flex-pack: center;
           justify-content: center;
 }
-.desktop-tab-centered-menu-no-logo .logo-container[data-v-7c703177],
-.desktop-hamburger-no-logo-centered-menu .logo-container[data-v-7c703177],
-.mobile-tab-centered-menu-no-logo .logo-container[data-v-7c703177] {
+.desktop-tab-centered-menu-no-logo .logo-container[data-v-a6cd0bd4],
+.desktop-hamburger-no-logo-centered-menu .logo-container[data-v-a6cd0bd4],
+.mobile-tab-centered-menu-no-logo .logo-container[data-v-a6cd0bd4] {
   display: none;
 }
 
 /* DESKTOP_TAB_NO_LOGO_3, DESKTOP_HAMBURGER_NO_LOGO_3 */
-.desktop-tab-right-menu-no-logo[data-v-7c703177],
-.desktop-hamburger-no-logo-right-menu[data-v-7c703177] {
+.desktop-tab-right-menu-no-logo[data-v-a6cd0bd4],
+.desktop-hamburger-no-logo-right-menu[data-v-a6cd0bd4] {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -8065,14 +8304,14 @@ select[data-v-6de658e0] {
       -ms-flex-pack: end;
           justify-content: flex-end;
 }
-.desktop-tab-right-menu-no-logo .logo-container[data-v-7c703177],
-.desktop-hamburger-no-logo-right-menu .logo-container[data-v-7c703177] {
+.desktop-tab-right-menu-no-logo .logo-container[data-v-a6cd0bd4],
+.desktop-hamburger-no-logo-right-menu .logo-container[data-v-a6cd0bd4] {
   display: none;
 }
 
 /* DESKTOP_HAMBURGER_1, MOBILE_HAMBURGER_1 */
-.desktop-hamburger-horizontal-stack-left-logo-right-menu[data-v-7c703177],
-.mobile-hamburger-horizontal-stack-left-logo-right-menu[data-v-7c703177] {
+.desktop-hamburger-horizontal-stack-left-logo-right-menu[data-v-a6cd0bd4],
+.mobile-hamburger-horizontal-stack-left-logo-right-menu[data-v-a6cd0bd4] {
   display: grid;
   grid-template-columns: [logo-start] auto [nav-start] var(
       --hamburger-nav-width
@@ -8081,8 +8320,8 @@ select[data-v-6de658e0] {
       -ms-flex-align: start;
           align-items: flex-start;
 }
-.desktop-hamburger-horizontal-stack-left-logo-right-menu .logo-container[data-v-7c703177],
-.mobile-hamburger-horizontal-stack-left-logo-right-menu .logo-container[data-v-7c703177] {
+.desktop-hamburger-horizontal-stack-left-logo-right-menu .logo-container[data-v-a6cd0bd4],
+.mobile-hamburger-horizontal-stack-left-logo-right-menu .logo-container[data-v-a6cd0bd4] {
   margin-right: 1rem;
   display: -webkit-box;
   display: -ms-flexbox;
@@ -8092,16 +8331,16 @@ select[data-v-6de658e0] {
           justify-content: flex-start;
   grid-column: logo-start;
 }
-.desktop-hamburger-horizontal-stack-left-logo-right-menu .nav-container[data-v-7c703177],
-.mobile-hamburger-horizontal-stack-left-logo-right-menu .nav-container[data-v-7c703177] {
+.desktop-hamburger-horizontal-stack-left-logo-right-menu .nav-container[data-v-a6cd0bd4],
+.mobile-hamburger-horizontal-stack-left-logo-right-menu .nav-container[data-v-a6cd0bd4] {
   grid-column: nav-start;
   /* The icon centres on the row's height (the logo is usually the tallest thing in it). */
   align-self: center;
 }
 
 /* DESKTOP_HAMBURGER_2, MOBILE_HAMBURGER_2 */
-.desktop-hamburger-horizontal-stack-centered-logo-right-menu[data-v-7c703177],
-.mobile-hamburger-horizontal-stack-centered-logo-right-menu[data-v-7c703177] {
+.desktop-hamburger-horizontal-stack-centered-logo-right-menu[data-v-a6cd0bd4],
+.mobile-hamburger-horizontal-stack-centered-logo-right-menu[data-v-a6cd0bd4] {
   display: grid;
   grid-template-columns:
     [start] var(--hamburger-nav-width)
@@ -8110,8 +8349,8 @@ select[data-v-6de658e0] {
       -ms-flex-align: start;
           align-items: flex-start;
 }
-.desktop-hamburger-horizontal-stack-centered-logo-right-menu .logo-container[data-v-7c703177],
-.mobile-hamburger-horizontal-stack-centered-logo-right-menu .logo-container[data-v-7c703177] {
+.desktop-hamburger-horizontal-stack-centered-logo-right-menu .logo-container[data-v-a6cd0bd4],
+.mobile-hamburger-horizontal-stack-centered-logo-right-menu .logo-container[data-v-a6cd0bd4] {
   margin-left: 1rem;
   margin-right: 1rem;
   display: -webkit-box;
@@ -8122,14 +8361,14 @@ select[data-v-6de658e0] {
           justify-content: center;
   grid-column: logo-start;
 }
-.desktop-hamburger-horizontal-stack-centered-logo-right-menu .nav-container[data-v-7c703177],
-.mobile-hamburger-horizontal-stack-centered-logo-right-menu .nav-container[data-v-7c703177] {
+.desktop-hamburger-horizontal-stack-centered-logo-right-menu .nav-container[data-v-a6cd0bd4],
+.mobile-hamburger-horizontal-stack-centered-logo-right-menu .nav-container[data-v-a6cd0bd4] {
   grid-column: nav-start;
   align-self: center;
 }
 
 /* MOBILE_HAMBURGER_3 */
-.mobile-hamburger-horizontal-stack-left-menu-centered-logo[data-v-7c703177] {
+.mobile-hamburger-horizontal-stack-left-menu-centered-logo[data-v-a6cd0bd4] {
   display: grid;
   grid-template-columns: var(--hamburger-nav-width) auto var(
       --hamburger-nav-width
@@ -8139,7 +8378,7 @@ select[data-v-6de658e0] {
       -ms-flex-align: start;
           align-items: flex-start;
 }
-.mobile-hamburger-horizontal-stack-left-menu-centered-logo .logo-container[data-v-7c703177] {
+.mobile-hamburger-horizontal-stack-left-menu-centered-logo .logo-container[data-v-a6cd0bd4] {
   margin-left: 1rem;
   margin-right: 1rem;
   display: -webkit-box;
@@ -8150,18 +8389,18 @@ select[data-v-6de658e0] {
           justify-content: center;
   grid-area: b;
 }
-.mobile-hamburger-horizontal-stack-left-menu-centered-logo .nav-container[data-v-7c703177] {
+.mobile-hamburger-horizontal-stack-left-menu-centered-logo .nav-container[data-v-a6cd0bd4] {
   grid-area: a;
   align-self: center;
 }
 .mobile-hamburger-horizontal-stack-left-menu-centered-logo
-  .nav-container__inner[data-v-7c703177] {
+  .nav-container__inner[data-v-a6cd0bd4] {
   float: left;
   max-width: 100%;
 }
 
 /* MOBILE_HAMBURGER_4 */
-.mobile-hamburger-horizontal-stack-left-menu-left-logo[data-v-7c703177] {
+.mobile-hamburger-horizontal-stack-left-menu-left-logo[data-v-a6cd0bd4] {
   display: grid;
   grid-template-columns: var(--hamburger-nav-width) auto;
   grid-template-areas: 'a b';
@@ -8169,7 +8408,7 @@ select[data-v-6de658e0] {
       -ms-flex-align: start;
           align-items: flex-start;
 }
-.mobile-hamburger-horizontal-stack-left-menu-left-logo .logo-container[data-v-7c703177] {
+.mobile-hamburger-horizontal-stack-left-menu-left-logo .logo-container[data-v-a6cd0bd4] {
   margin-left: 1rem;
   display: -webkit-box;
   display: -ms-flexbox;
@@ -8179,17 +8418,17 @@ select[data-v-6de658e0] {
           justify-content: flex-start;
   grid-area: b;
 }
-.mobile-hamburger-horizontal-stack-left-menu-left-logo .nav-container[data-v-7c703177] {
+.mobile-hamburger-horizontal-stack-left-menu-left-logo .nav-container[data-v-a6cd0bd4] {
   grid-area: a;
   align-self: center;
 }
-.mobile-hamburger-horizontal-stack-left-menu-left-logo .nav-container__inner[data-v-7c703177] {
+.mobile-hamburger-horizontal-stack-left-menu-left-logo .nav-container__inner[data-v-a6cd0bd4] {
   float: left;
   max-width: 100%;
 }
 
 /* MOBILE_HAMBURGER_NO_LOGO_1 */
-.mobile-hamburger-no-logo-left-menu[data-v-7c703177] {
+.mobile-hamburger-no-logo-left-menu[data-v-a6cd0bd4] {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -8197,12 +8436,12 @@ select[data-v-6de658e0] {
       -ms-flex-pack: start;
           justify-content: flex-start;
 }
-.mobile-hamburger-no-logo-left-menu .logo-container[data-v-7c703177] {
+.mobile-hamburger-no-logo-left-menu .logo-container[data-v-a6cd0bd4] {
   display: none;
 }
 
 /* MOBILE_HAMBURGER_NO_LOGO_2 */
-.mobile-hamburger-no-logo-centered-menu[data-v-7c703177] {
+.mobile-hamburger-no-logo-centered-menu[data-v-a6cd0bd4] {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -8210,11 +8449,11 @@ select[data-v-6de658e0] {
       -ms-flex-pack: center;
           justify-content: center;
 }
-.mobile-hamburger-no-logo-centered-menu .logo-container[data-v-7c703177] {
+.mobile-hamburger-no-logo-centered-menu .logo-container[data-v-a6cd0bd4] {
   display: none;
 }
 /* MOBILE_HAMBURGER_NO_LOGO_3 */
-.mobile-hamburger-no-logo-right-menu[data-v-7c703177] {
+.mobile-hamburger-no-logo-right-menu[data-v-a6cd0bd4] {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -8222,7 +8461,7 @@ select[data-v-6de658e0] {
       -ms-flex-pack: end;
           justify-content: flex-end;
 }
-.mobile-hamburger-no-logo-right-menu .logo-container[data-v-7c703177] {
+.mobile-hamburger-no-logo-right-menu .logo-container[data-v-a6cd0bd4] {
   display: none;
 }
 
@@ -8230,26 +8469,26 @@ select[data-v-6de658e0] {
 
 /* The generic Button ships section spacing; the header row, as the caller, strips it here:
    no stack margin, no maker height floor, no icon spacer/label offset (icon room it never uses). */
-.cta-container[data-v-7c703177] .bp-button,
-.cta-mirror[data-v-7c703177] .bp-button {
+.cta-container[data-v-a6cd0bd4] .bp-button,
+.cta-mirror[data-v-a6cd0bd4] .bp-button {
   margin-bottom: 0;
   min-height: 0;
 }
-.cta-container[data-v-7c703177] .c-button__no-icon,
-.cta-mirror[data-v-7c703177] .c-button__no-icon {
+.cta-container[data-v-a6cd0bd4] .c-button__no-icon,
+.cta-mirror[data-v-a6cd0bd4] .c-button__no-icon {
   display: none;
 }
 /* Target the base label class, not a specific --offset-* variant, so the icon-gutter shift is
    neutralised for whichever offset the button carries — a future offset swap can't slide the label. */
-.cta-container[data-v-7c703177] .c-button__label,
-.cta-mirror[data-v-7c703177] .c-button__label {
+.cta-container[data-v-a6cd0bd4] .c-button__label,
+.cta-mirror[data-v-a6cd0bd4] .c-button__label {
   -webkit-transform: none;
           transform: none;
 }
 /* Decorative styles (arrow/brush/paper) size by percentage, which collapses to zero inside the
    header's content-sized tracks — hug the label instead. Full-width rows re-stretch below. */
-.cta-container[data-v-7c703177] .bp-style-wrapper,
-.cta-mirror[data-v-7c703177] .bp-style-wrapper {
+.cta-container[data-v-a6cd0bd4] .bp-style-wrapper,
+.cta-mirror[data-v-a6cd0bd4] .bp-style-wrapper {
   width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content;
@@ -8258,7 +8497,7 @@ select[data-v-6de658e0] {
 /* Invisible size-peer of the CTA (see template). Sized exactly like .cta-container — same
    button-normalising :deep rules above, same max-width cap — so the leading mirror track it
    occupies matches the trailing button track. Per-style placement is defined below. */
-.cta-mirror[data-v-7c703177] {
+.cta-mirror[data-v-a6cd0bd4] {
   visibility: hidden;
   pointer-events: none;
   min-width: 0px;
@@ -8268,62 +8507,77 @@ select[data-v-6de658e0] {
 }
 
 /* DESKTOP_TAB_1/2, TAB_NO_LOGO_3: extra flex child one gap after the nav — beside the links, or at the right edge when the nav is right-aligned. */
-.desktop-tab-horizontal-stack-left-logo-right-menu .cta-container[data-v-7c703177],
-.desktop-tab-horizontal-stack-left-logo-left-menu .cta-container[data-v-7c703177],
-.desktop-tab-right-menu-no-logo .cta-container[data-v-7c703177] {
+.desktop-tab-horizontal-stack-left-logo-right-menu .cta-container[data-v-a6cd0bd4],
+.desktop-tab-horizontal-stack-left-logo-left-menu .cta-container[data-v-a6cd0bd4],
+.desktop-tab-right-menu-no-logo .cta-container[data-v-a6cd0bd4] {
   margin-left: 1rem;
 }
 
 /* TAB_NO_LOGO_1: the nav sits left, so the button pins to the right edge — the same spot
    whether the nav is shown or not (BP-6120). */
-.desktop-tab-left-menu-no-logo .cta-container[data-v-7c703177] {
+.desktop-tab-left-menu-no-logo .cta-container[data-v-a6cd0bd4] {
   margin-left: auto;
 }
 
 /* Same styles with the nav hidden (single page): no nav to sit beside — button takes the right edge. */
-.desktop-tab-horizontal-stack-left-logo-right-menu.no-nav .cta-container[data-v-7c703177],
-.desktop-tab-horizontal-stack-left-logo-left-menu.no-nav .cta-container[data-v-7c703177] {
+.desktop-tab-horizontal-stack-left-logo-right-menu.no-nav .cta-container[data-v-a6cd0bd4],
+.desktop-tab-horizontal-stack-left-logo-left-menu.no-nav .cta-container[data-v-a6cd0bd4] {
   margin-left: auto;
 }
 
 /* DESKTOP_TAB_3: button uses the existing spare right column, nothing else moves. */
-.desktop-tab-horizontal-stack-left-logo-centered-menu .cta-container[data-v-7c703177] {
+.desktop-tab-horizontal-stack-left-logo-centered-menu .cta-container[data-v-a6cd0bd4] {
   grid-column: nav-end / cols-end;
   justify-self: end;
 }
 
 /* DESKTOP_TAB_4: adds a column for the button after the nav links, mirrored by a leading
    track sized by the hidden button copy so the logo keeps the header's true centre. */
-.desktop-tab-horizontal-stack-centered-logo-right-menu.has-header-cta[data-v-7c703177] {
+.desktop-tab-horizontal-stack-centered-logo-right-menu.has-header-cta[data-v-a6cd0bd4] {
   grid-template-columns:
     [mirror-start] minmax(-webkit-max-content, auto) [col-start] 1fr
-    [logo-start] var(--logo-max-width)
+    [logo-start] var(--logo-balance-width)
     /* The button's track never shrinks below its label, so a wide nav compresses instead. */
     [logo-end nav-start] 1fr [nav-end cta-start] minmax(-webkit-max-content, auto)
     [cta-end];
   grid-template-columns:
     [mirror-start] minmax(max-content, auto) [col-start] 1fr
-    [logo-start] var(--logo-max-width)
+    [logo-start] var(--logo-balance-width)
     /* The button's track never shrinks below its label, so a wide nav compresses instead. */
     [logo-end nav-start] 1fr [nav-end cta-start] minmax(max-content, auto)
     [cta-end];
 }
-.desktop-tab-horizontal-stack-centered-logo-right-menu .cta-container[data-v-7c703177] {
+.desktop-tab-horizontal-stack-centered-logo-right-menu .cta-container[data-v-a6cd0bd4] {
   grid-column: cta-start / cta-end;
 }
-.desktop-tab-horizontal-stack-centered-logo-right-menu .cta-mirror[data-v-7c703177] {
+.desktop-tab-horizontal-stack-centered-logo-right-menu .cta-mirror[data-v-a6cd0bd4] {
   grid-column: mirror-start / col-start;
   /* Pinned to row 1: the mirror follows the real CTA in the DOM, so auto-placement — whose
      cursor never moves backwards along a row — would drop it onto a second row and grow the
      header band by the button's height. */
   grid-row: 1;
 }
+/* BP/BC: same flexible logo column as the no-cta rule above, kept inside this state's extra
+   mirror/cta tracks (BP-6184 QA fix). */
+.c-page-header-container--bp
+  .desktop-tab-horizontal-stack-centered-logo-right-menu.has-header-cta[data-v-a6cd0bd4] {
+  grid-template-columns:
+    [mirror-start] minmax(-webkit-max-content, auto) [col-start] 1fr
+    [logo-start] auto
+    [logo-end nav-start] 1fr [nav-end cta-start] minmax(-webkit-max-content, auto)
+    [cta-end];
+  grid-template-columns:
+    [mirror-start] minmax(max-content, auto) [col-start] 1fr
+    [logo-start] auto
+    [logo-end nav-start] 1fr [nav-end cta-start] minmax(max-content, auto)
+    [cta-end];
+}
 
 /* DESKTOP_TAB_6, TAB_NO_LOGO_2: nav and button share the top row, so the button takes a
    trailing column mirrored by the leading one — the nav pays for the collision it would
    otherwise have. */
-.desktop-tab-vertical-stack-centered-menu-centered-logo.show-nav.has-header-cta[data-v-7c703177],
-.desktop-tab-centered-menu-no-logo.show-nav.has-header-cta[data-v-7c703177] {
+.desktop-tab-vertical-stack-centered-menu-centered-logo.show-nav.has-header-cta[data-v-a6cd0bd4],
+.desktop-tab-centered-menu-no-logo.show-nav.has-header-cta[data-v-a6cd0bd4] {
   display: grid;
   /* The trailing track never shrinks below the button, so a wide nav compresses (its carousel
      scrolls) rather than running under it; the leading track floors at the hidden button copy
@@ -8336,19 +8590,19 @@ select[data-v-6de658e0] {
     [nav-end cta-start] minmax(max-content, 1fr) [cta-end];
 }
 .desktop-tab-vertical-stack-centered-menu-centered-logo.show-nav.has-header-cta
-  .nav-container[data-v-7c703177],
-.desktop-tab-centered-menu-no-logo.show-nav.has-header-cta .nav-container[data-v-7c703177] {
+  .nav-container[data-v-a6cd0bd4],
+.desktop-tab-centered-menu-no-logo.show-nav.has-header-cta .nav-container[data-v-a6cd0bd4] {
   grid-column: nav-start / nav-end;
 }
 
 /* The logo shares the nav's track: that track widens to whichever is bigger, so both stay centered. */
 .desktop-tab-vertical-stack-centered-menu-centered-logo.show-nav.has-header-cta
-  .logo-container[data-v-7c703177] {
+  .logo-container[data-v-a6cd0bd4] {
   grid-column: nav-start / nav-end;
 }
 .desktop-tab-vertical-stack-centered-menu-centered-logo.show-nav.has-header-cta
-  .cta-container[data-v-7c703177],
-.desktop-tab-centered-menu-no-logo.show-nav.has-header-cta .cta-container[data-v-7c703177] {
+  .cta-container[data-v-a6cd0bd4],
+.desktop-tab-centered-menu-no-logo.show-nav.has-header-cta .cta-container[data-v-a6cd0bd4] {
   grid-column: cta-start / cta-end;
   /* Top row, right edge — the shipped corner position. */
   grid-row: 1;
@@ -8356,8 +8610,8 @@ select[data-v-6de658e0] {
   align-self: start;
 }
 .desktop-tab-vertical-stack-centered-menu-centered-logo.show-nav.has-header-cta
-  .cta-mirror[data-v-7c703177],
-.desktop-tab-centered-menu-no-logo.show-nav.has-header-cta .cta-mirror[data-v-7c703177] {
+  .cta-mirror[data-v-a6cd0bd4],
+.desktop-tab-centered-menu-no-logo.show-nav.has-header-cta .cta-mirror[data-v-a6cd0bd4] {
   grid-column: 1 / nav-start;
   grid-row: 1;
 }
@@ -8365,10 +8619,10 @@ select[data-v-6de658e0] {
 /* DESKTOP_TAB_5: the button shares the TOP row with the logo — the nav lives on its own
    full-width row below — so an absolute corner pin collides with nothing and, unlike a
    column, costs the nav no width. */
-.desktop-tab-vertical-stack-centered-logo-centered-menu.has-header-cta[data-v-7c703177] {
+.desktop-tab-vertical-stack-centered-logo-centered-menu.has-header-cta[data-v-a6cd0bd4] {
   position: relative;
 }
-.desktop-tab-vertical-stack-centered-logo-centered-menu .cta-container[data-v-7c703177] {
+.desktop-tab-vertical-stack-centered-logo-centered-menu .cta-container[data-v-a6cd0bd4] {
   position: absolute;
   top: 0px;
   right: 0px;
@@ -8376,10 +8630,10 @@ select[data-v-6de658e0] {
 
 /* TAB_6 with the nav hidden: no nav to collide with, so the button keeps its corner pin
    (absolute, so it never pushes the logo off-centre; the logo keeps the band's height). */
-.desktop-tab-vertical-stack-centered-menu-centered-logo.no-nav.has-header-cta[data-v-7c703177] {
+.desktop-tab-vertical-stack-centered-menu-centered-logo.no-nav.has-header-cta[data-v-a6cd0bd4] {
   position: relative;
 }
-.desktop-tab-vertical-stack-centered-menu-centered-logo.no-nav .cta-container[data-v-7c703177] {
+.desktop-tab-vertical-stack-centered-menu-centered-logo.no-nav .cta-container[data-v-a6cd0bd4] {
   position: absolute;
   top: 0px;
   right: 0px;
@@ -8387,51 +8641,51 @@ select[data-v-6de658e0] {
 
 /* TAB_NO_LOGO_2 with the nav hidden: the button is the band's only content, so it stays in
    flow (an absolute pin would collapse the header to zero height) at the same right edge. */
-.desktop-tab-centered-menu-no-logo.no-nav .cta-container[data-v-7c703177] {
+.desktop-tab-centered-menu-no-logo.no-nav .cta-container[data-v-a6cd0bd4] {
   margin-left: auto;
 }
 
 /* MOBILE_TAB_1/2: full-width button row in the centered stack. */
-.mobile-tab-vertical-stack-centered-logo-centered-menu .cta-container[data-v-7c703177],
-.mobile-tab-vertical-stack-centered-menu-centered-logo .cta-container[data-v-7c703177] {
+.mobile-tab-vertical-stack-centered-logo-centered-menu .cta-container[data-v-a6cd0bd4],
+.mobile-tab-vertical-stack-centered-menu-centered-logo .cta-container[data-v-a6cd0bd4] {
   width: 100%;
   justify-self: stretch;
 }
 /* The row is definite-width, so the decorated button can span it like a section's. */
 .mobile-tab-vertical-stack-centered-logo-centered-menu
-  .cta-container[data-v-7c703177]
+  .cta-container[data-v-a6cd0bd4]
   .bp-style-wrapper,
 .mobile-tab-vertical-stack-centered-menu-centered-logo
-  .cta-container[data-v-7c703177]
+  .cta-container[data-v-a6cd0bd4]
   .bp-style-wrapper,
-.mobile-tab-centered-menu-no-logo .cta-container[data-v-7c703177] .bp-style-wrapper,
+.mobile-tab-centered-menu-no-logo .cta-container[data-v-a6cd0bd4] .bp-style-wrapper,
 .mobile-hamburger-no-logo-left-menu.no-nav
-  .cta-container[data-v-7c703177]
+  .cta-container[data-v-a6cd0bd4]
   .bp-style-wrapper,
 .mobile-hamburger-no-logo-centered-menu.no-nav
-  .cta-container[data-v-7c703177]
+  .cta-container[data-v-a6cd0bd4]
   .bp-style-wrapper,
 .mobile-hamburger-no-logo-right-menu.no-nav
-  .cta-container[data-v-7c703177]
+  .cta-container[data-v-a6cd0bd4]
   .bp-style-wrapper,
 .mobile-hamburger-horizontal-stack-left-logo-right-menu.no-nav
-  .cta-container[data-v-7c703177]
+  .cta-container[data-v-a6cd0bd4]
   .bp-style-wrapper,
 .mobile-hamburger-horizontal-stack-centered-logo-right-menu.no-nav
-  .cta-container[data-v-7c703177]
+  .cta-container[data-v-a6cd0bd4]
   .bp-style-wrapper,
 .mobile-hamburger-horizontal-stack-left-menu-centered-logo.no-nav
-  .cta-container[data-v-7c703177]
+  .cta-container[data-v-a6cd0bd4]
   .bp-style-wrapper,
 .mobile-hamburger-horizontal-stack-left-menu-left-logo.no-nav
-  .cta-container[data-v-7c703177]
+  .cta-container[data-v-a6cd0bd4]
   .bp-style-wrapper {
   width: 100%;
 }
 
 /* MOBILE_TAB_1/2 with the nav hidden: the stack is a plain flex row, so the button wraps below it. */
-.mobile-tab-vertical-stack-centered-logo-centered-menu.no-nav.has-header-cta[data-v-7c703177],
-.mobile-tab-vertical-stack-centered-menu-centered-logo.no-nav.has-header-cta[data-v-7c703177] {
+.mobile-tab-vertical-stack-centered-logo-centered-menu.no-nav.has-header-cta[data-v-a6cd0bd4],
+.mobile-tab-vertical-stack-centered-menu-centered-logo.no-nav.has-header-cta[data-v-a6cd0bd4] {
   -ms-flex-wrap: wrap;
       flex-wrap: wrap;
 }
@@ -8439,28 +8693,28 @@ select[data-v-6de658e0] {
 /* MOBILE_TAB_NO_LOGO_1 (nav shown or not — its flex-centre stack wraps the button either way)
    and MOBILE_HAMBURGER_NO_LOGO_1..3 with the nav hidden: button wraps onto its own full-width
    line below the nav, one row gap apart (the same gap the with-logo stacks use). */
-.mobile-tab-centered-menu-no-logo.has-header-cta[data-v-7c703177],
-.mobile-hamburger-no-logo-left-menu.no-nav.has-header-cta[data-v-7c703177],
-.mobile-hamburger-no-logo-centered-menu.no-nav.has-header-cta[data-v-7c703177],
-.mobile-hamburger-no-logo-right-menu.no-nav.has-header-cta[data-v-7c703177] {
+.mobile-tab-centered-menu-no-logo.has-header-cta[data-v-a6cd0bd4],
+.mobile-hamburger-no-logo-left-menu.no-nav.has-header-cta[data-v-a6cd0bd4],
+.mobile-hamburger-no-logo-centered-menu.no-nav.has-header-cta[data-v-a6cd0bd4],
+.mobile-hamburger-no-logo-right-menu.no-nav.has-header-cta[data-v-a6cd0bd4] {
   -ms-flex-wrap: wrap;
       flex-wrap: wrap;
   row-gap: 1rem;
 }
-.mobile-tab-centered-menu-no-logo .cta-container[data-v-7c703177],
-.mobile-hamburger-no-logo-left-menu.no-nav .cta-container[data-v-7c703177],
-.mobile-hamburger-no-logo-centered-menu.no-nav .cta-container[data-v-7c703177],
-.mobile-hamburger-no-logo-right-menu.no-nav .cta-container[data-v-7c703177] {
+.mobile-tab-centered-menu-no-logo .cta-container[data-v-a6cd0bd4],
+.mobile-hamburger-no-logo-left-menu.no-nav .cta-container[data-v-a6cd0bd4],
+.mobile-hamburger-no-logo-centered-menu.no-nav .cta-container[data-v-a6cd0bd4],
+.mobile-hamburger-no-logo-right-menu.no-nav .cta-container[data-v-a6cd0bd4] {
   width: 100%;
 }
 
 /* DESKTOP_HAMBURGER_1: button gets its own column just before the hamburger icon. */
-.desktop-hamburger-horizontal-stack-left-logo-right-menu.has-header-cta[data-v-7c703177] {
+.desktop-hamburger-horizontal-stack-left-logo-right-menu.has-header-cta[data-v-a6cd0bd4] {
   grid-template-columns: [logo-start] 1fr [cta-start] auto [nav-start] var(
       --hamburger-nav-width
     );
 }
-.desktop-hamburger-horizontal-stack-left-logo-right-menu .cta-container[data-v-7c703177] {
+.desktop-hamburger-horizontal-stack-left-logo-right-menu .cta-container[data-v-a6cd0bd4] {
   grid-column: cta-start;
   /* Without an explicit row the button wraps onto a second row. */
   grid-row: 1;
@@ -8472,7 +8726,7 @@ select[data-v-6de658e0] {
 /* DESKTOP_HAMBURGER_2: button and icon share the trailing track (the button's right margin
    reserves the icon's spot), mirrored by a leading 1fr so the logo stays truly centered.
    The track's max-content floor means a tight header shifts the logo instead of overlapping. */
-.desktop-hamburger-horizontal-stack-centered-logo-right-menu.has-header-cta[data-v-7c703177] {
+.desktop-hamburger-horizontal-stack-centered-logo-right-menu.has-header-cta[data-v-a6cd0bd4] {
   grid-template-columns:
     minmax(-webkit-max-content, 1fr)
     [logo-start] auto [right-start] minmax(-webkit-max-content, 1fr);
@@ -8481,16 +8735,16 @@ select[data-v-6de658e0] {
     [logo-start] auto [right-start] minmax(max-content, 1fr);
 }
 .desktop-hamburger-horizontal-stack-centered-logo-right-menu.has-header-cta
-  .logo-container[data-v-7c703177] {
+  .logo-container[data-v-a6cd0bd4] {
   grid-column: logo-start;
 }
 .desktop-hamburger-horizontal-stack-centered-logo-right-menu.has-header-cta
-  .nav-container[data-v-7c703177] {
+  .nav-container[data-v-a6cd0bd4] {
   grid-column: right-start;
   grid-row: 1;
   justify-self: end;
 }
-.desktop-hamburger-horizontal-stack-centered-logo-right-menu .cta-container[data-v-7c703177] {
+.desktop-hamburger-horizontal-stack-centered-logo-right-menu .cta-container[data-v-a6cd0bd4] {
   grid-column: right-start;
   grid-row: 1;
   justify-self: end;
@@ -8501,7 +8755,7 @@ select[data-v-6de658e0] {
 /* The mirror reserves the icon's spot the same way the real button does (margin-right), so the
    leading track equals button + icon + gap and the logo stays centred. */
 .desktop-hamburger-horizontal-stack-centered-logo-right-menu.has-header-cta
-  .cta-mirror[data-v-7c703177] {
+  .cta-mirror[data-v-a6cd0bd4] {
   grid-column: 1;
   grid-row: 1;
   margin-right: calc(var(--hamburger-nav-width) + 1rem);
@@ -8509,7 +8763,7 @@ select[data-v-6de658e0] {
 
 /* Single page: no nav means no icon, so the button takes the right edge and the
    leading mirror shrinks to just the button's width. */
-.desktop-hamburger-horizontal-stack-centered-logo-right-menu.no-nav.has-header-cta[data-v-7c703177] {
+.desktop-hamburger-horizontal-stack-centered-logo-right-menu.no-nav.has-header-cta[data-v-a6cd0bd4] {
   grid-template-columns:
     minmax(-webkit-max-content, 1fr)
     [logo-start] auto [right-start] minmax(-webkit-max-content, 1fr);
@@ -8518,17 +8772,17 @@ select[data-v-6de658e0] {
     [logo-start] auto [right-start] minmax(max-content, 1fr);
 }
 .desktop-hamburger-horizontal-stack-centered-logo-right-menu.no-nav
-  .cta-container[data-v-7c703177],
+  .cta-container[data-v-a6cd0bd4],
 .desktop-hamburger-horizontal-stack-centered-logo-right-menu.no-nav
-  .cta-mirror[data-v-7c703177] {
+  .cta-mirror[data-v-a6cd0bd4] {
   /* Single page: no icon to reserve. */
   margin-right: 0;
 }
 
 /* DESKTOP_HAMBURGER_NO_LOGO_1..3: button shows before the icon. */
-.desktop-hamburger-no-logo-left-menu .cta-container[data-v-7c703177],
-.desktop-hamburger-no-logo-centered-menu .cta-container[data-v-7c703177],
-.desktop-hamburger-no-logo-right-menu .cta-container[data-v-7c703177] {
+.desktop-hamburger-no-logo-left-menu .cta-container[data-v-a6cd0bd4],
+.desktop-hamburger-no-logo-centered-menu .cta-container[data-v-a6cd0bd4],
+.desktop-hamburger-no-logo-right-menu .cta-container[data-v-a6cd0bd4] {
   -webkit-box-ordinal-group: 0;
       -ms-flex-order: -1;
           order: -1;
@@ -8539,20 +8793,20 @@ select[data-v-6de658e0] {
 
 /* With the button on, icon + button always sit at the right whatever alignment the stored
    style carries — the display-style picker is hidden in this state (HeaderDisplayStyle.vue). */
-.desktop-hamburger-no-logo-left-menu.has-header-cta[data-v-7c703177],
-.desktop-hamburger-no-logo-centered-menu.has-header-cta[data-v-7c703177] {
+.desktop-hamburger-no-logo-left-menu.has-header-cta[data-v-a6cd0bd4],
+.desktop-hamburger-no-logo-centered-menu.has-header-cta[data-v-a6cd0bd4] {
   -webkit-box-pack: end;
       -ms-flex-pack: end;
           justify-content: flex-end;
 }
 
 /* MOBILE_HAMBURGER_1..4 with the nav hidden (single page): no side menu exists, so the button gets a full-width row below the logo. */
-.mobile-hamburger-horizontal-stack-left-logo-right-menu.no-nav .cta-container[data-v-7c703177],
+.mobile-hamburger-horizontal-stack-left-logo-right-menu.no-nav .cta-container[data-v-a6cd0bd4],
 .mobile-hamburger-horizontal-stack-centered-logo-right-menu.no-nav
-  .cta-container[data-v-7c703177],
+  .cta-container[data-v-a6cd0bd4],
 .mobile-hamburger-horizontal-stack-left-menu-centered-logo.no-nav
-  .cta-container[data-v-7c703177],
-.mobile-hamburger-horizontal-stack-left-menu-left-logo.no-nav .cta-container[data-v-7c703177] {
+  .cta-container[data-v-a6cd0bd4],
+.mobile-hamburger-horizontal-stack-left-menu-left-logo.no-nav .cta-container[data-v-a6cd0bd4] {
   grid-column: 1 / -1;
   margin-top: 1rem;
   width: 100%;
@@ -8560,20 +8814,20 @@ select[data-v-6de658e0] {
 
 /* Desktop placements: cap the button so a long label wraps to the next line (like the
    banner's button) instead of stretching across the header. Mobile rows stay full-width. */
-.desktop-tab-horizontal-stack-left-logo-right-menu .cta-container[data-v-7c703177],
-.desktop-tab-horizontal-stack-left-logo-left-menu .cta-container[data-v-7c703177],
-.desktop-tab-horizontal-stack-left-logo-centered-menu .cta-container[data-v-7c703177],
-.desktop-tab-horizontal-stack-centered-logo-right-menu .cta-container[data-v-7c703177],
-.desktop-tab-vertical-stack-centered-logo-centered-menu .cta-container[data-v-7c703177],
-.desktop-tab-vertical-stack-centered-menu-centered-logo .cta-container[data-v-7c703177],
-.desktop-tab-left-menu-no-logo .cta-container[data-v-7c703177],
-.desktop-tab-centered-menu-no-logo .cta-container[data-v-7c703177],
-.desktop-tab-right-menu-no-logo .cta-container[data-v-7c703177],
-.desktop-hamburger-horizontal-stack-left-logo-right-menu .cta-container[data-v-7c703177],
-.desktop-hamburger-horizontal-stack-centered-logo-right-menu .cta-container[data-v-7c703177],
-.desktop-hamburger-no-logo-left-menu .cta-container[data-v-7c703177],
-.desktop-hamburger-no-logo-centered-menu .cta-container[data-v-7c703177],
-.desktop-hamburger-no-logo-right-menu .cta-container[data-v-7c703177] {
+.desktop-tab-horizontal-stack-left-logo-right-menu .cta-container[data-v-a6cd0bd4],
+.desktop-tab-horizontal-stack-left-logo-left-menu .cta-container[data-v-a6cd0bd4],
+.desktop-tab-horizontal-stack-left-logo-centered-menu .cta-container[data-v-a6cd0bd4],
+.desktop-tab-horizontal-stack-centered-logo-right-menu .cta-container[data-v-a6cd0bd4],
+.desktop-tab-vertical-stack-centered-logo-centered-menu .cta-container[data-v-a6cd0bd4],
+.desktop-tab-vertical-stack-centered-menu-centered-logo .cta-container[data-v-a6cd0bd4],
+.desktop-tab-left-menu-no-logo .cta-container[data-v-a6cd0bd4],
+.desktop-tab-centered-menu-no-logo .cta-container[data-v-a6cd0bd4],
+.desktop-tab-right-menu-no-logo .cta-container[data-v-a6cd0bd4],
+.desktop-hamburger-horizontal-stack-left-logo-right-menu .cta-container[data-v-a6cd0bd4],
+.desktop-hamburger-horizontal-stack-centered-logo-right-menu .cta-container[data-v-a6cd0bd4],
+.desktop-hamburger-no-logo-left-menu .cta-container[data-v-a6cd0bd4],
+.desktop-hamburger-no-logo-centered-menu .cta-container[data-v-a6cd0bd4],
+.desktop-hamburger-no-logo-right-menu .cta-container[data-v-a6cd0bd4] {
   max-width: var(--logo-max-width);
 }
 
@@ -8585,12 +8839,20 @@ select[data-v-6de658e0] {
   margin: 0;
 }
 
-.c-page-header-container[data-v-73d5a1ed] {
+.c-page-header-container[data-v-d1f2d92e] {
   max-width: var(--brandsite-max-width);
   margin: 0 auto;
   padding: 0.25rem var(--page-padding);
 }
 
+/* BP/BC keep today's narrower column instead of brand site's wider one. */
+.c-page-header-container--bp[data-v-d1f2d92e] {
+  max-width: var(--page-max-width);
+}
+.c-page-header-spacer[data-v-d1f2d92e] {
+  height: var(--page-padding);
+}
+
 .c-page-footer__container[data-v-ef9d02e0] {
   max-width: var(--brandsite-max-width);
   margin: 0 auto;
@@ -8770,73 +9032,6 @@ select[data-v-6de658e0] {
   opacity: 0.2;
 }
 
-.nav-container[data-v-a74eb6f7] {
-  max-width: 100%;
-  overflow: hidden;
-}
-.mobile-tab-centered-menu-no-logo[data-v-a74eb6f7] {
-  display: block;
-  width: 100%;
-}
-.mobile-tab-centered-menu-no-logo .nav-container__inner[data-v-a74eb6f7] {
-  width: 100%;
-}
-.desktop-tab-centered-menu-no-logo[data-v-a74eb6f7],
-.desktop-hamburger-no-logo-centered-menu[data-v-a74eb6f7] {
-  display: block;
-}
-.desktop-tab-centered-menu-no-logo .nav-container__inner[data-v-a74eb6f7],
-.desktop-hamburger-no-logo-centered-menu .nav-container__inner[data-v-a74eb6f7] {
-  /* start - center content */
-  display: inline-block;
-  -webkit-transform: translateX(-50%);
-          transform: translateX(-50%);
-  left: 50%;
-  position: relative;
-  max-width: 100%;
-  /* end - center content */
-}
-.desktop-hamburger-no-logo-left-menu[data-v-a74eb6f7] {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: start;
-      -ms-flex-pack: start;
-          justify-content: flex-start;
-}
-.desktop-hamburger-no-logo-right-menu[data-v-a74eb6f7] {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: end;
-      -ms-flex-pack: end;
-          justify-content: flex-end;
-}
-.mobile-hamburger-no-logo-left-menu[data-v-a74eb6f7] {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: start;
-      -ms-flex-pack: start;
-          justify-content: flex-start;
-}
-.mobile-hamburger-no-logo-centered-menu[data-v-a74eb6f7] {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-      -ms-flex-pack: center;
-          justify-content: center;
-}
-.mobile-hamburger-no-logo-right-menu[data-v-a74eb6f7] {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: end;
-      -ms-flex-pack: end;
-          justify-content: flex-end;
-}
-
 @-webkit-keyframes slideUp-e83ec73e {
 from {
     bottom: -100%;
@@ -8950,14 +9145,14 @@ body {
   visibility: hidden !important;
 }
 
-.brand-page-root[data-v-b1539a54] {
+.brand-page-root[data-v-ac44f8f2] {
   height: 100%;
 }
-.sortable[data-v-b1539a54] {
+.sortable[data-v-ac44f8f2] {
   outline-color: #F7768C;
   outline-width: 0.2rem;
 }
-.brand-page[data-v-b1539a54] {
+.brand-page[data-v-ac44f8f2] {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
   display: -webkit-box;
@@ -8969,7 +9164,7 @@ body {
       -ms-flex-direction: column;
           flex-direction: column;
 }
-.brand-page__background-shapes-layer[data-v-b1539a54] {
+.brand-page__background-shapes-layer[data-v-ac44f8f2] {
   position: fixed;
   top: 0;
   left: 0;
@@ -8980,11 +9175,11 @@ body {
           transform: translate3d(0, 0, 0);
   contain: layout paint;
 }
-.template-preview .brand-page__background-shapes-layer[data-v-b1539a54],
-.device-wrapper .brand-page__background-shapes-layer[data-v-b1539a54] {
+.template-preview .brand-page__background-shapes-layer[data-v-ac44f8f2],
+.device-wrapper .brand-page__background-shapes-layer[data-v-ac44f8f2] {
   height: 100%;
 }
-.brand-page__inner--default[data-v-b1539a54] {
+.brand-page__inner--default[data-v-ac44f8f2] {
   position: relative;
   z-index: 10;
   display: -webkit-box;
@@ -8996,16 +9191,13 @@ body {
       -ms-flex-direction: column;
           flex-direction: column;
 }
-.brand-page__inner--desktop[data-v-b1539a54] {
+.brand-page__inner--desktop[data-v-ac44f8f2] {
   min-height: 100vh;
 }
-.brand-site__header[data-v-b1539a54] {
+.brand-site__header[data-v-ac44f8f2] {
   container-type: inline-size;
 }
-.brand-page__header[data-v-b1539a54] {
-  padding-top: var(--page-padding);
-}
-.brand-page__content--default[data-v-b1539a54] {
+.brand-page__content--default[data-v-ac44f8f2] {
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 2.5rem;
@@ -9022,7 +9214,7 @@ body {
           flex-direction: column;
   max-width: var(--page-max-width);
 }
-.brand-page__content--desktop[data-v-b1539a54] {
+.brand-page__content--desktop[data-v-ac44f8f2] {
   margin-left: auto;
   margin-right: auto;
   display: -webkit-box;
@@ -9038,15 +9230,15 @@ body {
           flex-direction: column;
   max-width: 100%;
 }
-.brand-page__content--inner[data-v-b1539a54] {
+.brand-page__content--inner[data-v-ac44f8f2] {
   padding-left: var(--page-padding);
   padding-right: var(--page-padding);
 }
-.brand-page__content--inner--brandsite[data-v-b1539a54] {
+.brand-page__content--inner--brandsite[data-v-ac44f8f2] {
   max-width: var(--brandsite-max-width);
   margin: 0 auto;
 }
-.brand-page__content--outline-selected[data-v-b1539a54] {
+.brand-page__content--outline-selected[data-v-ac44f8f2] {
   position: relative;
   z-index: 10;
   outline-color: #F7768C;
@@ -9054,20 +9246,20 @@ body {
   outline-style: dashed;
   outline-offset: -0.25rem;
 }
-.brand-page__content--outline-footer-selected[data-v-b1539a54] {
+.brand-page__content--outline-footer-selected[data-v-ac44f8f2] {
   outline-color: #f7768c;
   outline-width: 0.2rem;
   outline-style: dashed;
   outline-offset: -0.25rem;
 }
 @media (max-width: 640px) {
-.brand-page__content--inner--full-width[data-v-b1539a54] {
+.brand-page__content--inner--full-width[data-v-ac44f8f2] {
     padding-left: 0;
     padding-right: 0;
 }
 }
 @media (min-width: 640px) {
-.brand-page__content--inner--full-width[data-v-b1539a54] {
+.brand-page__content--inner--full-width[data-v-ac44f8f2] {
     padding-left: var(--page-padding);
     padding-right: var(--page-padding);
 }
@@ -9153,16 +9345,16 @@ body {
   width: auto;
 }
 
-.sortable[data-v-470bd10d] {
+.sortable[data-v-d0261f63] {
   outline-color: #F7768C;
   outline-width: 0.2rem;
 }
-.sortable-ghost[data-v-470bd10d] {
+.sortable-ghost[data-v-d0261f63] {
   visibility: hidden;
   padding: 0px;
   z-index: -1;
 }
-.sortable-ghost[data-v-470bd10d]::after {
+.sortable-ghost[data-v-d0261f63]::after {
   visibility: visible;
   position: absolute;
   left: 50%;
@@ -9175,13 +9367,13 @@ body {
           transform: translateX(-50%);
   width: calc(100% - var(--page-padding) * 2);
 }
-.sortable-drag[data-v-470bd10d] {
+.sortable-drag[data-v-d0261f63] {
   z-index: -1;
 }
-.sortable-drag .c-nav-below-logo[data-v-470bd10d] {
+.sortable-drag .c-nav-below-logo[data-v-d0261f63] {
   display: none;
 }
-.sortable-drag[data-v-470bd10d]::after {
+.sortable-drag[data-v-d0261f63]::after {
   visibility: visible;
   position: absolute;
   top: 0px;
@@ -9195,17 +9387,17 @@ body {
   width: calc(100% - var(--page-padding) * 2);
   outline-style: solid;
 }
-.brand-page__content--container[data-v-470bd10d] {
+.brand-page__content--container[data-v-d0261f63] {
   padding-left: var(--page-padding);
   padding-right: var(--page-padding);
 }
-.brand-page__content--container--brandsite[data-v-470bd10d] {
+.brand-page__content--container--brandsite[data-v-d0261f63] {
   max-width: var(--brandsite-max-width);
   margin: 0 auto;
   padding-left: var(--page-padding);
   padding-right: var(--page-padding);
 }
-.brand-page__content--outline-selected[data-v-470bd10d] {
+.brand-page__content--outline-selected[data-v-d0261f63] {
   position: relative;
   z-index: 10;
   outline-color: #F7768C;
@@ -10782,7 +10974,7 @@ input.dynamic-width-input[data-v-97be2e87]:focus {
   margin: 0 auto;
 }
 
-.header-settings-panel_option-title[data-v-792691ea] {
+.header-settings-panel_option-title[data-v-4431fc26] {
     font-family: Lato, Helvetica, sans-serif;
     font-size: 0.875rem;
     line-height: 1.25rem;
@@ -10803,7 +10995,7 @@ input.dynamic-width-input[data-v-97be2e87]:focus {
   min-height: 0rem;
 }
 
-.c-preview-container[data-v-ba06f4c2] {
+.c-preview-container[data-v-8f93afea] {
   width: 100%;
   position: fixed;
   background-position: center center;