/* The approved consulting masthead, also available as V3 in the Startup review. */
:is(.pcg-consulting-masthead, #startup-hero[data-version="3"]) {
  display: block;
  margin: 0;
  background: var(--pcg-masthead-surface);
  color: var(--pcg-masthead-ink);
}
:is(.pcg-consulting-masthead, #startup-hero[data-version="3"]) .hero-title {
  padding: clamp(34px, 4vw, 68px) var(--pcg-gutter) clamp(32px, 3.6vw, 60px);
  text-align: center;
}
:is(.pcg-consulting-masthead, #startup-hero[data-version="3"]) .hero-title::before {
  content: "";
  display: block;
  width: clamp(40px, 4vw, 64px);
  height: 1px;
  margin: 0 auto clamp(20px, 2vw, 32px);
  background: var(--pcg-masthead-accent);
}
:is(.pcg-consulting-masthead, #startup-hero[data-version="3"]) h1 {
  max-inline-size: var(--pcg-masthead-measure);
  margin: 0 auto;
  color: inherit;
  font: var(--pcg-masthead-weight) var(--pcg-masthead-size)/var(--pcg-masthead-leading) var(--pcg-font-sans);
  letter-spacing: var(--pcg-masthead-tracking);
  text-wrap: balance;
}
:is(.pcg-consulting-masthead, #startup-hero[data-version="3"]) h1 em { color: inherit; font: inherit; }
:is(.pcg-consulting-masthead, #startup-hero[data-version="3"]) .masthead-accent {
  font-family: var(--pcg-font-accent);
  font-style: italic;
  font-weight: 400;
  color: var(--pcg-masthead-accent);
}
:is(.pcg-consulting-masthead, #startup-hero[data-version="3"]) .hero-photo {
  display: block;
  width: 100%;
  object-fit: cover;
  height: var(--pcg-masthead-photo-height);
  min-height: 0;
  object-position: var(--masthead-photo-position, 50% 86%);
}

/* Keep the complete brand name and the menu toggle in view on small phones. */
@media (max-width: 420px) {
  :is(.page-id-21, .page-id-8186) .site-header { gap: 8px; padding-inline: 12px !important; }
  :is(.page-id-21, .page-id-8186) .site-header .brand { gap: 7px; white-space: normal; }
  :is(.page-id-21, .page-id-8186) .site-header .brand strong { font-size: 16px; }
  :is(.page-id-21, .page-id-8186) .site-header .brand img { width: 40px !important; height: 40px !important; }
  :is(.page-id-21, .page-id-8186) .site-header .menu-toggle { flex: none; }
}