/* Local continuation of Quiet Precision; actual footage is the visual lead. */
.qp-read-page--mixup-seo .qp-mixup-video-results { padding: 72px 0 88px; scroll-margin-top: 80px; }
/* One page substrate: section lights fall off across boundaries, never at them. */
body.qp-page[data-market="ru"] .qp-read-page--mixup-seo > :is(#ai,#video-results) { background: transparent; border: 0; box-shadow: none; isolation: auto; overflow: visible; }
body.qp-page[data-market="ru"] .qp-read-page--mixup-seo > :is(#ai,#video-results)::before,
body.qp-page[data-market="ru"] .qp-read-page--mixup-seo > :is(#ai,#video-results)::after { content: none; }
body.qp-page[data-market="ru"] .qp-read-page--mixup-seo :is(#ai,#video-results) > .qp-video-section-light,
body.qp-page[data-market="ru"] .qp-read-page--mixup-seo :is(#ai,#video-results) > :where(.qp-ambient-gate) > .qp-video-section-light { inset: -240px 0 -280px; mask-image: none; -webkit-mask-image: none; }
body.qp-page[data-market="ru"] .qp-read-page--mixup-seo :is(#ai,#video-results) .qp-video-section-color { background: radial-gradient(ellipse 52% 48% at 65% 50%,rgba(var(--qp-video-tint,120,130,155),.62),rgba(var(--qp-video-tint,120,130,155),.22) 45%,transparent 82%); }
.qp-read-page--mixup-seo .qp-mixup-video-results .qp-video-results__header { display: block; max-width: 800px; margin: 0 auto 40px; text-align: center; }
.qp-read-page--mixup-seo .qp-mixup-video-results .qp-video-results__header h2 { margin: 0 auto 22px; text-align: center; font-size: clamp(36px,4.5vw,56px); line-height: 1.08; letter-spacing: -.025em; color: #283044; text-wrap: balance; }
.qp-read-page--mixup-seo .qp-mixup-video-results .qp-video-results__header p { margin: 0; font-size: 19px; line-height: 1.55; color: #283044; text-wrap: pretty; }
.qp-video-results__stage { display: flex; justify-content: center; gap: 24px; }
.qp-video-results__film { flex: 1; min-width: 0; margin: 0; }
.qp-video-results__film .qp-video-ambient { width: 100%; height: 100%; }
.qp-read-page--mixup-seo .qp-video-results__film .qp-video-light-field {
  inset: -96px;
  mask-image: radial-gradient(ellipse closest-side, #000 44%, rgba(0,0,0,.55) 68%, transparent 100%);
  -webkit-mask-image: radial-gradient(ellipse closest-side, #000 44%, rgba(0,0,0,.55) 68%, transparent 100%);
  mask-composite: add; -webkit-mask-composite: source-over;
}
.qp-read-page--mixup-seo .qp-video-results__film .qp-video-ambilight { border-radius: 50%; filter: blur(48px) saturate(1.25) brightness(1.25); }
.qp-read-page--mixup-seo .qp-video-results__film .qp-mixup-video-frame { width: 100%; height: 100%; aspect-ratio: 9 / 16; border-radius: var(--qp-radius-frame,24px); }
.qp-read-page--mixup-seo .qp-video-results__film video { display: block; width: 100%; height: 100%; aspect-ratio: 9 / 16; object-fit: cover; border-radius: inherit; }
/* Reserve exactly the tallest film: 34% of the stage width at 9:16, capped at 340px wide.
   A separate viewport height let the film protrude into the controls on intermediate widths. */
.qp-page .qp-read-page--mixup-seo #video-results .qp-video-results.is-ready .qp-video-results__stage { position: relative; display: block; height: auto; min-height: 0; aspect-ratio: 225 / 136; max-height: calc(340px * 16 / 9); margin-inline: auto; }
.qp-video-results.is-ready .qp-video-results__film { position: absolute; left: 50%; top: 50%; width: min(34%,340px); aspect-ratio: 9 / 16; transform: translate(-50%,-50%); transition: transform 500ms cubic-bezier(.22,.61,.36,1); }
.qp-video-results.is-ready .qp-video-results__film[data-position="center"] { z-index: 2; }
.qp-video-results.is-ready .qp-video-results__film[data-position="left"] { z-index: 1; transform: translate(-50%,-50%) translateX(-105%) scale(.82); }
.qp-video-results.is-ready .qp-video-results__film[data-position="right"] { z-index: 1; transform: translate(-50%,-50%) translateX(105%) scale(.82); }
.qp-video-results__choose { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; border-radius: var(--qp-radius-frame,24px); background: transparent; cursor: pointer; }
.qp-video-results__choose:hover { background: rgb(255 255 255 / 8%); }
.qp-read-page--mixup-seo .qp-video-results__film .qp-video-toggle { top: 12px; right: 12px; left: auto; transform: none; width: 44px; height: 44px; min-width: 44px; opacity: 1; pointer-events: auto; }
.qp-video-results__film[data-format-active="false"] .qp-video-toggle { visibility: hidden; }
.qp-video-results__controls { display: flex; justify-content: center; align-items: center; gap: 18px; margin-top: 28px; }
.qp-page .qp-read-page--mixup-seo #video-results .qp-video-results__controls { margin-top: 24px; }
.qp-video-results__controls[hidden],.qp-video-results__choose[hidden] { display: none; }
.qp-video-results__controls button { display: grid; place-items: center; width: 44px; height: 44px; border: 1px solid rgb(40 48 68 / 18%); border-radius: 50%; background: rgb(255 255 255 / 65%); color: inherit; cursor: pointer; touch-action: manipulation; }
.qp-video-results__controls button:hover { background: white; }
.qp-video-results__controls button:active { transform: scale(.94); }
.qp-video-results__controls svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.5; }
.qp-video-results :is(button,video):focus-visible { outline: 2px solid #3968c5; outline-offset: 4px; }
@media (prefers-reduced-motion: reduce) { .qp-video-results.is-ready .qp-video-results__film { transition: none; } }
/* Safe inherited fallback only; the owner's mobile design pass is deferred. */
@media (max-width: 940px) {
  .qp-read-page--mixup-seo .qp-mixup-video-results { padding-block: 40px; }
  .qp-video-results__header { margin-bottom: 24px; }
  .qp-read-page--mixup-seo .qp-video-results__header p { font-size: 16px; }
  /* The mobile release uses a 68% film, capped at 315px wide. */
  .qp-page .qp-read-page--mixup-seo #video-results .qp-video-results.is-ready .qp-video-results__stage { aspect-ratio: 225 / 272; max-height: calc(315px * 16 / 9); }
  .qp-video-results.is-ready .qp-video-results__film { width: min(60%,315px); }
  .qp-video-results.is-ready .qp-video-results__film[data-position="left"] { transform: translate(-50%,-50%) translateX(-42%) scale(.72); }
  .qp-video-results.is-ready .qp-video-results__film[data-position="right"] { transform: translate(-50%,-50%) translateX(42%) scale(.72); }
}