/* These three Solutions drafts share this feedback pass. */
@media (min-width:1101px) {
  .elementor-23018 .elementor-element-f67d3309 .grid-customer-outcome a.e-button-base {
    width:fit-content;
    max-width:100%;
    align-self:flex-start;
  }
}

/* Match the deployed V3 divider's mobile zoom and crop. */
@media (max-width:767px) {
  .elementor #solutions-hero-divider {
    height:calc(340vw * 94 / 1873);
    overflow:hidden;
  }
  .elementor #solutions-hero-divider > .divider-angle {
    width:340vw;
    height:100%;
    max-width:none;
    margin-left:-122vw;
  }
}

/* The shared outcome instance has no exposed quote style controls. */
.elementor-23018 .elementor-element-f67d3309 .surface-aqua-blue-120 {
  background-color:color-mix(in srgb, var(--color-aqua-blue-100) 80%, black);
}
.elementor-23018 .elementor-element-f67d3309 .type-quote-large { font-weight:600; }

/* Match the Drop-Off FAQ treatment over the theme's important link color. */
.elementor-23018 .elementor-element-43d9973d .faq-content a:is(:hover,:focus-visible) {
  color:#0a58ca !important;
  text-decoration:underline;
}
.elementor-23018 .elementor-element-43d9973d .faq-content a:focus-visible {
  outline:2px solid currentColor;
  outline-offset:3px;
}

/* Keep motion controls discoverable by keyboard and available on touchscreens. */
@media (hover: hover) and (pointer: fine) {
  :is([data-solutions-hire-motion], [data-mlh-art], [data-cdo-art]):not(:hover, :has(> button:focus-visible)) > button {
    opacity: 0;
  }
}

/* Let the matching section surface cover the divider's rasterized bottom edge. */
.elementor #solutions-hero-divider + section.surface-utility-off-white {
  margin-block-start: -1px;
}

/* Match the Claude overlay at the Solutions artwork's nominal 1/2 scale. */
:is([data-solutions-hire-motion], [data-mlh-art], [data-cdo-art]) > button:is([data-action="pause"], [data-cdo-action="pause"]) {
  top: 16.415%;
  left: auto;
  right: 3.993%;
  border: 0;
  background: rgba(10, 29, 106, .45) !important;
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
}
:is([data-solutions-hire-motion], [data-mlh-art], [data-cdo-art]) > button:is([data-action="pause"], [data-cdo-action="pause"]):hover {
  background: rgba(10, 29, 106, .7) !important;
}
:is([data-solutions-hire-motion], [data-mlh-art], [data-cdo-art]) > button:is([data-action="pause"], [data-cdo-action="pause"]) svg {
  width: 13px;
  height: 13px;
}

/* The overlay switches to Restart at the end of the sequence. */
:is([data-solutions-hire-motion], [data-mlh-art], [data-cdo-art]) > button:not([data-playback-ended]) > [data-playback-restart],
:is([data-solutions-hire-motion], [data-mlh-art], [data-cdo-art]) > button[data-playback-ended] > svg:not([data-playback-restart]) {
  display: none;
}

/* Trim the empty band while preserving the canvas coordinates and shadow bleed. */
#solutions-hero-row :is([data-solutions-hire-motion], [data-mlh-art], [data-cdo-art]) {
  --solutions-art-top-trim: 2.66%;
  margin-block-start: calc(-1 * var(--solutions-art-top-trim));
  clip-path: inset(calc(var(--solutions-art-top-trim) * 1202 / 1322) -100% -100%);
}
#solutions-hero-row [data-mlh-art] {
  --solutions-art-top-trim: 3.66%;
}