/* Softly blend side-by-side photography into the adjacent copy background. */
@media (min-width: 821px) {
  .hero-image,
  .concierge-grid > figure,
  .service-hero__media,
  .value-media,
  .business-hero > figure,
  .audience-group > figure,
  .business-value__grid > figure,
  .message-grid > figure {
    position: relative;
    isolation: isolate;
  }

  .hero-image::before,
  .service-hero__media::before,
  .business-hero > figure::before,
  .audience-group--personal > figure::before {
    position: absolute;
    inset: 0 auto 0 0;
    z-index: 1;
    width: clamp(84px, 9vw, 170px);
    background: linear-gradient(90deg, #fff 0%, rgba(255,255,255,.78) 28%, rgba(255,255,255,0) 100%);
    content: "";
    pointer-events: none;
  }

  .concierge-grid > figure::after,
  .audience-group:not(.audience-group--personal) > figure::after,
  .message-grid > figure::after {
    position: absolute;
    inset: 0 0 0 auto;
    z-index: 1;
    width: clamp(84px, 9vw, 170px);
    background: linear-gradient(270deg, #fff 0%, rgba(255,255,255,.78) 28%, rgba(255,255,255,0) 100%);
    content: "";
    pointer-events: none;
  }

  .value-media::after {
    position: absolute;
    inset: 0 0 0 auto;
    z-index: 1;
    width: clamp(84px, 9vw, 170px);
    background: linear-gradient(270deg, #faf8f3 0%, rgba(250,248,243,.8) 28%, rgba(250,248,243,0) 100%);
    content: "";
    pointer-events: none;
  }

  .business-value__grid > figure::before {
    position: absolute;
    inset: 0 auto 0 0;
    z-index: 1;
    width: clamp(72px, 8vw, 145px);
    background: linear-gradient(90deg, var(--stone) 0%, rgba(242,240,234,.8) 30%, rgba(242,240,234,0) 100%);
    content: "";
    pointer-events: none;
  }
}

@media (max-width: 820px) {
  .hero-image,
  .concierge-grid > figure,
  .service-hero__media,
  .value-media,
  .business-hero > figure,
  .audience-group > figure,
  .business-value__grid > figure,
  .message-grid > figure {
    position: relative;
    isolation: isolate;
  }

  .hero-image::before,
  .concierge-grid > figure::after,
  .service-hero__media::before,
  .business-hero > figure::before,
  .audience-group > figure::after,
  .message-grid > figure::after {
    position: absolute;
    inset: auto 0 0;
    z-index: 1;
    width: 100%;
    height: 96px;
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.8) 70%, #fff 100%);
    content: "";
    pointer-events: none;
  }

  .value-media::after {
    position: absolute;
    inset: auto 0 0;
    z-index: 1;
    width: 100%;
    height: 96px;
    background: linear-gradient(180deg, rgba(250,248,243,0) 0%, rgba(250,248,243,.82) 70%, #faf8f3 100%);
    content: "";
    pointer-events: none;
  }

  .business-value__grid > figure::before {
    position: absolute;
    inset: 0 0 auto;
    z-index: 1;
    width: 100%;
    height: 84px;
    background: linear-gradient(180deg, var(--stone) 0%, rgba(242,240,234,.76) 32%, rgba(242,240,234,0) 100%);
    content: "";
    pointer-events: none;
  }
}

.hp-field {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.form-status {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.8;
}

.form-status--error {
  color: #a23d2a;
}

form .button:disabled {
  cursor: wait;
  opacity: .58;
  transform: none;
}