/* Quiet Precision detail study: desktop master/detail, mobile disclosure. */
.qp-read-page--mixup-seo .qp-mixup-closer { padding: 64px 32px 80px; color: #283044; background: transparent; scroll-margin-top: 72px; }
.qp-mixup-closer__wrap { max-width: 1440px; margin-inline: auto; }
.qp-read-page--mixup-seo .qp-mixup-closer h2 { margin: 0 0 40px; padding-inline: 44px; font-size: clamp(48px,4.4vw,72px); font-weight: 650; line-height: 1.1; letter-spacing: -.03em; text-wrap: balance; color: inherit; background: none; -webkit-text-fill-color: currentColor; text-shadow: none; }
.qp-mixup-closer__tablets { width: 100%; height: 100%; display: grid; grid-template-rows: minmax(0,1fr) 44px; gap: 16px; }
.qp-mixup-closer__tablet-stage { position: relative; min-width: 0; }
.qp-mixup-closer__tablet { position: absolute; inset: 0; margin: auto; width: 72%; height: 100%; box-sizing: border-box; border: 1px solid rgba(40,48,68,.16); border-radius: 24px; padding: 18px; background: rgba(255,255,255,.86); color: inherit; font: inherit; cursor: pointer; display: grid; grid-template-rows: minmax(0,1fr) 28px; gap: 12px; transition: transform 750ms cubic-bezier(.22,.61,.36,1),opacity 600ms ease,filter 600ms ease; }
.qp-mixup-closer__tablet[data-position="center"] { transform: translateX(0) scale(1); z-index: 2; opacity: 1; filter: blur(0); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); }
.qp-mixup-closer__tablet[data-position="left"] { transform: translateX(-38%) scale(.6); z-index: 1; opacity: .65; filter: blur(3px); }
.qp-mixup-closer__tablet[data-position="right"] { transform: translateX(38%) scale(.6); z-index: 1; opacity: .65; filter: blur(3px); }
.qp-mixup-closer__tablet img { min-height: 0; object-fit: contain; }
.qp-mixup-closer__tablet span { font-size: 16px; line-height: 1.4; }
.qp-mixup-closer__tablet-controls { display: flex; justify-content: flex-start; gap: 10px; }
.qp-mixup-closer__tablet-controls svg { vertical-align: middle; }
.qp-mixup-closer__tablet-controls button { width: 44px; height: 44px; border-radius: 50%; border: 1px solid rgba(40,48,68,.18); background: rgba(255,255,255,.6); color: inherit; font: inherit; cursor: pointer; }
.qp-mixup-closer__tablet-controls button:hover { background: white; }
.qp-mixup-closer__specs { width: 100%; color: inherit; }
.qp-mixup-closer__visual:has(.qp-mixup-closer__specs) { height: auto; min-height: 480px; overflow: visible; }
.qp-mixup-closer__specs table { width: 100%; table-layout: fixed; border-collapse: collapse; font-size: 14px; line-height: 1.45; }
.qp-mixup-closer__specs :is(th,td) { width: 50%; padding: 12px; text-align: left; vertical-align: top; overflow-wrap: anywhere; border-bottom: 1px solid rgba(40,48,68,.16); }
.qp-mixup-closer__specs th { font-weight: 600; }
.qp-mixup-closer__specs .qp-button { margin-top: 22px; width: 100%; box-sizing: border-box; }
.qp-read-page--mixup-seo #closer-panel-compact .qp-mixup-closer__compact-frame { width: 100%; aspect-ratio: 16 / 9; height: auto; margin-bottom: 16px; border-radius: var(--qp-radius-frame,24px); }
.qp-read-page--mixup-seo #closer-panel-compact .qp-mixup-closer__compact-video { width: 100%; height: 100%; aspect-ratio: 16 / 9; object-fit: cover; margin: 0; }
.qp-mixup-closer__colours { width: 100%; height: 100%; display: grid; grid-template-rows: minmax(0,1fr) 44px; gap: 12px; text-align: center; }
.qp-mixup-closer__colour-stage { position: relative; overflow: hidden; border-radius: 18px; }
.qp-mixup-closer__colour-stage img { position: absolute; inset: 0; opacity: 0; border-radius: inherit; transition: opacity 600ms ease; }
.qp-mixup-closer__colour-stage img[data-active="true"] { opacity: 1; }
.qp-mixup-closer__swatches { display: flex; justify-content: center; gap: 8px; }
.qp-mixup-closer__swatches button { width: 44px; height: 44px; padding: 8px; border-radius: 50%; border: 2px solid transparent; background: transparent; cursor: pointer; }
.qp-mixup-closer__swatches button[aria-pressed="true"] { border-color: #283044; }
.qp-mixup-closer__swatches span { display: block; width: 100%; height: 100%; box-sizing: border-box; border-radius: 50%; border: 1px solid #aeb3bc; background: #f9f9f8; }
.qp-mixup-closer__swatches [data-colour-choice="black"] span { background: #232428; }
@media (prefers-reduced-motion: reduce) { .qp-mixup-closer__colour-stage img { transition: none; } }
@media (prefers-reduced-motion: reduce) { .qp-mixup-closer__tablet { transition: none; } }
.qp-mixup-closer__shell { display: grid; grid-template-columns: 44px 340px minmax(0,1fr); align-items: center; gap: 24px; padding: 32px; border-radius: 28px; border: 1px solid rgba(40,48,68,.2); background: rgba(238,240,243,.42) var(--qp-soft-grain) 0 0 / 128px 128px; }
.qp-mixup-closer__steps { display: grid; gap: 12px; }
.qp-mixup-closer__steps button { width: 44px; height: 44px; display: grid; place-items: center; border: 1px solid rgba(40,48,68,.18); border-radius: 50%; background: rgba(255,255,255,.65); color: inherit; cursor: pointer; }
.qp-mixup-closer__steps button:hover:not(:disabled) { background: white; }
.qp-mixup-closer__steps button:disabled { opacity: .35; cursor: default; }
.qp-mixup-closer__shell { box-sizing: border-box; min-height: 720px; }
.qp-mixup-closer__topic { width: 100%; max-width: 100%; border-radius: 24px; background: transparent; }
.qp-mixup-closer__topic:has(button[aria-expanded="true"]) { background: rgba(40,48,68,.065); }
.qp-mixup-closer.is-motion-ready .qp-mixup-closer__topic { transition: background-color 520ms ease; }
.qp-mixup-closer.is-motion-ready .qp-mixup-closer__shell { transition: height 650ms cubic-bezier(.22,.61,.36,1); }
.qp-mixup-closer__navigation { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; }
.qp-mixup-closer__navigation button { display: inline-flex; align-items: center; gap: 12px; padding: 12px 18px 12px 12px; min-height: 48px; max-width: 100%; text-align: left; border-radius: 999px; border: 1px solid transparent; background: rgba(40,48,68,.055); color: inherit; font: inherit; font-size: 15px; font-weight: 550; cursor: pointer; transition: background-color 180ms ease-out,border-color 180ms ease-out; }
.qp-mixup-closer__navigation button:hover { background: rgba(40,48,68,.1); }
.qp-mixup-closer__navigation button[aria-expanded="true"] { background: transparent; border-color: transparent; }
.qp-mixup-closer__navigation button:active { transform: scale(.98); }
.qp-mixup-closer__indicator { width: 24px; height: 24px; display: grid; place-items: center; flex: none; border: 1px solid rgba(40,48,68,.42); border-radius: 50%; font-size: 19px; line-height: 1; font-weight: 400; }
.qp-mixup-closer__navigation button[aria-expanded="true"] .qp-mixup-closer__indicator { background: #283044; color: #fff; border-color: #283044; }
.qp-mixup-closer :is(button,[role="tabpanel"]):focus-visible { outline: 2px solid #3968c5; outline-offset: 4px; }
.qp-mixup-closer__panel { display: grid; }
.qp-mixup-closer__panel[hidden] { display: none; }
.qp-mixup-closer__visual { display: flex; align-items: center; justify-content: center; min-width: 0; height: 480px; overflow: hidden; border-radius: 18px; }
.qp-mixup-closer__accessories { width: 100%; height: 100%; display: grid; grid-template-rows: minmax(0,1fr) auto; gap: 16px; }
.qp-mixup-closer__accessory-stage { min-height: 0; }
.qp-mixup-closer__accessory-stage figure { position: relative; height: 100%; margin: 0; }
.qp-mixup-closer__accessory-stage figure img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; }
.qp-mixup-closer__accessory-stage figure[hidden] { display: none; }
.qp-mixup-closer__accessories .qp-direction-controls { justify-self: center; }
.qp-mixup-closer__accessory-dots { position: relative; display: flex; align-items: center; height: 44px; }
.qp-mixup-closer__accessory-dots span { display: grid; place-items: center; width: 44px; height: 44px; }
.qp-mixup-closer__accessory-dots span::before { content: ''; width: 8px; height: 8px; border-radius: 999px; background: #858d9a; }
.qp-mixup-closer__accessory-dots [data-current="true"]::before { opacity: 0; }
.qp-mixup-closer__accessory-dots::after { content: ''; position: absolute; left: 2px; top: 18px; width: 40px; height: 8px; border-radius: 999px; background: #283044; pointer-events: none; transform: translateX(0); transition: transform 320ms cubic-bezier(.22,1,.36,1); }
.qp-mixup-closer__accessory-dots[data-selected="1"]::after { transform: translateX(44px); }
.qp-mixup-closer__accessory-dots[data-selected="2"]::after { transform: translateX(88px); }
.qp-mixup-closer__accessory-dots[data-selected="3"]::after { transform: translateX(132px); }
.qp-page .qp-read-page--mixup-seo .qp-mixup-closer__accessories .qp-direction-controls button { display: grid; place-items: center; line-height: 1; }
.qp-mixup-closer__accessories .qp-direction-controls svg { display: block; }
.qp-mixup-closer__accessory-stage:focus-visible { outline: 2px solid #3968c5; outline-offset: -2px; }
.qp-mixup-closer__accessory-status { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
@media (prefers-reduced-motion: no-preference) { .qp-mixup-closer__accessory-stage figure.is-entering { animation: mixup-detail-in 360ms cubic-bezier(.22,.61,.36,1) both; } }
.qp-mixup-closer__visual :is(picture,img,video) { display: block; max-width: 100%; max-height: 100%; }
.qp-mixup-closer__visual picture { width: 100%; height: 100%; }
.qp-mixup-closer__visual img { width: 100%; height: 100%; object-fit: contain; }
.qp-read-page--mixup-seo .qp-mixup-closer__visual video { height: 100%; width: auto; aspect-ratio: 9 / 16; object-fit: contain; border-radius: 18px; background: #eef0f3; }
.qp-mixup-closer #closer-panel-assembly .qp-mixup-closer__visual { height: var(--closer-media-height,654px); }
.qp-read-page--mixup-seo #closer-panel-assembly .qp-mixup-closer__assembly-frame { position: relative; flex: none; width: min(100%,calc(var(--closer-media-height,654px) * .75)); height: auto; aspect-ratio: 3 / 4; overflow: hidden; border-radius: var(--qp-radius-frame,24px); }
.qp-read-page--mixup-seo #closer-panel-assembly .qp-mixup-closer__assembly-frame video { position: absolute; top: -16.666667%; left: 0; width: 100%; height: 133.333333%; max-height: none; aspect-ratio: auto; object-fit: cover; transform: none; }
.qp-read-page--mixup-seo .qp-mixup-closer .qp-mixup-video-frame .qp-video-toggle { top: 12px; right: 12px; left: auto; transform: none; width: 44px; height: 44px; min-width: 44px; opacity: 1; pointer-events: auto; }
.qp-read-page--mixup-seo .qp-mixup-closer .qp-mixup-video-frame .qp-video-toggle:active { transform: scale(.94); }
.qp-read-page--mixup-seo .qp-mixup-closer__caption h3 { margin: 0; font-size: 22px; line-height: 1.25; color: inherit; }
.qp-mixup-closer__caption { overflow: hidden; }
.qp-mixup-closer__copy-inner { padding: 0 20px 20px; }
.qp-mixup-closer.is-motion-ready .qp-mixup-closer__caption { transition: height 520ms cubic-bezier(.22,.61,.36,1), opacity 360ms ease; }
.qp-mixup-closer__caption[aria-hidden="true"] { opacity: 0; }
.qp-mixup-closer__caption[hidden] { display: none; }
.qp-mixup-closer__caption p { margin: 0; font-family: 'Onest', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; font-size: 15px; font-weight: 400; line-height: 1.5; }
.qp-mixup-closer__caption p + p { margin-top: 12px; }
.qp-mixup-closer__caption .qp-mixup-closer__placeholder { font-size: 13px; color: #515b6d; }
.qp-mixup-closer__copy-slot { min-height: 30px; }
@media (prefers-reduced-motion: no-preference) { .qp-mixup-closer__panel.is-entering { animation: mixup-detail-in 360ms cubic-bezier(.22,.61,.36,1) both; } }
@keyframes mixup-detail-in { from { opacity: .35; transform: translateY(6px); } to { opacity: 1; transform: translateY(0); } }
@media (prefers-reduced-motion: reduce) { .qp-mixup-closer.is-motion-ready :is(.qp-mixup-closer__shell,.qp-mixup-closer__topic,.qp-mixup-closer__caption) { transition: none; } }
@media (min-width: 941px) {
  .qp-mixup-closer #closer-panel-lighting .qp-mixup-closer__visual { height: 720px; }
  .qp-mixup-closer__lighting { width: 100%; height: 100%; display: grid; grid-template-rows: minmax(0,1fr) 58px; gap: 16px; }
  .qp-mixup-closer__lighting-stage { min-height: 0; display: grid; place-items: center; }
  .qp-page .qp-read-page--mixup-seo .qp-mixup-closer__lighting-frame { position: relative; grid-area: 1 / 1; width: min(100%,403.75px); height: 100%; overflow: hidden; border-radius: var(--qp-radius-frame,24px); }
  .qp-mixup-closer__lighting-frame[hidden] { display: none; }
  .qp-page .qp-read-page--mixup-seo .qp-mixup-closer__lighting-frame video { width: 100%; height: 100%; aspect-ratio: 5 / 8; object-fit: contain; border-radius: inherit; }
  .qp-mixup-closer__lighting-swatches { display: inline-flex; align-items: center; justify-self: center; align-self: center; gap: 8px; background: transparent; }
  .qp-mixup-closer__lighting-swatches[hidden] { display: none; }
  .qp-page .qp-mixup-closer__lighting-swatches button { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 44px; padding: 9px 16px; border: 1px solid rgba(40,48,68,.22); border-radius: 999px; color: #283044; font: inherit; font-size: 14px; font-weight: 550; background: rgba(255,255,255,.3); cursor: pointer; transition: background-color 180ms ease, border-color 180ms ease; }
  .qp-mixup-closer__lighting-swatches button span { flex: none; width: 20px; height: 20px; box-sizing: border-box; border: 1px solid rgba(40,48,68,.2); border-radius: 50%; background: #fff; }
  .qp-mixup-closer__lighting-swatches [data-lighting-choice="colour"] span { background: conic-gradient(#f36bbc,#9163ef,#53bdf5,#5ee8ad,#ffe48b,#f36bbc); }
  .qp-page .qp-mixup-closer__lighting-swatches [aria-pressed="true"] { background: rgba(255,255,255,.72); border-color: #283044; }
  .qp-mixup-closer__lighting-swatches button:hover { background: rgba(40,48,68,.06); }
  .qp-mixup-closer__lighting-swatches button:active { transform: scale(.94); }
  .qp-mixup-closer__shell { position: relative; isolation: isolate; overflow: hidden; }
  .qp-mixup-closer__shell > :not(.qp-video-section-light,.qp-ambient-gate) { position: relative; z-index: 1; }
  .qp-mixup-closer__shell > .qp-video-section-light,
.qp-mixup-closer__shell > :where(.qp-ambient-gate) > .qp-video-section-light { inset: 0; border-radius: inherit; overflow: hidden; mask-image: none; -webkit-mask-image: none; transition: opacity 800ms ease; }
  .qp-mixup-closer__shell .qp-video-section-color { opacity: .16; }
  .qp-mixup-closer__video-backdrop { position: absolute; inset: -12%; width: 124%; height: 124%; filter: blur(70px) saturate(1.65) brightness(1.12); opacity: .36; }
  .qp-mixup-closer__shell .qp-video-light-field { display: none; }
  .qp-mixup-closer :is(#closer-panel-camera,#closer-panel-wiring) .qp-mixup-closer__visual { height: 720px; }
  .qp-mixup-closer__details { grid-template-rows: minmax(0,1fr) 58px; gap: 16px; }
  .qp-mixup-closer__detail-title { margin: 0; font: inherit; font-size: 14px; text-align: center; }
  .qp-page .qp-read-page--mixup-seo .qp-mixup-closer__detail-frame { width: 100%; height: 100%; border-radius: inherit; }
  .qp-page .qp-read-page--mixup-seo .qp-mixup-closer__detail-frame video { width: 100%; height: 100%; object-fit: contain; aspect-ratio: 3 / 5; }
  /* Remove only the top eighth: retain the full bottom and both side edges.
     720 × (1200 - 150) becomes 24:35, wider without re-encoding. */
  .qp-mixup-closer #closer-panel-camera .qp-mixup-closer__accessory-stage figure { width: min(100%,442.97px); }
  .qp-page .qp-read-page--mixup-seo #closer-panel-camera .qp-mixup-closer__detail-frame video { position: absolute; left: 0; top: -14.285714%; width: 100%; height: 114.285714%; max-height: none; aspect-ratio: auto; object-fit: cover; border-radius: 0; }
  .qp-mixup-closer #closer-panel-accessories .qp-mixup-closer__visual { height: 720px; }
  .qp-mixup-closer__accessory-stage figure { width: min(100%, 480px); margin-inline: auto; overflow: hidden; border-radius: 24px; background: #fff; box-shadow: 0 12px 32px rgba(26,34,51,.10); }
  .qp-mixup-closer__accessory-stage figure img { object-fit: cover; }
  .qp-read-page--mixup-seo #closer-panel-assembly .qp-mixup-closer__assembly-frame { width: 100%; height: 100%; aspect-ratio: auto; }
  .qp-read-page--mixup-seo .qp-mixup-closer { padding-inline: 0; }
  .qp-mixup-closer__wrap { width: min(87.5vw,1280px); max-width: 1280px; }
  .qp-read-page--mixup-seo .qp-mixup-closer h2 { padding-inline: 0; }
  .qp-mixup-closer__specs .qp-button { width: auto; max-width: 100%; }
  .qp-mixup-closer__tablet-controls { position: relative; justify-content: center; }
  .qp-mixup-closer__visual:has(.qp-mixup-closer__colours) { height: 720px; overflow: visible; }
  .qp-mixup-closer__colours { height: 100%; grid-template-rows: minmax(0,1fr) 44px; justify-items: center; }
  .qp-mixup-closer__colour-stage { width: min(100%,664px); height: 100%; aspect-ratio: 1; border-radius: var(--qp-radius-frame,24px); }
  .qp-mixup-closer__visual .qp-mixup-closer__colour-stage img { width: 100%; height: 100%; object-fit: cover; }
  .qp-mixup-closer__colour-stage [data-colour-image="black"] { object-position: 61% center; }
}
@media (prefers-reduced-motion: reduce) {
  .qp-mixup-closer__accessory-dots::after,
  .qp-mixup-closer__shell .qp-section-light,
  .qp-mixup-closer__lighting-swatches button { transition: none; }
}
@media (min-width: 941px) and (max-width: 1100px) {
  .qp-mixup-closer__shell { grid-template-columns: 44px 280px minmax(0,1fr); gap: 16px; padding: 24px; }
  .qp-mixup-closer__navigation button { font-size: 14px; }
  .qp-mixup-closer__copy-inner { padding-inline: 16px; }
}
@media (max-width: 940px) {
  .qp-read-page--mixup-seo .qp-mixup-closer { padding: 40px 24px 56px; }
  .qp-read-page--mixup-seo .qp-mixup-closer h2 { padding: 0; margin-bottom: 24px; font-size: clamp(30px,5.5vw,48px); }
  .qp-mixup-closer__shell { display: block; min-height: 0; padding: 16px; border-radius: 24px; }
  .qp-mixup-closer__steps { display: none; }
  .qp-mixup-closer__navigation { gap: 12px; }
  .qp-mixup-closer__navigation button { min-height: 48px; width: 100%; }
  .qp-mixup-closer__caption p { font-size: 16px; }
  .qp-mixup-closer__copy-inner { padding: 0 16px 16px; }
  .qp-mixup-closer__panel { padding: 0 12px 16px; }
  .qp-mixup-closer__visual { height: clamp(260px,60vw,420px); border-radius: 16px; }
  .qp-mixup-closer #closer-panel-assembly .qp-mixup-closer__visual { height: auto; }
  .qp-read-page--mixup-seo #closer-panel-assembly .qp-mixup-closer__assembly-frame { width: min(100%,360px); height: auto; aspect-ratio: 3 / 4; }
  .qp-mixup-closer__visual:has(.qp-mixup-closer__specs) { min-height: 0; }
  .qp-mixup-closer__specs :is(th,td) { padding: 10px 8px; }
  .qp-mixup-closer__tablet { width: 78%; padding: 12px; border-radius: 18px; }
  .qp-mixup-closer__tablet[data-position="center"] { backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); }
  .qp-mixup-closer__tablet[data-position="left"] { transform: translateX(-36%) scale(.6); }
  .qp-mixup-closer__tablet[data-position="right"] { transform: translateX(36%) scale(.6); }
  .qp-mixup-closer__tablet span { font-size: 14px; }
  .qp-mixup-closer__colours { grid-template-rows: minmax(0,1fr) 44px; }
}
@media (max-width: 480px) {
  .qp-read-page--mixup-seo .qp-mixup-closer { padding-inline: 16px; }
  .qp-mixup-closer__shell { padding: 8px; }
  .qp-mixup-closer__panel { padding-inline: 8px; }
  .qp-mixup-closer__specs .qp-button { font-size: 13px; padding-inline: 10px; white-space: normal; text-align: center; }
}