/* Quiet Precision / company page. Scoped web approximation of Liquid Glass;
   existing shared navigation and product pages keep their own materials. */
body.qp-about-body { --about-edge: rgba(170,177,187,.32); }
body.qp-about-body .site-header {
  background: rgba(247,248,250,.91);
  border-bottom: 0;
  box-shadow: inset 0 -1px 0 rgba(255,255,255,.7), 0 8px 24px rgba(9,10,13,.08);
  -webkit-backdrop-filter: blur(16px) saturate(78%);
  backdrop-filter: blur(16px) saturate(78%);
}
.qp-about-body .qp-about-page { background: var(--qp-paper-2, #f7f8fa); }
.qp-about-body .qp-about-hero { position: relative; isolation: isolate; overflow: hidden; background: #111318; }
.qp-about-backdrop { position: absolute; inset: -32px; z-index: -1; background: linear-gradient(90deg,rgba(9,10,13,.91),rgba(9,10,13,.63)),url('/media/about-expo/2026-09-20-v1/expo-14-640.webp') center / cover; filter: blur(22px); pointer-events: none; }
.qp-about-body .qp-about-stage { padding-block: 26px 42px; }
.qp-about-stage-layout { display: grid; grid-template-columns: minmax(0,.82fr) minmax(0,1.18fr); align-items: center; gap: 64px; }
.qp-about-stage-copy { padding-bottom: 36px; }
.qp-about-body .qp-about-hero h1 { max-width: 12ch; margin: 0; font-size: 56px; line-height: 1.07; font-weight: 520; letter-spacing: 0; text-wrap: balance; color: #fff; }
.qp-about-stage-copy > p { margin: 24px 0; max-width: 43ch; font-size: 18px; line-height: 1.6; color: #eef0f3; }
.qp-about-hero-gallery { min-width: 0; }
.qp-about-hero-track { display: flex; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scrollbar-width: none; border-radius: 24px; border: 1px solid var(--about-edge); background: #17181b; }
.qp-about-hero-slide { position: relative; flex: 0 0 100%; min-width: 0; margin: 0; scroll-snap-align: start; }
.qp-about-hero-slide img { display: block; width: 100%; height: var(--hero-photo-height,clamp(340px,calc(100svh - 550px),640px)); object-fit: contain; }
.qp-about-hero-slide figcaption { margin: 0; padding: 12px 20px 16px; color: #e4e7ed; font-size: 14px; line-height: 1.4; }
.qp-about-hero-controls { display: flex; justify-content: center; flex-wrap: wrap; gap: 4px; margin-top: 12px; }
.qp-about-hero-toggle { display: grid; place-items: center; flex-shrink: 0; width: 44px; height: 44px; padding: 0; color: #fff; background: rgba(255,255,255,.14); border: 1px solid rgba(255,255,255,.4); border-radius: 50%; cursor: pointer; }
.qp-about-hero-toggle:hover { background: rgba(255,255,255,.26); }
.qp-about-hero-toggle > span, [data-expo-toggle] > span { display: block; width: 14px; height: 18px; border-inline: 4px solid currentColor; box-sizing: border-box; }
.qp-about-hero-toggle[data-paused="true"] > span, [data-expo-toggle][data-paused="true"] > span { width: 18px; height: 20px; border: 0; background: currentColor; clip-path: polygon(15% 0,100% 50%,15% 100%); }
.qp-about-dot:hover span { background: #fff; }
.qp-about-dot { display: grid; place-items: center; width: 44px; height: 44px; padding: 0; border: 0; background: transparent; cursor: pointer; }
.qp-about-dot span { width: 7px; height: 7px; background: #aab1bb; border-radius: 99px; }
.qp-about-dot[aria-pressed="true"] span { width: 22px; background: #fff; }
.qp-about-body .qp-about-intro { padding-block: 64px; }
.qp-about-intro-panel { display: grid; grid-template-columns: minmax(0,1.35fr) minmax(0,1fr); border-radius: 28px; border: 1px solid rgba(255,255,255,.9); background: linear-gradient(130deg,rgba(255,255,255,.88),rgba(227,233,242,.64)); box-shadow: inset 0 1px 1px #fff,0 16px 48px -32px rgba(20,32,55,.3),0 0 0 1px rgba(32,45,65,.07); }
.qp-about-intro-panel > p { margin: 0; padding: 32px; max-width: 74ch; font-size: 17px; font-weight: 500; line-height: 1.75; color: var(--qp-ink-3,#3d414a); }
.qp-about-facts { position: relative; display: grid; align-content: center; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 32px 24px; list-style: none; padding: 32px; margin: 0; }
.qp-about-facts::before { content: ''; position: absolute; inset: 28px auto 28px 0; width: 1px; background: rgba(131,146,170,.28); pointer-events: none; }
.qp-about-facts li { display: grid; gap: 6px; }
.qp-about-facts strong { position: relative; font-size: clamp(24px,2.5vw,36px); line-height: 1.15; font-weight: 520; font-variant-numeric: tabular-nums; }
.qp-about-facts span { font-size: 14px; color: var(--qp-muted,#545963); }
.qp-about-facts strong > span { font: inherit; color: inherit; }
/* Keep the final accessible text in layout, clipped only visually. Its actual
   wrapping reserves the same geometry as the no-JS text at every width. */
.qp-about-facts strong > .qp-about-sr-only { position: static; display: block; width: auto; height: auto; margin: 0; white-space: normal; }
.qp-about-facts strong > [aria-hidden="true"] { position: absolute; inset: 0; display: block; }
.qp-about-expo { padding-block: 64px 80px; background: #eef0f3; scroll-margin-top: 88px; }
.qp-about-section-heading { margin-bottom: 30px; }
.qp-about-section-heading h2 { margin: 0; font-size: 36px; font-weight: 520; line-height: 1.18; letter-spacing: 0; text-wrap: balance; }
.qp-about-section-heading > p { margin: 16px 0 0; max-width: 65ch; font-size: 17px; line-height: 1.65; color: var(--qp-muted,#545963); }
.qp-about-gallery-stage { position: relative; }
.qp-about-gallery-track { display: flex; position: relative; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scrollbar-width: none; border-radius: 24px; border: 1px solid var(--about-edge); background: #111318; }
.qp-about-slide { position: relative; flex: 0 0 100%; min-width: 0; margin: 0; height: min(55vw,620px); scroll-snap-align: start; display: grid; place-items: center; }
.qp-about-photo { position: absolute; inset: 0; display: block; width: 100%; height: 100%; min-height: 0; }
.qp-about-slide > video { position: absolute; inset: 0; }
.qp-about-slide img, .qp-about-slide video { display: block; width: 100%; height: 100%; object-fit: contain; }
.qp-about-slide video { background: #111318; }
.qp-about-gallery-arrows { position: absolute; inset: 50% 18px auto; display: flex; justify-content: space-between; transform: translateY(-50%); pointer-events: none; }
.qp-about-round { display: grid; place-items: center; flex-shrink: 0; width: 48px; height: 48px; padding: 0; border-radius: 50%; background: rgba(23,24,27,.92); color: #fff; border: 1px solid rgba(231,234,238,.45); box-shadow: inset 0 1px 0 rgba(255,255,255,.15); font-size: 24px; cursor: pointer; pointer-events: auto; }
.qp-about-round:hover { background: #3d414a; }
.qp-about-round:disabled { opacity: .4; cursor: default; }
.qp-about-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.qp-about-video-open { position: absolute; inset: 0; z-index: 1; width: 100%; height: 100%; border: 0; padding: 0; background: transparent; cursor: zoom-in; }
.qp-about-map { margin: 0; }
.qp-about-map img { width: 100%; height: auto; display: block; mix-blend-mode: multiply; }
.qp-about-map figcaption { margin-top: 18px; font-size: 13px; line-height: 1.6; color: #545963; max-width: 55ch; }
.qp-about-body .qp-about-lightbox { width: 100%; max-width: none; height: 100dvh; max-height: none; margin: 0; padding: max(16px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left)); border: 0; color: #fff; background: #090a0d; box-sizing: border-box; }
.qp-about-lightbox[open] { display: grid; grid-template-rows: auto minmax(0,1fr) auto; gap: 16px; }
.qp-about-lightbox::backdrop { background: rgba(9,10,13,.9); }
.qp-about-lightbox-toolbar { display: flex; align-items: center; gap: 24px; justify-content: space-between; }
.qp-about-lightbox-toolbar p { margin: 0; font-size: 16px; }
.qp-about-lightbox-media { min-height: 0; display: grid; place-items: center; }
.qp-about-lightbox-media :is(img,video) { display: block; width: 100%; height: 100%; min-height: 0; object-fit: contain; }
.qp-about-lightbox-controls { display: flex; justify-content: center; align-items: center; gap: 24px; font-variant-numeric: tabular-nums; }
.qp-about-body.about-viewer-open { overflow: hidden; }
.qp-about-lightbox { overscroll-behavior: contain; }
.qp-about-body button { touch-action: manipulation; }
.qp-about-body .qp-about-video-open { touch-action: pan-y; }
.qp-about-body :is(.qp-about-page,.qp-about-lightbox) :focus-visible { outline: 2px solid #8478ff; outline-offset: 3px; }
.qp-about-body :is(.qp-about-hero-track,.qp-about-gallery-track):focus-visible { outline-offset: 4px; }
.qp-about-body [hidden] { display: none !important; }
@media (max-width: 1199px) {
  .qp-about-stage-layout { gap: 36px; }
  .qp-about-body .qp-about-hero h1 { font-size: 46px; }
}
@media (max-width: 900px) {
  .qp-about-intro-panel { grid-template-columns: minmax(0,1fr); }
  .qp-about-facts::before { inset: 0 28px auto; width: auto; height: 1px; }
}
@media (max-width: 768px) {
  body.qp-about-body .site-header { -webkit-backdrop-filter: blur(8px) saturate(78%); backdrop-filter: blur(8px) saturate(78%); }
  .qp-about-stage-layout { grid-template-columns: minmax(0,1fr); gap: 28px; }
  .qp-about-body .qp-about-stage { padding-block: 22px 20px; }
  .qp-about-stage-copy { padding-bottom: 0; }
  .qp-about-body .qp-about-hero h1 { font-size: 40px; max-width: 16ch; }
  .qp-about-stage-copy > p { font-size: 16px; margin-block: 20px; }
  .qp-about-hero-slide img { height: 340px; }
  .qp-about-body .qp-about-intro { padding-block: 48px; }
  .qp-about-intro-panel > p { font-size: 16px; padding: 24px; }
  .qp-about-facts { padding: 24px; gap: 24px 16px; }
  .qp-about-facts::before { inset-inline: 24px; }
  .qp-about-section-heading h2 { font-size: 30px; }
  .qp-about-section-heading > p { font-size: 16px; }
  .qp-about-expo { padding-block: 48px; }
  .qp-about-slide { height: 72vw; max-height: 520px; }
  .qp-about-gallery-arrows { inset-inline: 10px; }
  .qp-about-gallery-arrows .qp-about-round { width: 44px; height: 44px; }
}
@media (max-width: 480px) {
  .qp-about-hero-slide img { height: auto; aspect-ratio: 4/3; }
  .qp-about-body .qp-about-hero h1 { font-size: 36px; }
  .qp-about-facts strong { font-size: 24px; }
  .qp-about-facts span { font-size: 13px; }
  .qp-about-section-heading h2 { font-size: 28px; }
  .qp-about-hero-track, .qp-about-gallery-track, .qp-about-production-layout video { border-radius: 20px; }
  .qp-about-slide { height: 104vw; }
  .qp-about-body .qp-about-lightbox { padding-inline: 16px; }
}
@media (max-width: 360px) { body.qp-about-body .site-header .logo span:not(.mk) { display: none; } }
@media (max-width: 360px) { .qp-about-hero-toggle { order: 1; } }
@media (prefers-reduced-motion: no-preference) {
  .qp-about-body .qp-about-round { transition: background-color 160ms ease-out; }
}
@media (prefers-contrast: more) {
  body.qp-about-body .site-header { background: #f7f8fa; backdrop-filter: none; -webkit-backdrop-filter: none; }
  .qp-about-round { background: #17181b; }
}
@supports not (backdrop-filter: blur(8px)) { body.qp-about-body .site-header { background: #f7f8fa; } }
/* The same fine glass rim and continuous sheen used by MixUp/Mini headings. */
.qp-about-body .qp-about-stage { padding-block: 64px 36px; }
.qp-about-body .qp-about-hero h1 { font-size: clamp(48px,5vw,76px); letter-spacing: .005em; }
.qp-about-body #expo-title { font-size: clamp(36px,4.2vw,60px); line-height: 1.1; letter-spacing: .005em; }
@supports (background-clip: text) {
  .qp-about-body #about-title {
    background: linear-gradient(135deg,rgba(255,255,255,.94),rgba(246,251,255,.72) 30%,rgba(225,237,255,.5) 68%,rgba(255,255,255,.88));
    background-clip: text; -webkit-background-clip: text; color: transparent;
    -webkit-text-stroke: .3px rgba(255,255,255,.64);
    filter: drop-shadow(0 -1px .4px rgba(255,255,255,.48)) drop-shadow(0 2px .6px rgba(10,16,38,.3)) drop-shadow(0 5px 4px rgba(6,12,30,.18));
  }
  .qp-about-body :is(#expo-title,.qp-about-company h2) {
    background: linear-gradient(135deg,rgba(16,22,48,.96),rgba(37,48,76,.7) 58%,rgba(13,20,45,.94));
    background-clip: text; -webkit-background-clip: text; color: transparent;
    -webkit-text-stroke: .3px rgba(19,28,55,.35);
    filter: drop-shadow(0 -1px .5px rgba(255,255,255,.8)) drop-shadow(0 2px 1px rgba(20,28,48,.16));
  }
}
.qp-about-body .qp-about-expo { position: relative; isolation: isolate; overflow: clip; background: #11141b; color: #f6f5f2; padding-block: 64px 56px; box-shadow: inset 0 1px 0 rgba(255,255,255,.08),inset 0 -1px 0 rgba(255,255,255,.06); }
.qp-about-body #expo-title { color: #f6f5f2; }
@supports (background-clip: text) {
  .qp-about-body #expo-title { background-image: linear-gradient(135deg,#fffdf8,#d4dbe8 60%,#f6f5f2); color: transparent; -webkit-text-stroke: .3px rgba(255,255,255,.35); filter: drop-shadow(0 1px 1px rgba(0,0,0,.4)); }
}
.qp-about-expo-glow { position: absolute; inset: 80px 8% 0; z-index: -1; pointer-events: none; opacity: .32; filter: blur(64px) saturate(1.25); mask-image: radial-gradient(ellipse,#000 15%,transparent 72%); -webkit-mask-image: radial-gradient(ellipse,#000 15%,transparent 72%); }
.qp-about-expo-glow img { width: 100%; height: 100%; object-fit: cover; }
.qp-about-expo .qp-about-section-heading { text-align: center; margin-bottom: 24px; }
.qp-about-expo .qp-about-section-heading > p { margin-inline: auto; font-weight: 600; color: #d9dce3; }
.qp-about-body .qp-about-expo .qp-about-slide { border-color: rgba(255,255,255,.3); box-shadow: 0 24px 44px -24px rgba(0,0,0,.8); }
.qp-about-expo noscript a { color: #f6f5f2; text-decoration: underline; }
.is-coverflow { container-type: inline-size; --expo-height: clamp(340px,34vw,460px); --expo-spread: clamp(170px,26vw,390px); --available-width: 68cqw; --card-height: min(var(--expo-height),calc(var(--available-width) * var(--active-height,3) / var(--active-width,4))); }
.is-coverflow .qp-about-gallery-track { height: calc(var(--expo-height) + 64px); display: block; overflow: visible; perspective: 1200px; border: 0; background: transparent; border-radius: 0; touch-action: pan-y; user-select: none; }
.is-coverflow .qp-about-slide { position: absolute; top: 50%; left: 50%; width: min(calc(var(--card-height) * var(--media-width) / var(--media-height)),68%); height: auto; max-height: none; aspect-ratio: var(--media-width) / var(--media-height); transform: translate(-50%,-50%); border-radius: 24px; border: 1px solid rgba(255,255,255,.7); overflow: hidden; background: #17181b; box-shadow: 0 24px 44px -24px rgba(17,24,44,.4), inset 0 1px 1px rgba(255,255,255,.6); backface-visibility: hidden; }
.is-coverflow .qp-about-slide[data-position="0"] { z-index: 5; opacity: 1; }
.is-coverflow .qp-about-slide:focus-within { outline: 2px solid #6554f4; outline-offset: 4px; }
.is-coverflow .qp-about-slide[data-position="-1"] { z-index: 3; transform: translate(calc(-50% - var(--expo-spread)),-50%) rotateY(38deg) scale(.77); opacity: .86; }
.is-coverflow .qp-about-slide[data-position="1"] { z-index: 3; transform: translate(calc(-50% + var(--expo-spread)),-50%) rotateY(-38deg) scale(.77); opacity: .86; }
.is-coverflow .qp-about-slide[data-position="-2"] { z-index: 2; transform: translate(calc(-50% - var(--expo-spread) * 1.42),-50%) rotateY(46deg) scale(.59); opacity: .42; }
.is-coverflow .qp-about-slide[data-position="2"] { z-index: 2; transform: translate(calc(-50% + var(--expo-spread) * 1.42),-50%) rotateY(-46deg) scale(.59); opacity: .42; }
.is-coverflow .qp-about-slide:is([data-position="-3"],[data-position="3"]) { visibility: hidden; opacity: 0; transform: translate(-50%,-50%) scale(.5); pointer-events: none; }
.qp-about-card-select { position: absolute; inset: 0; z-index: 6; border: 0; padding: 0; background: transparent; cursor: pointer; border-radius: inherit; }
.is-coverflow .qp-about-slide:not([data-position="0"]) :is(.qp-about-video-controls,.qp-about-video-message) { visibility: hidden; }
.is-coverflow .qp-about-gallery-arrows { position: relative; inset: auto; transform: none; justify-content: center; gap: 12px; margin-top: 4px; }
.is-coverflow .qp-about-round, .qp-about-video-button {
  color: #10141e; background: rgba(245,249,255,.68); border: 1px solid rgba(255,255,255,.72);
  backdrop-filter: blur(24px) saturate(140%); -webkit-backdrop-filter: blur(24px) saturate(140%);
  box-shadow: inset 0 1px 1px rgba(255,255,255,.7),0 3px 12px rgba(10,18,32,.14);
}
.is-coverflow .qp-about-round:hover, .qp-about-video-button:hover { background: rgba(255,255,255,.9); }
.qp-about-video-controls { position: absolute; z-index: 5; bottom: 16px; right: 16px; display: flex; gap: 8px; }
.qp-about-video-button { display: grid; place-items: center; width: 48px; height: 48px; flex-shrink: 0; border-radius: 50%; padding: 0; cursor: pointer; }
.qp-about-video-button svg { width: 22px; height: 22px; }
.qp-about-video-message { position: absolute; inset: auto 12px 76px; z-index: 6; padding: 12px; border-radius: 12px; background: #f7f8fa; color: #17181b; font-size: 14px; }
.qp-about-body .qp-about-company { display: block; padding-block: 72px; }
.qp-about-mosaic { --company-media-height: clamp(420px,40vw,604px); display: grid; grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); border: 1px solid rgba(255,255,255,.9); border-radius: 32px; overflow: hidden; background: linear-gradient(130deg,rgba(255,255,255,.84),rgba(227,233,242,.64)); box-shadow: inset 0 1px 1px #fff,0 16px 48px -32px rgba(20,32,55,.3),0 0 0 1px rgba(32,45,65,.07); }
.qp-about-mosaic > div { min-width: 0; padding: 40px; }
.qp-about-body .qp-about-company h2 { font-size: clamp(32px,3.2vw,48px); font-weight: 600; line-height: 1.12; }
.qp-about-mosaic .qp-about-section-heading > p { font-size: 16px; font-weight: 500; }
.qp-about-production { display: flex; flex-direction: column; }
.qp-about-production-layout { position: relative; display: block; width: min(100%,calc(var(--company-media-height) * 9 / 16)); height: var(--company-media-height); margin-inline: auto; border-radius: 24px; overflow: hidden; background: #101319; }
.qp-about-production-layout video { display: block; width: 100%; height: 100%; object-fit: contain; max-height: none; border: 0; border-radius: inherit; }
.qp-about-world { position: relative; display: flex; flex-direction: column; background: linear-gradient(140deg,rgba(255,255,255,.1),rgba(224,233,249,.5)); }
.qp-about-world::before { content: ''; position: absolute; inset: 32px auto 32px 0; width: 1px; background: rgba(131,146,170,.28); pointer-events: none; }
.qp-about-map { display: flex; flex-direction: column; }
.qp-about-map-art { position: relative; isolation: isolate; display: grid; place-items: center; height: var(--company-media-height); overflow: hidden; border-radius: 24px; background: #e7ecf4; }
.qp-about-map-art::before { content: ''; position: absolute; inset: -48px; z-index: -1; background: url("about-media/world-map.c043f6b59d8e.webp") center / cover; filter: blur(48px); opacity: .45; pointer-events: none; }
.qp-about-map img { height: auto; max-height: 100%; object-fit: contain; width: 100%; max-width: 100%; margin: 0; border-radius: 0; mask-image: linear-gradient(transparent,#000 10%,#000 90%,transparent); }
.qp-about-map figcaption { margin-top: 12px; }
@media (min-width: 769px) {
  .qp-about-mosaic { grid-template-rows: auto auto; }
  .qp-about-mosaic > div { display: grid; grid-template-rows: subgrid; grid-row: span 2; align-content: start; }
}
.qp-about-lightbox-media { position: relative; overflow: hidden; }
.qp-about-lightbox-media > :is(img,video) { position: absolute; inset: 0; }
@media (prefers-reduced-motion: no-preference) {
  .is-coverflow .qp-about-slide { transition: transform 380ms cubic-bezier(.22,.68,0,1),opacity 300ms ease-out; }
}
@media (max-width: 1000px) {
  .qp-about-stage-layout { gap: 32px; }
  .qp-about-mosaic > div { padding: 28px; }
  .qp-about-body .qp-about-hero h1 { font-size: 48px; }
}
@media (max-width: 768px) {
  .qp-about-body .qp-about-stage { padding-block: 36px 20px; }
  .qp-about-body .qp-about-hero h1 { font-size: clamp(42px,8vw,60px); }
  .is-coverflow { --expo-height: 380px; --expo-spread: 27vw; }
  .qp-about-mosaic { grid-template-columns: minmax(0,1fr); border-radius: 24px; }
  .qp-about-mosaic > div { padding: 28px; }
  .qp-about-world::before { inset: 0 24px auto; width: auto; height: 1px; }
  .qp-about-production-layout { width: min(100%,360px); height: auto; aspect-ratio: 9 / 16; }
  .qp-about-map-art { height: auto; aspect-ratio: 4 / 3; }
  .qp-about-video-button, .is-coverflow .qp-about-round { backdrop-filter: blur(8px) saturate(140%); -webkit-backdrop-filter: blur(8px) saturate(140%); }
  .qp-about-expo-glow { inset-inline: -30%; filter: blur(40px) saturate(1.3); }
}
@media (max-width: 480px) {
  .is-coverflow { --expo-height: clamp(240px,80vw,340px); --expo-spread: 26vw; --available-width: 76cqw; }
  .is-coverflow .qp-about-slide { width: min(calc(var(--card-height) * var(--media-width) / var(--media-height)),76%); border-radius: 20px; }
  .qp-about-body .qp-about-expo { padding-block: 44px 36px; }
  .qp-about-body .qp-about-company { padding-block: 40px; }
  .qp-about-mosaic > div { padding: 24px 20px; }
  .qp-about-production-layout video { width: 100%; }
  .qp-about-video-controls { bottom: 12px; right: 12px; }
  .qp-about-video-button { width: 44px; height: 44px; }
}
@media (prefers-contrast: more) {
  .qp-about-video-button, .is-coverflow .qp-about-round { background: #f5f9ff; backdrop-filter: none; -webkit-backdrop-filter: none; }
  .qp-about-mosaic, .qp-about-intro-panel { background: #eef1f6; }
  .qp-about-hero-toggle { background: #353a44; }
  /* Photo-derived light sits on an opaque surface; it is not backdrop glass.
     Reduced transparency still removes control blur and the map's ambient fill. */
  .qp-about-map-art::before { display: none; }
  .qp-about-map img { mask-image: none; }
}
@media (prefers-contrast: more), (forced-colors: active) {
  .qp-about-body :is(#about-title,#expo-title,.qp-about-company h2) { background: none; -webkit-text-stroke: 0; filter: none; color: CanvasText; }
  .qp-about-body :is(#about-title,#expo-title) { color: #fff; }
  .qp-about-expo-glow { display: none; }
}
@media (forced-colors: active) {
  .qp-about-body .qp-about-expo { background: Canvas; color: CanvasText; }
  .qp-about-body #expo-title, .qp-about-expo .qp-about-section-heading > p { color: CanvasText; }
  .qp-about-map-art::before { display: none; }
  .qp-about-map img { mask-image: none; }
}
@media print { .qp-about-body .site-header, .qp-about-hero-controls, .qp-about-gallery-arrows, .qp-about-lightbox, .qp-about-video-controls { display: none !important; } }