.hero, .header {
  --color-ink: var(--color-on-dark);
  --color-text: var(--brand-copy);
  --color-text-muted: var(--brand-copy);
  --color-link: var(--brand-copy);
  --color-link-hover: var(--color-on-dark);
  --color-blue: var(--brand-accent);
  --color-gray-200: var(--color-on-dark-line);
  --color-gray-300: var(--brand-control-line);
}
.hero.opening-stage {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: 0;
  background: var(--gradient-brand);
  color: var(--color-on-dark);
  border-bottom: var(--rule-width) solid var(--color-on-dark-line);
}
.hero-inner { position: relative; z-index: 1; padding-block: 64px 56px; }
.home-opening .hero-inner { padding-block: 80px 68px; }
.hero-content { max-width: 800px; }
.hero h1 { color: var(--color-on-dark); font-size: var(--heading-1); font-weight: var(--font-weight-heading); letter-spacing: var(--tracking-tight); line-height: var(--leading-title); text-wrap: balance; }
.hero .eyebrow { color: var(--brand-accent); margin-bottom: var(--space-2); }
.hero-subtitle { font-size: var(--text-lg); color: var(--brand-copy); line-height: var(--leading-support); max-width: 55ch; margin: var(--space-3) 0 0; text-wrap: pretty; }
.hero .btn-primary { background: var(--color-on-dark); color: var(--brand-start); }
.hero .btn-primary:hover { background: var(--brand-accent); color: var(--brand-start); }
.hero .btn-outline { color: var(--color-on-dark); border-color: var(--brand-control-line); background: transparent; }
.hero .btn-outline:hover { border-color: var(--color-on-dark); background: var(--color-on-dark-fill); }
.hero :focus-visible, .header :focus-visible { outline-color: var(--color-on-dark); }
.opening-art { position: absolute; inset: 0; z-index: -1; pointer-events: none; }
.hero-background-svg { display: block; width: 100%; height: 100%; }
.hero:not(.home-opening) .opening-art { opacity: .8; mask-image: linear-gradient(to right, transparent 15%, black 75%); }
.hero.company-hero .opening-art { opacity: .45; }
.hero--compact .hero-inner { padding-block: 48px; }
.article-header .hero-content { max-width: var(--article-width); }
.article-header h1 { margin-bottom: var(--space-3); }
.hero .article-back { margin-bottom: var(--space-3); }
.hero .post-meta { margin-bottom: var(--space-2); }
.hero .article-summary { max-width: 64ch; }
.hero a.post-meta-category:hover { color: var(--color-on-dark); }

 
.hero.hcp-hero { margin: 0; border-radius: 0; }
.hero--note .hero-inner { max-width: 1160px; padding-inline: 40px; padding-top: var(--space-3); }
.hero .hcp-tools { padding: 0 0 var(--space-3); }
.hero .hcp-tools a { color: var(--brand-copy); }
.hero .hcp-tools a:hover { color: var(--color-on-dark); }
.hero.hcp-hero h1 { font-size: var(--heading-1); font-weight: var(--font-weight-heading); letter-spacing: var(--tracking-tight); line-height: var(--leading-title); margin: var(--space-3) 0; }
.hero.hcp-hero .hero-inner > p { max-width: 64ch; font-size: var(--text-lg); line-height: var(--leading-support); color: var(--brand-copy); margin: 0; }

 
.header { background: var(--gradient-brand); border-bottom-color: var(--color-on-dark-line); }
.header .logo-default { display: none; }
.header .logo-inverted { display: block; }
.header .nav-desktop a { color: var(--brand-copy); }
.header .nav-desktop a:hover, .header .nav-desktop a.active { color: var(--color-on-dark); }
.header .nav-desktop a.active::after { background: var(--brand-accent); }
.header .nav-btn { background: var(--color-on-dark-fill); border: 1px solid var(--brand-control-line); }
.header .nav-btn:hover { background: var(--brand-control-hover); }
.header .hamburger { color: var(--color-on-dark); }

@media (max-width: 1000px) {
  .hero--note .hero-inner { padding-inline: 28px; }
}
@media (max-width: 767px) {
  .hero-inner, .home-opening .hero-inner { padding-block: 48px 40px; }
  .hero--compact .hero-inner { padding-block: var(--space-4); }
  .hero-subtitle { font-size: var(--text-base); }
  .home-opening .opening-art { opacity: .88; }
  .hero .hcp-hero-meta { display: flex; flex-wrap: wrap; gap: var(--space-1) var(--space-3); }
  .hero .hcp-hero-meta time { margin: 0; }
  .hero.hcp-hero .hero-inner > p { font-size: var(--text-base); }
}
@media (max-width: 680px) {
  .hero--note .hero-inner { padding-inline: 20px; padding-top: var(--space-2); }
}
@media print {
  .hero .opening-art { display: none; }
  .hero.opening-stage { background: var(--surface-page); border-color: var(--palette-rule); }
  .hero { --color-ink: var(--palette-ink); --color-text-muted: var(--palette-muted); --color-link: var(--palette-accent-ink); }
  .hero h1, .hero.hcp-hero h1 { color: var(--palette-ink); }
  .hero :is(.hero-subtitle, .article-summary, .eyebrow, .post-meta, .post-meta-category) { color: var(--palette-muted); }
  .hero.hcp-hero .hero-inner > p, .hero :is(.hcp-hero-meta, .hcp-hero-facts span) { color: var(--palette-muted); }
  .hero .hcp-hero-facts b { color: var(--palette-ink); }
  .hero .hcp-hero-facts { border-color: var(--palette-rule); }
}