@designcrowd/library.brand-page 6.1.17-ast-header-button → 6.1.17-ast-header-button-2

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

@@ -7719,68 +7719,68 @@ select[data-v-665b8067] {
   margin: 0 auto;
 }
 
-.root[data-v-27d98913] {
-  --logo-width: var(--aa5a55f0);
+.root[data-v-dc7e5167] {
+  --logo-width: var(--v2fb35d8a);
   --logo-max-width: 20rem;
   --tab-nav-height: 56px;
   --hamburger-nav-height: 32px;
   --hamburger-nav-width: 32px;
 }
-.layout[data-v-27d98913] {
+.layout[data-v-dc7e5167] {
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
 }
-.nav-container[data-v-27d98913] {
+.nav-container[data-v-dc7e5167] {
   max-width: 100%;
   overflow: hidden;
 }
-.logo-container[data-v-27d98913] {
+.logo-container[data-v-dc7e5167] {
 }
 /* The CTA container is a plain block: every family below positions the BOX, and the
    button then fills whatever box it is given (full width for the mobile row,
    content width everywhere else). */
-.cta-container[data-v-27d98913] {
+.cta-container[data-v-dc7e5167] {
   min-width: 0;
 }
 
 /* DESKTOP_TAB_1 */
-.desktop-tab-horizontal-stack-left-logo-right-menu[data-v-27d98913] {
+.desktop-tab-horizontal-stack-left-logo-right-menu[data-v-dc7e5167] {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
 }
-.desktop-tab-horizontal-stack-left-logo-right-menu .nav-container[data-v-27d98913] {
+.desktop-tab-horizontal-stack-left-logo-right-menu .nav-container[data-v-dc7e5167] {
   -webkit-box-flex: 1;
       -ms-flex: 1;
           flex: 1;
   margin-left: 1rem;
 }
-.desktop-tab-horizontal-stack-left-logo-right-menu .nav-container__inner[data-v-27d98913] {
+.desktop-tab-horizontal-stack-left-logo-right-menu .nav-container__inner[data-v-dc7e5167] {
   display: inline-block;
   float: right;
   max-width: 100%;
 }
 
 /* DESKTOP_TAB_2 */
-.desktop-tab-horizontal-stack-left-logo-left-menu[data-v-27d98913] {
+.desktop-tab-horizontal-stack-left-logo-left-menu[data-v-dc7e5167] {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
 }
-.desktop-tab-horizontal-stack-left-logo-left-menu .nav-container[data-v-27d98913] {
+.desktop-tab-horizontal-stack-left-logo-left-menu .nav-container[data-v-dc7e5167] {
   -webkit-box-flex: 1;
       -ms-flex: 1;
           flex: 1;
   margin-left: 1rem;
 }
-.desktop-tab-horizontal-stack-left-logo-left-menu .nav-container__inner[data-v-27d98913] {
+.desktop-tab-horizontal-stack-left-logo-left-menu .nav-container__inner[data-v-dc7e5167] {
   display: inline-block;
   max-width: 100%;
 }
 
 /* DESKTOP_TAB_3 */
-.desktop-tab-horizontal-stack-left-logo-centered-menu[data-v-27d98913] {
+.desktop-tab-horizontal-stack-left-logo-centered-menu[data-v-dc7e5167] {
   display: grid;
   grid-template-columns:
     [logo-start] var(--logo-max-width) [logo-end nav-start] 1fr [nav-end] var(
@@ -7793,14 +7793,14 @@ select[data-v-665b8067] {
   margin-top: 1rem;
   margin-bottom: 1rem;
 }
-.desktop-tab-horizontal-stack-left-logo-centered-menu .logo-container[data-v-27d98913] {
+.desktop-tab-horizontal-stack-left-logo-centered-menu .logo-container[data-v-dc7e5167] {
   grid-column: logo-start / logo-end;
   justify-self: start;
 }
-.desktop-tab-horizontal-stack-left-logo-centered-menu .nav-container[data-v-27d98913] {
+.desktop-tab-horizontal-stack-left-logo-centered-menu .nav-container[data-v-dc7e5167] {
   grid-column: nav-start / nav-end;
 }
-.desktop-tab-horizontal-stack-left-logo-centered-menu .nav-container__inner[data-v-27d98913] {
+.desktop-tab-horizontal-stack-left-logo-centered-menu .nav-container__inner[data-v-dc7e5167] {
   /* start - center content */
   display: inline-block;
   -webkit-transform: translateX(-50%);
@@ -7811,7 +7811,7 @@ select[data-v-665b8067] {
   /* end - center content */
 }
 /* DESKTOP_TAB_4 */
-.desktop-tab-horizontal-stack-centered-logo-right-menu[data-v-27d98913] {
+.desktop-tab-horizontal-stack-centered-logo-right-menu[data-v-dc7e5167] {
   display: grid;
   -webkit-column-gap: 1rem;
      -moz-column-gap: 1rem;
@@ -7820,26 +7820,26 @@ select[data-v-665b8067] {
     [col-start] 1fr [logo-start] var(--logo-max-width)
     [logo-end nav-start] 1fr [nav-end];
 }
-.desktop-tab-horizontal-stack-centered-logo-right-menu .logo-container[data-v-27d98913] {
+.desktop-tab-horizontal-stack-centered-logo-right-menu .logo-container[data-v-dc7e5167] {
   grid-column: logo-start / logo-end;
 }
-.desktop-tab-horizontal-stack-centered-logo-right-menu .nav-container[data-v-27d98913] {
+.desktop-tab-horizontal-stack-centered-logo-right-menu .nav-container[data-v-dc7e5167] {
   grid-column: nav-start / nav-end;
 }
-.desktop-tab-horizontal-stack-centered-logo-right-menu .nav-container__inner[data-v-27d98913] {
+.desktop-tab-horizontal-stack-centered-logo-right-menu .nav-container__inner[data-v-dc7e5167] {
   /* start - align right content */
   float: right;
   max-width: 100%;
   /* end - align right content */
 }
 /* DESKTOP_TAB_5 */
-.desktop-tab-vertical-stack-centered-logo-centered-menu[data-v-27d98913] {
+.desktop-tab-vertical-stack-centered-logo-centered-menu[data-v-dc7e5167] {
   -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-27d98913] {
+.desktop-tab-vertical-stack-centered-logo-centered-menu.show-nav[data-v-dc7e5167] {
   display: grid;
   grid-template-rows: repeat(2, minmax(0, 1fr));
   row-gap: 1rem;
@@ -7848,16 +7848,16 @@ select[data-v-665b8067] {
     [row2-end];
 }
 .desktop-tab-vertical-stack-centered-logo-centered-menu.show-nav
-  .logo-container[data-v-27d98913] {
+  .logo-container[data-v-dc7e5167] {
   grid-row: row1-start / row1-end;
 }
 .desktop-tab-vertical-stack-centered-logo-centered-menu.show-nav
-  .nav-container[data-v-27d98913] {
+  .nav-container[data-v-dc7e5167] {
   grid-row: row2-start / row2-end;
   width: 100%;
 }
 .desktop-tab-vertical-stack-centered-logo-centered-menu.show-nav
-  .nav-container__inner[data-v-27d98913] {
+  .nav-container__inner[data-v-dc7e5167] {
   display: inline-block;
   -webkit-transform: translateX(-50%);
           transform: translateX(-50%);
@@ -7865,7 +7865,7 @@ select[data-v-665b8067] {
   position: relative;
   max-width: 100%;
 }
-.desktop-tab-vertical-stack-centered-logo-centered-menu.no-nav[data-v-27d98913] {
+.desktop-tab-vertical-stack-centered-logo-centered-menu.no-nav[data-v-dc7e5167] {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -7875,14 +7875,14 @@ select[data-v-665b8067] {
 }
 
 /* MOBILE_TAB_1 */
-.mobile-tab-vertical-stack-centered-logo-centered-menu[data-v-27d98913] {
+.mobile-tab-vertical-stack-centered-logo-centered-menu[data-v-dc7e5167] {
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   justify-items: center;
   width: 100%;
 }
-.mobile-tab-vertical-stack-centered-logo-centered-menu.show-nav[data-v-27d98913] {
+.mobile-tab-vertical-stack-centered-logo-centered-menu.show-nav[data-v-dc7e5167] {
   display: grid;
   row-gap: 1rem;
   grid-template-rows:
@@ -7890,21 +7890,21 @@ select[data-v-665b8067] {
     [row2-end];
 }
 .mobile-tab-vertical-stack-centered-logo-centered-menu.show-nav
-  .logo-container[data-v-27d98913] {
+  .logo-container[data-v-dc7e5167] {
   grid-row: row1-start / row1-end;
 }
-.mobile-tab-vertical-stack-centered-logo-centered-menu.show-nav .nav-container[data-v-27d98913] {
+.mobile-tab-vertical-stack-centered-logo-centered-menu.show-nav .nav-container[data-v-dc7e5167] {
   grid-row: row2-start / row2-end;
   width: 100%;
 }
-.mobile-tab-vertical-stack-centered-logo-centered-menu.no-nav[data-v-27d98913] {
+.mobile-tab-vertical-stack-centered-logo-centered-menu.no-nav[data-v-dc7e5167] {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
 }
 
 /* DESKTOP_TAB_6 */
-.desktop-tab-vertical-stack-centered-menu-centered-logo.show-nav[data-v-27d98913] {
+.desktop-tab-vertical-stack-centered-menu-centered-logo.show-nav[data-v-dc7e5167] {
   display: grid;
   grid-template-rows:
     [row1-start] var(--tab-nav-height)
@@ -7916,28 +7916,28 @@ select[data-v-665b8067] {
   justify-items: center;
 }
 .desktop-tab-vertical-stack-centered-menu-centered-logo.show-nav
-  .logo-container[data-v-27d98913] {
+  .logo-container[data-v-dc7e5167] {
   grid-row: row2-start / row2-end;
   text-align: center;
 }
 .desktop-tab-vertical-stack-centered-menu-centered-logo.show-nav
-  .nav-container[data-v-27d98913] {
+  .nav-container[data-v-dc7e5167] {
   grid-row: row1-start / row1-end;
 }
-.layout desktop-tab-vertical-stack-centered-menu-centered-logo.no-nav[data-v-27d98913] {
+.layout desktop-tab-vertical-stack-centered-menu-centered-logo.no-nav[data-v-dc7e5167] {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
 }
 /*  MOBILE_TAB_2 */
-.mobile-tab-vertical-stack-centered-menu-centered-logo[data-v-27d98913] {
+.mobile-tab-vertical-stack-centered-menu-centered-logo[data-v-dc7e5167] {
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   justify-items: center;
   width: 100%;
 }
-.mobile-tab-vertical-stack-centered-menu-centered-logo.show-nav[data-v-27d98913] {
+.mobile-tab-vertical-stack-centered-menu-centered-logo.show-nav[data-v-dc7e5167] {
   display: grid;
   grid-template-rows:
     [row1-start] var(--tab-nav-height)
@@ -7946,22 +7946,22 @@ select[data-v-665b8067] {
   margin-top: 1rem;
 }
 .mobile-tab-vertical-stack-centered-menu-centered-logo.show-nav
-  .logo-container[data-v-27d98913] {
+  .logo-container[data-v-dc7e5167] {
   grid-row: row2-start / row2-end;
 }
-.mobile-tab-vertical-stack-centered-menu-centered-logo.show-nav .nav-container[data-v-27d98913] {
+.mobile-tab-vertical-stack-centered-menu-centered-logo.show-nav .nav-container[data-v-dc7e5167] {
   grid-row: row1-start / row1-end;
   width: 100%;
 }
-.mobile-tab-vertical-stack-centered-menu-centered-logo.no-nav[data-v-27d98913] {
+.mobile-tab-vertical-stack-centered-menu-centered-logo.no-nav[data-v-dc7e5167] {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
 }
 
 /* DESKTOP_TAB_NO_LOGO_1, DESKTOP_HAMBURGER_NO_LOGO_1 */
-.desktop-tab-left-menu-no-logo[data-v-27d98913],
-.desktop-hamburger-no-logo-left-menu[data-v-27d98913] {
+.desktop-tab-left-menu-no-logo[data-v-dc7e5167],
+.desktop-hamburger-no-logo-left-menu[data-v-dc7e5167] {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -7969,15 +7969,15 @@ select[data-v-665b8067] {
       -ms-flex-pack: start;
           justify-content: flex-start;
 }
-.desktop-tab-left-menu-no-logo .logo-container[data-v-27d98913],
-.desktop-hamburger-no-logo-left-menu .logo-container[data-v-27d98913] {
+.desktop-tab-left-menu-no-logo .logo-container[data-v-dc7e5167],
+.desktop-hamburger-no-logo-left-menu .logo-container[data-v-dc7e5167] {
   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-27d98913],
-.desktop-hamburger-no-logo-centered-menu[data-v-27d98913],
-.mobile-tab-centered-menu-no-logo[data-v-27d98913] {
+.desktop-tab-centered-menu-no-logo[data-v-dc7e5167],
+.desktop-hamburger-no-logo-centered-menu[data-v-dc7e5167],
+.mobile-tab-centered-menu-no-logo[data-v-dc7e5167] {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -7985,15 +7985,15 @@ select[data-v-665b8067] {
       -ms-flex-pack: center;
           justify-content: center;
 }
-.desktop-tab-centered-menu-no-logo .logo-container[data-v-27d98913],
-.desktop-hamburger-no-logo-centered-menu .logo-container[data-v-27d98913],
-.mobile-tab-centered-menu-no-logo .logo-container[data-v-27d98913] {
+.desktop-tab-centered-menu-no-logo .logo-container[data-v-dc7e5167],
+.desktop-hamburger-no-logo-centered-menu .logo-container[data-v-dc7e5167],
+.mobile-tab-centered-menu-no-logo .logo-container[data-v-dc7e5167] {
   display: none;
 }
 
 /* DESKTOP_TAB_NO_LOGO_3, DESKTOP_HAMBURGER_NO_LOGO_3 */
-.desktop-tab-right-menu-no-logo[data-v-27d98913],
-.desktop-hamburger-no-logo-right-menu[data-v-27d98913] {
+.desktop-tab-right-menu-no-logo[data-v-dc7e5167],
+.desktop-hamburger-no-logo-right-menu[data-v-dc7e5167] {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -8001,14 +8001,14 @@ select[data-v-665b8067] {
       -ms-flex-pack: end;
           justify-content: flex-end;
 }
-.desktop-tab-right-menu-no-logo .logo-container[data-v-27d98913],
-.desktop-hamburger-no-logo-right-menu .logo-container[data-v-27d98913] {
+.desktop-tab-right-menu-no-logo .logo-container[data-v-dc7e5167],
+.desktop-hamburger-no-logo-right-menu .logo-container[data-v-dc7e5167] {
   display: none;
 }
 
 /* DESKTOP_HAMBURGER_1, MOBILE_HAMBURGER_1 */
-.desktop-hamburger-horizontal-stack-left-logo-right-menu[data-v-27d98913],
-.mobile-hamburger-horizontal-stack-left-logo-right-menu[data-v-27d98913] {
+.desktop-hamburger-horizontal-stack-left-logo-right-menu[data-v-dc7e5167],
+.mobile-hamburger-horizontal-stack-left-logo-right-menu[data-v-dc7e5167] {
   display: grid;
   grid-template-columns: [logo-start] auto [nav-start] var(
       --hamburger-nav-width
@@ -8017,8 +8017,8 @@ select[data-v-665b8067] {
       -ms-flex-align: start;
           align-items: start;
 }
-.desktop-hamburger-horizontal-stack-left-logo-right-menu .logo-container[data-v-27d98913],
-.mobile-hamburger-horizontal-stack-left-logo-right-menu .logo-container[data-v-27d98913] {
+.desktop-hamburger-horizontal-stack-left-logo-right-menu .logo-container[data-v-dc7e5167],
+.mobile-hamburger-horizontal-stack-left-logo-right-menu .logo-container[data-v-dc7e5167] {
   margin-right: 1rem;
   display: -webkit-box;
   display: -ms-flexbox;
@@ -8028,15 +8028,15 @@ select[data-v-665b8067] {
           justify-content: flex-start;
   grid-column: logo-start;
 }
-.desktop-hamburger-horizontal-stack-left-logo-right-menu .nav-container[data-v-27d98913],
-.mobile-hamburger-horizontal-stack-left-logo-right-menu .nav-container[data-v-27d98913] {
+.desktop-hamburger-horizontal-stack-left-logo-right-menu .nav-container[data-v-dc7e5167],
+.mobile-hamburger-horizontal-stack-left-logo-right-menu .nav-container[data-v-dc7e5167] {
   grid-column: nav-start;
   margin: var(--page-padding) 0;
 }
 
 /* DESKTOP_HAMBURGER_2, MOBILE_HAMBURGER_2 */
-.desktop-hamburger-horizontal-stack-centered-logo-right-menu[data-v-27d98913],
-.mobile-hamburger-horizontal-stack-centered-logo-right-menu[data-v-27d98913] {
+.desktop-hamburger-horizontal-stack-centered-logo-right-menu[data-v-dc7e5167],
+.mobile-hamburger-horizontal-stack-centered-logo-right-menu[data-v-dc7e5167] {
   display: grid;
   grid-template-columns:
     [start] var(--hamburger-nav-width)
@@ -8045,8 +8045,8 @@ select[data-v-665b8067] {
       -ms-flex-align: start;
           align-items: start;
 }
-.desktop-hamburger-horizontal-stack-centered-logo-right-menu .logo-container[data-v-27d98913],
-.mobile-hamburger-horizontal-stack-centered-logo-right-menu .logo-container[data-v-27d98913] {
+.desktop-hamburger-horizontal-stack-centered-logo-right-menu .logo-container[data-v-dc7e5167],
+.mobile-hamburger-horizontal-stack-centered-logo-right-menu .logo-container[data-v-dc7e5167] {
   margin-left: 1rem;
   margin-right: 1rem;
   display: -webkit-box;
@@ -8057,14 +8057,14 @@ select[data-v-665b8067] {
           justify-content: center;
   grid-column: logo-start;
 }
-.desktop-hamburger-horizontal-stack-centered-logo-right-menu .nav-container[data-v-27d98913],
-.mobile-hamburger-horizontal-stack-centered-logo-right-menu .nav-container[data-v-27d98913] {
+.desktop-hamburger-horizontal-stack-centered-logo-right-menu .nav-container[data-v-dc7e5167],
+.mobile-hamburger-horizontal-stack-centered-logo-right-menu .nav-container[data-v-dc7e5167] {
   grid-column: nav-start;
   margin: var(--page-padding) 0;
 }
 
 /* MOBILE_HAMBURGER_3 */
-.mobile-hamburger-horizontal-stack-left-menu-centered-logo[data-v-27d98913] {
+.mobile-hamburger-horizontal-stack-left-menu-centered-logo[data-v-dc7e5167] {
   display: grid;
   grid-template-columns: var(--hamburger-nav-width) auto var(
       --hamburger-nav-width
@@ -8074,7 +8074,7 @@ select[data-v-665b8067] {
       -ms-flex-align: start;
           align-items: start;
 }
-.mobile-hamburger-horizontal-stack-left-menu-centered-logo .logo-container[data-v-27d98913] {
+.mobile-hamburger-horizontal-stack-left-menu-centered-logo .logo-container[data-v-dc7e5167] {
   margin-left: 1rem;
   margin-right: 1rem;
   display: -webkit-box;
@@ -8085,18 +8085,18 @@ select[data-v-665b8067] {
           justify-content: center;
   grid-area: b;
 }
-.mobile-hamburger-horizontal-stack-left-menu-centered-logo .nav-container[data-v-27d98913] {
+.mobile-hamburger-horizontal-stack-left-menu-centered-logo .nav-container[data-v-dc7e5167] {
   grid-area: a;
   margin: var(--page-padding) 0;
 }
 .mobile-hamburger-horizontal-stack-left-menu-centered-logo
-  .nav-container__inner[data-v-27d98913] {
+  .nav-container__inner[data-v-dc7e5167] {
   float: left;
   max-width: 100%;
 }
 
 /* MOBILE_HAMBURGER_4 */
-.mobile-hamburger-horizontal-stack-left-menu-left-logo[data-v-27d98913] {
+.mobile-hamburger-horizontal-stack-left-menu-left-logo[data-v-dc7e5167] {
   display: grid;
   grid-template-columns: var(--hamburger-nav-width) auto;
   grid-template-areas: 'a b';
@@ -8104,7 +8104,7 @@ select[data-v-665b8067] {
       -ms-flex-align: start;
           align-items: start;
 }
-.mobile-hamburger-horizontal-stack-left-menu-left-logo .logo-container[data-v-27d98913] {
+.mobile-hamburger-horizontal-stack-left-menu-left-logo .logo-container[data-v-dc7e5167] {
   margin-left: 1rem;
   display: -webkit-box;
   display: -ms-flexbox;
@@ -8114,17 +8114,17 @@ select[data-v-665b8067] {
           justify-content: flex-start;
   grid-area: b;
 }
-.mobile-hamburger-horizontal-stack-left-menu-left-logo .nav-container[data-v-27d98913] {
+.mobile-hamburger-horizontal-stack-left-menu-left-logo .nav-container[data-v-dc7e5167] {
   grid-area: a;
   margin: var(--page-padding) 0;
 }
-.mobile-hamburger-horizontal-stack-left-menu-left-logo .nav-container__inner[data-v-27d98913] {
+.mobile-hamburger-horizontal-stack-left-menu-left-logo .nav-container__inner[data-v-dc7e5167] {
   float: left;
   max-width: 100%;
 }
 
 /* MOBILE_HAMBURGER_NO_LOGO_1 */
-.mobile-hamburger-no-logo-left-menu[data-v-27d98913] {
+.mobile-hamburger-no-logo-left-menu[data-v-dc7e5167] {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -8132,12 +8132,12 @@ select[data-v-665b8067] {
       -ms-flex-pack: start;
           justify-content: flex-start;
 }
-.mobile-hamburger-no-logo-left-menu .logo-container[data-v-27d98913] {
+.mobile-hamburger-no-logo-left-menu .logo-container[data-v-dc7e5167] {
   display: none;
 }
 
 /* MOBILE_HAMBURGER_NO_LOGO_2 */
-.mobile-hamburger-no-logo-centered-menu[data-v-27d98913] {
+.mobile-hamburger-no-logo-centered-menu[data-v-dc7e5167] {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -8145,11 +8145,11 @@ select[data-v-665b8067] {
       -ms-flex-pack: center;
           justify-content: center;
 }
-.mobile-hamburger-no-logo-centered-menu .logo-container[data-v-27d98913] {
+.mobile-hamburger-no-logo-centered-menu .logo-container[data-v-dc7e5167] {
   display: none;
 }
 /* MOBILE_HAMBURGER_NO_LOGO_3 */
-.mobile-hamburger-no-logo-right-menu[data-v-27d98913] {
+.mobile-hamburger-no-logo-right-menu[data-v-dc7e5167] {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -8157,37 +8157,33 @@ select[data-v-665b8067] {
       -ms-flex-pack: end;
           justify-content: flex-end;
 }
-.mobile-hamburger-no-logo-right-menu .logo-container[data-v-27d98913] {
+.mobile-hamburger-no-logo-right-menu .logo-container[data-v-dc7e5167] {
   display: none;
 }
 
 /* ==========================================================================
-   Header CTA placement (BP-5852)
-
-   Every rule here is additive and only applies once a CTA is rendered — the
-   track/flow-changing ones are gated on `.has-header-cta` — so a header with no
-   button lays out exactly as it did before. Four placements:
-     join   - inline immediately after the nav links
-     edge   - pinned to the header's outer right edge, nav left untouched
-     corner - floats top-right, out of flow, independent of a centered stack
-     row    - full-width row below the whole stack (mobile bar nav)
+   Header CTA placement. Every rule is additive and gated on the CTA being
+   rendered (`.has-header-cta` / `.cta-container`), so a header without the
+   button lays out exactly as before. The placement archetypes (join / edge /
+   corner / row) and the per-family reasoning live in
+   docs/architecture/capabilities/page-header.md.
    ========================================================================== */
 
 /* join - DESKTOP_TAB_1: appended flex child; the nav's `flex: 1` right-aligns the
    [links][button] group, so the button lands adjacent to the links. */
-.desktop-tab-horizontal-stack-left-logo-right-menu .cta-container[data-v-27d98913] {
+.desktop-tab-horizontal-stack-left-logo-right-menu .cta-container[data-v-dc7e5167] {
   margin-left: 1rem;
 }
 
 /* edge - DESKTOP_TAB_2: the nav's `flex: 1` keeps the left-aligned links in place
    and pushes the button to the outer right edge. */
-.desktop-tab-horizontal-stack-left-logo-left-menu .cta-container[data-v-27d98913] {
+.desktop-tab-horizontal-stack-left-logo-left-menu .cta-container[data-v-dc7e5167] {
   margin-left: 1rem;
 }
 
 /* edge - DESKTOP_TAB_3: reuses the grid's existing trailing spacer column, so the
    centered nav and left logo keep their tracks unchanged. */
-.desktop-tab-horizontal-stack-left-logo-centered-menu .cta-container[data-v-27d98913] {
+.desktop-tab-horizontal-stack-left-logo-centered-menu .cta-container[data-v-dc7e5167] {
   grid-column: nav-end / cols-end;
   justify-self: end;
 }
@@ -8195,37 +8191,50 @@ select[data-v-665b8067] {
 /* join - DESKTOP_TAB_4: adds a content-width column after the nav column. The two
    `1fr` tracks absorb the free space (an `auto` logo track would stretch and pull
    the button away from the links). */
-.desktop-tab-horizontal-stack-centered-logo-right-menu.has-header-cta[data-v-27d98913] {
+.desktop-tab-horizontal-stack-centered-logo-right-menu.has-header-cta[data-v-dc7e5167] {
   grid-template-columns:
     [col-start] 1fr [logo-start] var(--logo-max-width)
     [logo-end nav-start] 1fr [nav-end cta-start] auto [cta-end];
 }
-.desktop-tab-horizontal-stack-centered-logo-right-menu .cta-container[data-v-27d98913] {
+.desktop-tab-horizontal-stack-centered-logo-right-menu .cta-container[data-v-dc7e5167] {
   grid-column: cta-start / cta-end;
 }
 
 /* corner - DESKTOP_TAB_5 / DESKTOP_TAB_6: out of flow, so the centered vertical
    stack keeps its two explicit grid rows and stays centered. */
-.desktop-tab-vertical-stack-centered-logo-centered-menu.has-header-cta[data-v-27d98913],
-.desktop-tab-vertical-stack-centered-menu-centered-logo.has-header-cta[data-v-27d98913] {
+.desktop-tab-vertical-stack-centered-logo-centered-menu.has-header-cta[data-v-dc7e5167],
+.desktop-tab-vertical-stack-centered-menu-centered-logo.has-header-cta[data-v-dc7e5167] {
   position: relative;
 }
-.desktop-tab-vertical-stack-centered-logo-centered-menu .cta-container[data-v-27d98913],
-.desktop-tab-vertical-stack-centered-menu-centered-logo .cta-container[data-v-27d98913] {
+.desktop-tab-vertical-stack-centered-logo-centered-menu .cta-container[data-v-dc7e5167],
+.desktop-tab-vertical-stack-centered-menu-centered-logo .cta-container[data-v-dc7e5167] {
   position: absolute;
   top: 0;
   right: 0;
 }
 
-/* row - MOBILE_TAB_1 / MOBILE_TAB_2: auto-places into an implicit third grid row
-   below the stack (both explicit rows are taken by the logo and the nav). */
-.mobile-tab-vertical-stack-centered-logo-centered-menu .cta-container[data-v-27d98913],
-.mobile-tab-vertical-stack-centered-menu-centered-logo .cta-container[data-v-27d98913] {
+/* row - MOBILE_TAB_1: auto-places into an implicit third grid row below the stack
+   (both explicit rows are taken by the logo and the nav), giving logo / nav / button. */
+.mobile-tab-vertical-stack-centered-logo-centered-menu .cta-container[data-v-dc7e5167],
+.mobile-tab-vertical-stack-centered-menu-centered-logo .cta-container[data-v-dc7e5167] {
   width: 100%;
   justify-self: stretch;
 }
-.mobile-tab-vertical-stack-centered-logo-centered-menu.no-nav.has-header-cta[data-v-27d98913],
-.mobile-tab-vertical-stack-centered-menu-centered-logo.no-nav.has-header-cta[data-v-27d98913] {
+
+/* row - MOBILE_TAB_2: the button belongs directly under the nav and ABOVE the logo,
+   so the grid grows a middle row for it and the logo's existing `row2` names move
+   down to the third. Auto-placement would otherwise drop it below the logo. */
+.mobile-tab-vertical-stack-centered-menu-centered-logo.show-nav.has-header-cta[data-v-dc7e5167] {
+  grid-template-rows:
+    [row1-start] var(--tab-nav-height)
+    [row1-end cta-start] auto [cta-end row2-start] 1fr [row2-end];
+}
+.mobile-tab-vertical-stack-centered-menu-centered-logo.show-nav.has-header-cta
+  .cta-container[data-v-dc7e5167] {
+  grid-row: cta-start / cta-end;
+}
+.mobile-tab-vertical-stack-centered-logo-centered-menu.no-nav.has-header-cta[data-v-dc7e5167],
+.mobile-tab-vertical-stack-centered-menu-centered-logo.no-nav.has-header-cta[data-v-dc7e5167] {
   -ms-flex-wrap: wrap;
       flex-wrap: wrap;
   -webkit-box-pack: center;
@@ -8235,27 +8244,27 @@ select[data-v-665b8067] {
 
 /* row - MOBILE_TAB_NO_LOGO_1: single centered flex row, so the full-width button
    needs a wrap to drop below the nav. */
-.mobile-tab-centered-menu-no-logo.has-header-cta[data-v-27d98913] {
+.mobile-tab-centered-menu-no-logo.has-header-cta[data-v-dc7e5167] {
   -ms-flex-wrap: wrap;
       flex-wrap: wrap;
 }
-.mobile-tab-centered-menu-no-logo .cta-container[data-v-27d98913] {
+.mobile-tab-centered-menu-no-logo .cta-container[data-v-dc7e5167] {
   width: 100%;
 }
 
 /* join - DESKTOP_TAB_NO_LOGO_1 / _3: appended flex child sits adjacent to the
    left- / right-aligned links. */
-.desktop-tab-left-menu-no-logo .cta-container[data-v-27d98913],
-.desktop-tab-right-menu-no-logo .cta-container[data-v-27d98913] {
+.desktop-tab-left-menu-no-logo .cta-container[data-v-dc7e5167],
+.desktop-tab-right-menu-no-logo .cta-container[data-v-dc7e5167] {
   margin-left: 1rem;
 }
 
 /* edge - DESKTOP_TAB_NO_LOGO_2: out of flow so the nav stays exactly centered
    (an in-flow button would shift the centered group left). */
-.desktop-tab-centered-menu-no-logo.has-header-cta[data-v-27d98913] {
+.desktop-tab-centered-menu-no-logo.has-header-cta[data-v-dc7e5167] {
   position: relative;
 }
-.desktop-tab-centered-menu-no-logo .cta-container[data-v-27d98913] {
+.desktop-tab-centered-menu-no-logo .cta-container[data-v-dc7e5167] {
   position: absolute;
   top: 0;
   right: 0;
@@ -8266,28 +8275,43 @@ select[data-v-665b8067] {
    nav column; the logo track becomes `1fr` to absorb the free space that an `auto`
    track would otherwise share with the CTA. The mobile hamburger styles share the
    base rules above but never render a CTA, so their tracks are untouched. */
-.desktop-hamburger-horizontal-stack-left-logo-right-menu.has-header-cta[data-v-27d98913] {
+.desktop-hamburger-horizontal-stack-left-logo-right-menu.has-header-cta[data-v-dc7e5167] {
   grid-template-columns: [logo-start] 1fr [cta-start] auto [nav-start] var(
       --hamburger-nav-width
     );
 }
-.desktop-hamburger-horizontal-stack-centered-logo-right-menu.has-header-cta[data-v-27d98913] {
+.desktop-hamburger-horizontal-stack-centered-logo-right-menu.has-header-cta[data-v-dc7e5167] {
   grid-template-columns:
     [start] var(--hamburger-nav-width)
     [logo-start] 1fr [cta-start] auto [nav-start] var(--hamburger-nav-width);
 }
-.desktop-hamburger-horizontal-stack-left-logo-right-menu .cta-container[data-v-27d98913],
-.desktop-hamburger-horizontal-stack-centered-logo-right-menu .cta-container[data-v-27d98913] {
+.desktop-hamburger-horizontal-stack-left-logo-right-menu .cta-container[data-v-dc7e5167],
+.desktop-hamburger-horizontal-stack-centered-logo-right-menu .cta-container[data-v-dc7e5167] {
   grid-column: cta-start;
-  align-self: center;
+  /* Explicit row: the CTA sits in DOM order after the nav, and sparse grid
+     auto-placement never backtracks to an earlier column on the same row —
+     without this the button wraps to an implicit second row. */
+  grid-row: 1;
+  /* Centre the button on the hamburger icon's line: the icon is start-aligned
+     with the nav's --page-padding margin, so mirror that margin and let the
+     (taller) button overflow a line of the icon's height evenly. */
+  align-self: start;
+  margin-top: var(--page-padding);
+  height: var(--hamburger-nav-height);
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
   margin-right: 1rem;
 }
 
 /* DESKTOP_HAMBURGER_NO_LOGO_1..3: flex rows; `order` puts the button before the
    icon without reordering the DOM. */
-.desktop-hamburger-no-logo-left-menu .cta-container[data-v-27d98913],
-.desktop-hamburger-no-logo-centered-menu .cta-container[data-v-27d98913],
-.desktop-hamburger-no-logo-right-menu .cta-container[data-v-27d98913] {
+.desktop-hamburger-no-logo-left-menu .cta-container[data-v-dc7e5167],
+.desktop-hamburger-no-logo-centered-menu .cta-container[data-v-dc7e5167],
+.desktop-hamburger-no-logo-right-menu .cta-container[data-v-dc7e5167] {
   -webkit-box-ordinal-group: 0;
       -ms-flex-order: -1;
           order: -1;
@@ -8300,25 +8324,25 @@ select[data-v-665b8067] {
    drawer, so the button gets the mobile-bar full-width row below the logo. The
    grid styles auto-place it into an implicit row spanning all tracks; the
    flex no-logo styles wrap it onto its own line. */
-.mobile-hamburger-horizontal-stack-left-logo-right-menu.no-nav .cta-container[data-v-27d98913],
+.mobile-hamburger-horizontal-stack-left-logo-right-menu.no-nav .cta-container[data-v-dc7e5167],
 .mobile-hamburger-horizontal-stack-centered-logo-right-menu.no-nav
-  .cta-container[data-v-27d98913],
+  .cta-container[data-v-dc7e5167],
 .mobile-hamburger-horizontal-stack-left-menu-centered-logo.no-nav
-  .cta-container[data-v-27d98913],
-.mobile-hamburger-horizontal-stack-left-menu-left-logo.no-nav .cta-container[data-v-27d98913] {
+  .cta-container[data-v-dc7e5167],
+.mobile-hamburger-horizontal-stack-left-menu-left-logo.no-nav .cta-container[data-v-dc7e5167] {
   grid-column: 1 / -1;
   width: 100%;
   margin-top: 1rem;
 }
-.mobile-hamburger-no-logo-left-menu.no-nav.has-header-cta[data-v-27d98913],
-.mobile-hamburger-no-logo-centered-menu.no-nav.has-header-cta[data-v-27d98913],
-.mobile-hamburger-no-logo-right-menu.no-nav.has-header-cta[data-v-27d98913] {
+.mobile-hamburger-no-logo-left-menu.no-nav.has-header-cta[data-v-dc7e5167],
+.mobile-hamburger-no-logo-centered-menu.no-nav.has-header-cta[data-v-dc7e5167],
+.mobile-hamburger-no-logo-right-menu.no-nav.has-header-cta[data-v-dc7e5167] {
   -ms-flex-wrap: wrap;
       flex-wrap: wrap;
 }
-.mobile-hamburger-no-logo-left-menu.no-nav .cta-container[data-v-27d98913],
-.mobile-hamburger-no-logo-centered-menu.no-nav .cta-container[data-v-27d98913],
-.mobile-hamburger-no-logo-right-menu.no-nav .cta-container[data-v-27d98913] {
+.mobile-hamburger-no-logo-left-menu.no-nav .cta-container[data-v-dc7e5167],
+.mobile-hamburger-no-logo-centered-menu.no-nav .cta-container[data-v-dc7e5167],
+.mobile-hamburger-no-logo-right-menu.no-nav .cta-container[data-v-dc7e5167] {
   width: 100%;
 }
 
@@ -8386,7 +8410,7 @@ select[data-v-665b8067] {
 }
 }
 
-.c-overlay[data-v-b618b914] {
+.c-overlay[data-v-8003fcca] {
   position: fixed;
   inset: 0px;
   z-index: 40;
@@ -8404,15 +8428,15 @@ select[data-v-665b8067] {
   -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
           transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
 }
-.c-overlay--open[data-v-b618b914] {
+.c-overlay--open[data-v-8003fcca] {
   opacity: 0.7;
 }
-.c-overlay--closed[data-v-b618b914] {
+.c-overlay--closed[data-v-8003fcca] {
   pointer-events: none;
   display: none;
   opacity: 0;
 }
-.c-sidebar[data-v-b618b914] {
+.c-sidebar[data-v-8003fcca] {
   /* No hardcoded background: the panel background comes from the hamburger
      defaultButtonStyle (bound via :style), so a transparent/unset default bg
      renders transparent instead of being forced white  */
@@ -8432,38 +8456,71 @@ select[data-v-665b8067] {
   max-width: 66%;
 }
 @media (min-width: 768px) {
-.device--mobile .c-sidebar[data-v-b618b914] {
+.device--mobile .c-sidebar[data-v-8003fcca] {
     width: 66.666667%;
 }
 }
-.c-sidebar--closed[data-v-b618b914] {
+.c-sidebar--closed[data-v-8003fcca] {
   -webkit-transform: translateX(-100%);
           transform: translateX(-100%);
   visibility: hidden;
 }
-.c-sidebar--open[data-v-b618b914] {
+.c-sidebar--open[data-v-8003fcca] {
   -webkit-transform: translateX(0%);
           transform: translateX(0%);
 }
-.c-chevron-transform[data-v-b618b914] {
+.c-chevron-transform[data-v-8003fcca] {
   -webkit-transition: -webkit-transform 0.3s ease;
   transition: -webkit-transform 0.3s ease;
   transition: transform 0.3s ease;
   transition: transform 0.3s ease, -webkit-transform 0.3s ease;
 }
-.c-chevron-expanded[data-v-b618b914] {
+.c-chevron-expanded[data-v-8003fcca] {
   -webkit-transform: rotate(180deg);
           transform: rotate(180deg);
 }
-.c-drawer-cta[data-v-b618b914] {
+
+/* Design: the drawer CTA is pinned to the bottom of the panel and stays put while a
+   long link list scrolls. Every rule here is scoped to --has-cta, so a drawer without
+   the button keeps its original block flow and panel-level scrolling. */
+.c-sidebar--has-cta[data-v-8003fcca] {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  overflow: hidden;
+}
+.c-sidebar--has-cta .c-drawer-header[data-v-8003fcca] {
+  -ms-flex-negative: 0;
+      flex-shrink: 0;
+}
+.c-sidebar--has-cta .c-nav-list[data-v-8003fcca] {
+  /* min-height:0 is what lets the list shrink below its content height, so the list —
+     not the panel — is what scrolls once there are more links than fit. */
+  min-height: 0;
+  overflow-y: auto;
+}
+.c-drawer-cta[data-v-8003fcca] {
   position: relative;
   padding: 1rem;
 }
+.c-sidebar--has-cta .c-drawer-cta[data-v-8003fcca] {
+  /* Pushes the button to the bottom when the links don't fill the panel; the nav
+     list's own scrolling keeps it there when they overflow. */
+  margin-top: auto;
+  -ms-flex-negative: 0;
+      flex-shrink: 0;
+  /* Opaque against the panel so scrolled links don't show through. */
+  background-color: inherit;
+}
 
 /* Hairline separator from the nav list, drawn in the drawer's own text colour so it
    works on any panel background. A pseudo-element carries the fade — opacity on the
    section itself would wash out the button. */
-.c-drawer-cta[data-v-b618b914]::before {
+.c-drawer-cta[data-v-8003fcca]::before {
   content: '';
   position: absolute;
   top: 0;
@@ -8653,14 +8710,14 @@ body {
   visibility: hidden !important;
 }
 
-.brand-page-root[data-v-1a7e8144] {
+.brand-page-root[data-v-322d4e23] {
   height: 100%;
 }
-.sortable[data-v-1a7e8144] {
+.sortable[data-v-322d4e23] {
   outline-color: #F7768C;
   outline-width: 0.2rem;
 }
-.brand-page[data-v-1a7e8144] {
+.brand-page[data-v-322d4e23] {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
   display: -webkit-box;
@@ -8672,7 +8729,7 @@ body {
       -ms-flex-direction: column;
           flex-direction: column;
 }
-.brand-page__background-shapes-layer[data-v-1a7e8144] {
+.brand-page__background-shapes-layer[data-v-322d4e23] {
   position: fixed;
   top: 0;
   left: 0;
@@ -8683,11 +8740,11 @@ body {
           transform: translate3d(0, 0, 0);
   contain: layout paint;
 }
-.template-preview .brand-page__background-shapes-layer[data-v-1a7e8144],
-.device-wrapper .brand-page__background-shapes-layer[data-v-1a7e8144] {
+.template-preview .brand-page__background-shapes-layer[data-v-322d4e23],
+.device-wrapper .brand-page__background-shapes-layer[data-v-322d4e23] {
   height: 100%;
 }
-.brand-page__inner--default[data-v-1a7e8144] {
+.brand-page__inner--default[data-v-322d4e23] {
   position: relative;
   z-index: 10;
   display: -webkit-box;
@@ -8699,16 +8756,16 @@ body {
       -ms-flex-direction: column;
           flex-direction: column;
 }
-.brand-page__inner--desktop[data-v-1a7e8144] {
+.brand-page__inner--desktop[data-v-322d4e23] {
   min-height: 100vh;
 }
-.brand-site__header[data-v-1a7e8144] {
+.brand-site__header[data-v-322d4e23] {
   container-type: inline-size;
 }
-.brand-page__header[data-v-1a7e8144] {
+.brand-page__header[data-v-322d4e23] {
   padding-top: var(--page-padding);
 }
-.brand-page__content--default[data-v-1a7e8144] {
+.brand-page__content--default[data-v-322d4e23] {
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 2.5rem;
@@ -8725,7 +8782,7 @@ body {
           flex-direction: column;
   max-width: var(--page-max-width);
 }
-.brand-page__content--desktop[data-v-1a7e8144] {
+.brand-page__content--desktop[data-v-322d4e23] {
   margin-left: auto;
   margin-right: auto;
   display: -webkit-box;
@@ -8741,15 +8798,15 @@ body {
           flex-direction: column;
   max-width: 100%;
 }
-.brand-page__content--inner[data-v-1a7e8144] {
+.brand-page__content--inner[data-v-322d4e23] {
   padding-left: var(--page-padding);
   padding-right: var(--page-padding);
 }
-.brand-page__content--inner--brandsite[data-v-1a7e8144] {
+.brand-page__content--inner--brandsite[data-v-322d4e23] {
   max-width: var(--brandsite-max-width);
   margin: 0 auto;
 }
-.brand-page__content--outline-selected[data-v-1a7e8144] {
+.brand-page__content--outline-selected[data-v-322d4e23] {
   position: relative;
   z-index: 10;
   outline-color: #F7768C;
@@ -8757,20 +8814,20 @@ body {
   outline-style: dashed;
   outline-offset: -0.25rem;
 }
-.brand-page__content--outline-footer-selected[data-v-1a7e8144] {
+.brand-page__content--outline-footer-selected[data-v-322d4e23] {
   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-1a7e8144] {
+.brand-page__content--inner--full-width[data-v-322d4e23] {
     padding-left: 0;
     padding-right: 0;
 }
 }
 @media (min-width: 640px) {
-.brand-page__content--inner--full-width[data-v-1a7e8144] {
+.brand-page__content--inner--full-width[data-v-322d4e23] {
     padding-left: var(--page-padding);
     padding-right: var(--page-padding);
 }
@@ -10363,7 +10420,7 @@ input.dynamic-width-input[data-v-97be2e87]:focus {
     color: rgb(36 36 36 / var(--tw-text-opacity))
 }
 
-.header-button-settings_option-title[data-v-9a1ee526] {
+.header-button-settings_option-title[data-v-3665786e] {
     font-family: Lato, Helvetica, sans-serif;
     font-size: 0.875rem;
     line-height: 1.25rem;
@@ -10411,7 +10468,7 @@ input.dynamic-width-input[data-v-97be2e87]:focus {
   margin: 0 auto;
 }
 
-.header-settings-panel_option-title[data-v-8244a08c] {
+.header-settings-panel_option-title[data-v-2b849103] {
     font-family: Lato, Helvetica, sans-serif;
     font-size: 0.875rem;
     line-height: 1.25rem;