/* Section backgrounds and content-led desktop heroes: update 47. */
.l-section--ink:not(.c-home-hbsos),
.c-quote-band,
.c-home-featured-work,
.c-home-services {
  background-color: #082c4a !important;
  background-image: none !important;
}
/* Use the full artwork instead of exposing the placeholder surface at fractional pixel widths. */
.page-website-design .dm-website-placeholder--wide {
  aspect-ratio: auto;
  background: transparent;
  border: 0;
  outline: 0;
  box-shadow: none;
  object-fit: cover !important;
}
.page-website-design .dm-website-process .c-section-heading,
.page-website-design .dm-website-process h2 {
  max-width: none;
  width: 100%;
  text-wrap: wrap;
}
.page-website-design .dm-website-process .c-card__index { font-size: 1.5rem; }
@media (min-width: 70.01rem) {
  body:not(.page-home) main > :is(.c-hero, .c-simple-hero, .c-article-hero, .c-payment-hero) {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding-block: 100px !important;
  }
  body:not(.page-home) :is(.c-hero__inner, .c-payment-hero__grid) {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding-block: 0 !important;
  }
  body:not(.page-home) :is(.c-hero__copy, .c-article-hero > div, .c-simple-hero > div) > :last-child { margin-bottom: 0; }
  body:not(.page-home) .c-hero__copy { min-height: 0; height: auto; }
  /* In-flow side artwork stretches to the copy, rather than setting the hero height. */
  body:not(.page-home) .c-hero:not(.c-hero--background):not(.c-hero--split-background):not(.c-soul-garden-hero) .c-hero__inner > :is(.c-media-frame, .c-media-placeholder--hero) {
    position: relative;
    align-self: stretch;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: auto !important;
  }
  body:not(.page-home) .c-hero:not(.c-hero--background):not(.c-hero--split-background):not(.c-soul-garden-hero) .c-hero__inner > .c-media-frame img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
