/* ------------------------------------------------------------


   Hero Eyebrow Compact Contract


   Version: 1.5.141-wo108a


   Scope: all hero layouts, with explicit left/center alignment rules.


   Purpose: size the eyebrow to its content without arbitrary desktop,


   tablet, or mobile width caps. The containing copy lane is the only


   width boundary.


------------------------------------------------------------- */





.vh-layout-hero .vh-hero-eyebrow{


  width: fit-content !important;


  max-width: 100% !important;


  min-width: 0 !important;


  flex: 0 0 auto !important;


  align-self: flex-start !important;


  justify-content: center !important;


  text-align: left !important;


  white-space: normal !important;


  overflow-wrap: anywhere !important;


  text-wrap: balance;


}





/* Centered hero variants keep the content-sized eyebrow centered. */


.vh-layout-hero .vh-hero-copy--center .vh-hero-eyebrow,


.vh-layout-hero .vh-hero-copy--minimal .vh-hero-eyebrow,


.vh-layout-hero.vh-hero-layout-editorial_center .vh-hero-eyebrow,


.vh-layout-hero.vh-hero-layout-editorial_center_bottom_image .vh-hero-eyebrow,


.vh-layout-hero.vh-hero-layout-background_image .vh-hero-eyebrow,


.vh-layout-hero.vh-hero-layout-search_finder .vh-hero-eyebrow,


.vh-layout-hero.vh-hero-layout-portfolio_grid .vh-hero-eyebrow,


.vh-layout-hero.vh-hero-layout-minimal_page .vh-hero-eyebrow{


  align-self: center !important;


  margin-left: auto !important;


  margin-right: auto !important;


  text-align: center !important;


}





/* Split/right/offset layouts keep the eyebrow aligned with the copy start. */


.vh-layout-hero.vh-hero-layout-default_split .vh-hero-eyebrow,


.vh-layout-hero.vh-hero-layout-image_card .vh-hero-eyebrow,


.vh-layout-hero.vh-hero-layout-video_hero .vh-hero-eyebrow,


.vh-layout-hero.vh-hero-layout-before_after .vh-hero-eyebrow,


.vh-layout-hero.vh-hero-layout-offset_media .vh-hero-eyebrow,


.vh-layout-hero.vh-hero-layout-bottom_aligned_image .vh-hero-eyebrow,


.vh-layout-hero.vh-hero-layout-three_column_center_image .vh-hero-eyebrow,


.vh-layout-hero.vh-hero-layout-right_edge_image .vh-hero-eyebrow{


  align-self: flex-start !important;


  margin-left: 0 !important;


  margin-right: 0 !important;


}





.vh-layout-hero.vh-hero-layout-right_edge_image .vh-hero-right-edge-copy > .vh-hero-eyebrow{


  width: fit-content !important;


  max-width: 100% !important;


  align-self: flex-start !important;


}





@media (max-width: 599.98px){


  .vh-layout-hero .vh-hero-eyebrow{


    padding-inline: .72rem !important;


    line-height: 1.18 !important;


  }


}