/* Brainstorm Graphics shared visual rules. Edit these tokens for site-wide changes. */
:root {
  --brainstorm-blue: #5c98df; /* Screen approximation of the requested PMS 279 blue. */
  --page-title-background: #d6dfe4;
  --page-title-color: #515151;
  --page-title-font: Arial, Helvetica, sans-serif;
  --page-title-size: clamp(2rem, 4vw, 3rem);
}
/* Upper header panel; keep the navigation strip and floating contact card distinct. */
.site-header.muse-header .muse-topline { background: var(--brainstorm-blue); }
/* Every page uses the Custom Apparel title treatment. */
body .page-banner,
body:not(.home) .page-banner,
body:not(.home) .muse-page-banner {
  background: var(--page-title-background);
  color: var(--page-title-color);
  height: auto;
  min-height: 110px;
  padding: 22px 0;
  border: 0;
  text-align: center;
}
body .page-banner h1,
body:not(.home) .page-banner h1,
body .muse-home-title h1 {
  font-family: var(--page-title-font);
  font-size: var(--page-title-size);
  font-weight: 500;
  line-height: 1.05;
  letter-spacing: 0;
  color: var(--page-title-color);
  margin: 0;
}
/* Title bands contain the title only, matching the reference page. */
body .page-banner .eyebrow,
body .page-banner p { display: none; }
body .muse-home-hero { background: var(--page-title-background); }
body .muse-home-hero::before { content: none; }
body .muse-home-title { background: var(--page-title-background); text-align: center; }
@media (max-width: 600px) {
  body .page-banner,
  body:not(.home) .page-banner,
  body:not(.home) .muse-page-banner { padding: 24px 0 24px 85px; }
}

/* Hosted SAGE catalog inside the Brainstorm header and navigation. */
.catalog-section{padding:0;background:#fff}
.sage-catalog-frame{display:block;width:100%;height:calc(100vh - 200px);min-height:760px;border:0;background:#fff}
@media(max-width:600px){.sage-catalog-frame{min-height:650px}}

/* Footer matches the shared page-title light blue. */
body .site-footer { background: var(--page-title-background); }