/* V102.51.15.65.76 - Brand Development public spacing and surface closure.
 * Scope: /brand-development/ index only via .emwh-public-system.
 * Purpose: remove the visually ambiguous blue band, protect editorial gutters,
 * and give a single published brand slightly more breathing room on desktop.
 * No content, navigation, brand media, card dimensions, header or footer logic changes.
 */

/* Keep the page tone continuous: the previous section background could read as a
 * functional/state band even though it was only decorative. Separation now comes
 * from spacing and a subtle rule instead of a full-width colour stripe. */
.emwh-public-system .emwh-brand-index-projects{
  background:transparent!important;
  border-top:1px solid rgba(147,197,253,.13)!important;
}

/* Canonical editorial gutter inside the 1180px public content rail. The outer
 * shell remains unchanged; this only prevents headings/copy from feeling clipped
 * against the left edge at intermediate desktop widths and browser zoom levels. */
.emwh-public-system .emwh-brand-index-hero{
  box-sizing:border-box!important;
  padding-left:40px!important;
  padding-right:40px!important;
}
.emwh-public-system .emwh-brand-index-projects{
  box-sizing:border-box!important;
  padding-left:40px!important;
  padding-right:40px!important;
}
.emwh-public-system .emwh-brand-index-section-head,
.emwh-public-system .emwh-brand-index-grid{
  min-width:0!important;
}

/* With a single brand, avoid pinning the entire visual weight to the section edge.
 * Multi-brand grids retain the normal editorial grid with no artificial offset. */
@media(min-width:1101px){
  .emwh-public-system .emwh-brand-index-grid.is-single{
    margin-left:36px!important;
    margin-right:0!important;
  }
}

/* Tablet: preserve a visible gutter but reduce the extra single-card inset. */
@media(min-width:768px) and (max-width:1100px){
  .emwh-public-system .emwh-brand-index-hero,
  .emwh-public-system .emwh-brand-index-projects{
    padding-left:24px!important;
    padding-right:24px!important;
  }
  .emwh-public-system .emwh-brand-index-grid.is-single{
    margin-left:18px!important;
    margin-right:0!important;
  }
}

/* Mobile: one clean 18px gutter; no artificial card displacement. */
@media(max-width:767px){
  .emwh-public-system .emwh-brand-index-hero,
  .emwh-public-system .emwh-brand-index-projects{
    padding-left:18px!important;
    padding-right:18px!important;
  }
  .emwh-public-system .emwh-brand-index-grid.is-single{
    margin-left:0!important;
    margin-right:0!important;
  }
}