/* White homepage sections and mobile hero surfaces. */
.page-home :is(.c-home-featured-work, .c-quote-band) {
  color: var(--dm-ink);
  background: #f5f3ee;
}

/* Update 50: these three sections stay white across all viewport sizes,
   including when the shared section-background stylesheet loads later. */
:is(.page-home .c-home-featured-work, .page-home main > .c-quote-band, .page-work .dm-work-website-cta) {
  color: #082c4a !important;
  background: #f5f3ee !important;
}
:is(.page-home .c-home-featured-work, .page-home main > .c-quote-band, .page-work .dm-work-website-cta) :is(h2, h3, p, .c-eyebrow, .c-tag) {
  color: #082c4a !important;
}
.page-home .c-home-featured-work :is(.c-work-card, .c-work-card__body, .c-tag) {
  background: transparent !important;
}
:is(.page-home .c-home-featured-work, .page-home main > .c-quote-band, .page-work .dm-work-website-cta) :is(.c-button, .c-victor-inline) {
  color: #f5f3ee !important;
  background: #082c4a !important;
  border-color: #082c4a !important;
}
:is(.page-home .c-home-featured-work, .page-home main > .c-quote-band, .page-work .dm-work-website-cta) :is(.c-button, .c-victor-inline):hover {
  color: #f5f3ee !important;
  background: #1f4665 !important;
  border-color: #1f4665 !important;
}
:is(.page-home .c-home-featured-work, .page-home main > .c-quote-band, .page-work .dm-work-website-cta) :is(a, button):focus-visible {
  outline: 3px solid #082c4a;
  outline-offset: 4px;
}
.page-home :is(.c-home-featured-work, .c-quote-band) :is(h2, h3, p) {
  color: var(--dm-ink);
}
.page-home :is(.c-home-featured-work, .c-quote-band) .c-eyebrow {
  color: var(--dm-blue);
}
.page-home .c-quote-band .c-button--light {
  color: #f5f3ee;
  border-color: var(--dm-blue);
  background: var(--dm-blue);
}
.page-home .c-quote-band .c-button--light:hover {
  border-color: var(--dm-blue-strong);
  background: var(--dm-blue-strong);
}

/* Phones only. The existing tablet and desktop treatments are preserved. */
@media (max-width: 767px) {
  :is(.c-hero, .c-article-hero, .c-payment-hero, .c-simple-hero) {
    color: var(--dm-ink) !important;
    background: #f5f3ee !important;
  }
  :is(.c-hero, .c-article-hero, .c-payment-hero, .c-simple-hero)::before,
  :is(.c-hero, .c-article-hero, .c-payment-hero, .c-simple-hero)::after {
    display: none !important;
  }
  :is(.c-hero, .c-article-hero, .c-payment-hero, .c-simple-hero) :is(h1, h2, h3, p:not(.c-eyebrow), .c-service-line, .c-check-list li) {
    color: var(--dm-ink) !important;
  }
  :is(.c-hero, .c-article-hero, .c-payment-hero, .c-simple-hero) h1 :is(.c-hero-highlight--blue, .c-hero-highlight--yellow) {
    color: inherit !important;
  }
  :is(.c-hero, .c-article-hero, .c-payment-hero, .c-simple-hero) .c-eyebrow {
    color: var(--dm-blue) !important;
  }
  :is(.c-hero, .c-article-hero, .c-payment-hero, .c-simple-hero) :is(.c-button--light, .c-button--primary) {
    color: #f5f3ee !important;
    border-color: var(--dm-blue) !important;
    background: var(--dm-blue) !important;
  }
  :is(.c-hero, .c-article-hero, .c-payment-hero, .c-simple-hero) :is(.c-button--light, .c-button--primary):hover {
    border-color: var(--dm-blue-strong) !important;
    background: var(--dm-blue-strong) !important;
  }
  :is(.c-hero, .c-article-hero, .c-payment-hero, .c-simple-hero) :is(.c-button--ghost-light, .c-button--secondary) {
    color: var(--dm-ink) !important;
    border-color: var(--color-border-strong) !important;
    background: #f5f3ee !important;
  }
  :is(.c-hero, .c-article-hero, .c-payment-hero, .c-simple-hero) :is(.c-button--ghost-light, .c-button--secondary):hover {
    color: var(--dm-blue-strong) !important;
    border-color: var(--dm-blue) !important;
    background: var(--color-accent-soft) !important;
  }
  .c-hero .c-hero__guidance {
    border-top-color: var(--color-border-strong);
  }
  .c-payment-hero .c-payment-methods > span,
  .c-payment-hero .c-payment-security-card {
    color: var(--dm-ink);
    border-color: var(--color-border-strong);
    background: #f5f3ee;
  }
  .c-payment-hero .c-payment-security-card__icon {
    color: var(--dm-blue);
    background: var(--color-accent-soft);
  }
}