/* Owner photo story, using the existing carousel on every screen. */
.qp-mixup-photos__navigation { display: none; }
@media (min-width: 941px) {
  .qp-read-page--mixup-seo .qp-mixup-photos { display: block; padding: 64px 0 88px; color: #283044; scroll-margin-top: 80px; }
  .qp-mixup-photos__wrap { width: calc(100% - 12.5vw); max-width: 1280px; margin: 0 auto; display: grid; grid-template-columns: 42% minmax(0,1fr); gap: 48px; align-items: center; }
  .qp-read-page--mixup-seo .qp-mixup-photos__copy { display: block; }
  .qp-read-page--mixup-seo #mixup-photos-title { margin: 0 0 28px; max-width: 15ch; font-size: clamp(42px,4.1vw,60px); line-height: 1.08; letter-spacing: -.025em; font-weight: 650; color: inherit; }
  .qp-mixup-photos__copy p { max-width: 44ch; margin: 0 0 20px; font-size: 18px; line-height: 1.6; }
  .qp-mixup-photos__copy p:last-child { margin-bottom: 0; }
  .qp-mixup-photos__slider { min-width: 0; margin: 0; --mini-slide-height: 500px; }
  .qp-page .qp-formats-explorer-page .qp-mixup-photos__slider .qp-mini-carousel__track {
    width: 100%; margin: 0; padding: 8px calc((100% - 333.333px) / 2) 20px; gap: 20px;
  }
  .qp-page .qp-formats-explorer-page .qp-mixup-photos__slider figure { margin: 0; }
  .qp-page .qp-formats-explorer-page .qp-mixup-photos__slider picture { display: block; border-radius: 20px; overflow: hidden; }
  .qp-page .qp-formats-explorer-page .qp-mixup-photos__slider img { display: block; width: 100%; height: 100%; object-fit: contain; }
  .qp-mixup-photos__slider .qp-mini-carousel__bar button { width: 44px; height: 44px; padding: 0; display: grid; place-items: center; }
  .qp-mixup-photos__dot { width: 6px; height: 6px; border-radius: 50%; background: currentColor; opacity: .45; }
  .qp-mixup-photos__slider [aria-current="true"] .qp-mixup-photos__dot { width: 20px; border-radius: 4px; opacity: 1; }
}
@media (max-width: 940px) {
  .qp-read-page--mixup-seo .qp-mixup-photos { display: block; padding: 24px 0 56px; color: #283044; scroll-margin-top: 80px; }
  .qp-mixup-photos__wrap { width: calc(100% - 48px); max-width: 720px; margin-inline: auto; display: grid; gap: 24px; }
  .qp-read-page--mixup-seo .qp-mixup-photos__copy { display: block; }
  .qp-read-page--mixup-seo #mixup-photos-title { margin: 0 0 20px; font-size: clamp(30px,5.5vw,48px); line-height: 1.1; letter-spacing: -.025em; font-weight: 650; color: inherit; text-wrap: balance; }
  .qp-mixup-photos__copy p { max-width: 55ch; margin: 0 0 16px; font-size: 16px; line-height: 1.6; }
  .qp-mixup-photos__copy p:last-child { margin-bottom: 0; }
  .qp-mixup-photos__slider { min-width: 0; --mini-slide-height: 360px; }
  .qp-page .qp-formats-explorer-page .qp-mixup-photos__slider .qp-mini-carousel__track { width: 100%; margin: 0; padding: 8px max(0px,calc((100% - 240px) / 2)) 16px; gap: 16px; }
  .qp-page .qp-formats-explorer-page .qp-mixup-photos__slider figure { margin: 0; }
  .qp-page .qp-formats-explorer-page .qp-mixup-photos__slider picture { display: block; border-radius: 20px; overflow: hidden; }
  .qp-page .qp-formats-explorer-page .qp-mixup-photos__slider img { display: block; width: 100%; height: 100%; object-fit: contain; }
  .qp-mixup-photos__slider .qp-mini-carousel__bar { gap: 0; }
  .qp-mixup-photos__slider .qp-mini-carousel__bar button { width: 44px; min-width: 44px; height: 44px; padding: 0; display: grid; place-items: center; }
  .qp-mixup-photos__slider .qp-mini-carousel__controls { gap: 8px; }
  .qp-mixup-photos__dot { width: 6px; height: 6px; border-radius: 50%; background: currentColor; opacity: .45; }
  .qp-mixup-photos__slider [aria-current="true"] .qp-mixup-photos__dot { width: 20px; border-radius: 4px; opacity: 1; }
}
@media (max-width: 380px) {
  .qp-mixup-photos__wrap { width: calc(100% - 32px); }
}
@media (max-width: 940px) {
  /* Keep the image as the destination, not six wrapped pagination targets. */
  .qp-page .qp-read-page--mixup-seo .qp-mixup-photos__slider .qp-mini-carousel__bar { display: none; }
  .qp-page .qp-read-page--mixup-seo .qp-mixup-photos__navigation {
    box-sizing: border-box; display: flex; align-items: center; gap: 8px;
    padding: 6px; border-radius: 999px; background: rgba(238,240,243,.9);
  }
  .qp-page .qp-read-page--mixup-seo .qp-mixup-photos__navigation button {
    display: grid; place-items: center; flex: none; width: 44px; height: 44px;
    padding: 0; border: 0; border-radius: 50%; color: #283044;
    background: rgba(255,255,255,.55); cursor: pointer; touch-action: manipulation;
    transition: background-color 180ms ease-out;
  }
  .qp-page .qp-read-page--mixup-seo .qp-mixup-photos__navigation button:hover:not([aria-disabled="true"]) { background: #fff; }
  .qp-page .qp-read-page--mixup-seo .qp-mixup-photos__navigation button[aria-disabled="true"] { opacity: .4; cursor: default; }
}
@media (prefers-reduced-motion: reduce) {
  .qp-page .qp-read-page--mixup-seo .qp-mixup-photos__navigation button { transition: none; }
}
@media (forced-colors: active) {
  .qp-page .qp-read-page--mixup-seo .qp-mixup-photos__navigation,
  .qp-page .qp-read-page--mixup-seo .qp-mixup-photos__navigation button { color: CanvasText; background: Canvas; }
}