body[data-page=quality]{--qc-accent:#b68cff;--qc-bg:#090c13;--qc-panel:#111722;color:#eef2f8;background:var(--qc-bg)}
body[data-page=quality] .scene{display:none}
body[data-page=quality] .site{background:var(--qc-bg)}
body[data-page=quality] .site-header{background:var(--qc-bg);backdrop-filter:none}
body[data-page=quality] .palm-brand{display:block;width:240px;mix-blend-mode:screen}
body[data-page=quality] .palm-brand img{width:100%;height:auto;border-radius:0}
body[data-page=quality] .header-sub>span{visibility:hidden}
body[data-page=quality] nav{flex-wrap:wrap}
body[data-page=quality] .eyebrow{color:var(--qc-accent);font-size:13px;letter-spacing:.15em}
.qc-page{max-width:1200px;margin:auto;padding:0 5% 50px}
.qc-hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:7%;padding:65px 0 60px;border-bottom:1px solid #737d9038}
.qc-hero h1{font:850 clamp(56px,7vw,94px)/1 Anybody;margin:18px 0 4px;letter-spacing:-.04em}
.qc-hero h1 em{color:var(--qc-accent);font-style:normal}
.qc-by{font-size:13px;letter-spacing:.15em;margin-bottom:30px;color:#aeb9ca}
.qc-page h2{font:800 clamp(25px,3vw,38px)/1.13 Anybody;color:inherit;letter-spacing:0}
.qc-page p{font-size:16px;line-height:1.7;max-width:760px;color:#bdc8d8}
.qc-page .lead{font-size:18px}
.qc-instrument{margin:0;padding:20px;background:#fff;border:1px solid #b68cff66;border-radius:20px;box-shadow:0 0 80px #814dca26;overflow:hidden;color:#222}
.qc-device-photo{width:100%;aspect-ratio:1;background:url('/assets/purpl-reference.webp') 50% 49%/150% auto no-repeat}
.qc-instrument figcaption{font-size:13px;text-align:center;color:#414453;padding:12px}
.qc-section{padding:42px 0;border-bottom:1px solid #737d9038}
.qc-spectrum{margin:28px 0;background:var(--qc-panel);border:1px solid #b68cff44;border-radius:12px;padding:25px;color:#d3c8e5}
.qc-spectrum figcaption{display:flex;justify-content:space-between;gap:16px}.qc-spectrum figcaption span{font-size:13px;color:#aeb9ca}.qc-spectrum svg{display:block;width:100%;height:auto;margin-top:20px}
.qc-process{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;list-style:none;padding:0;margin:30px 0 0;counter-reset:none}
.qc-process li{border-left:2px solid #8c65bc;padding:0 0 0 18px}.qc-number{color:var(--qc-accent);font-size:13px}.qc-process h3{font-size:18px;margin:10px 0}.qc-process p{font-size:15px;margin:0}
.qc-split{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:start}
.qc-parameters{display:grid;grid-template-columns:1fr 1fr;gap:12px}.qc-parameters>div{background:var(--qc-panel);border:1px solid #b68cff40;padding:22px;border-radius:8px}.qc-parameters span{font-size:14px;display:block}.qc-parameters strong{display:block;font-size:35px;margin-top:15px}.qc-parameters small{font-size:16px;color:var(--qc-accent)}
.qc-specs{display:grid;grid-template-columns:1fr 1fr;gap:0 45px}.qc-specs>div{display:flex;gap:20px;justify-content:space-between;padding:18px 0;border-bottom:1px solid #737d9038}.qc-specs dt{color:#9ba9bd;font-size:14px}.qc-specs dd{margin:0;text-align:right;font-size:15px;max-width:60%}
.qc-principles{display:flex;gap:25px;flex-wrap:wrap;margin-top:25px}.qc-principles span{padding-left:12px;border-left:2px solid var(--qc-accent);font-size:15px}
.qc-reference{padding-top:30px}.qc-reference h2{font-size:22px}.qc-reference a{color:var(--qc-accent);font-size:14px}
[data-theme=day] body[data-page=quality]{--qc-bg:#f5f7fa;--qc-panel:#fff;--qc-accent:#674199;color:#111b2a}
[data-theme=day] body[data-page=quality] .palm-brand{mix-blend-mode:multiply;filter:invert(1) hue-rotate(180deg)}
[data-theme=day] .qc-page p,[data-theme=day] .qc-by,[data-theme=day] .qc-specs dt,[data-theme=day] .qc-spectrum figcaption span{color:#47556b}
[data-theme=day] .qc-spectrum{color:#354052}
@media(max-width:760px){
.qc-page{padding:0 22px 35px}.qc-hero{display:flex;flex-direction:column;gap:28px;padding:30px 0}.qc-hero h1{font-size:60px}.qc-hero h2{font-size:28px}.qc-page .lead{font-size:16px}.qc-instrument{width:100%;max-width:420px;padding:12px}.qc-section{padding:30px 0}.qc-split{display:block}.qc-parameters{margin-top:25px}.qc-parameters>div{padding:18px 14px}.qc-process{grid-template-columns:1fr;gap:20px}.qc-spectrum{padding:14px}.qc-spectrum figcaption{display:block}.qc-spectrum figcaption span{display:block;margin-top:8px}.qc-specs{display:block}.qc-split>div+div{margin-top:28px}body[data-page=quality] .palm-brand{width:170px;max-width:48%}body[data-page=quality] .theme-switch{min-width:0;width:47%}body[data-page=quality] .theme-switch>span{white-space:nowrap}
}
@media(max-width:760px){
body[data-page=quality] nav{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;width:100%}
body[data-page=quality] nav a{font-size:14px;text-align:center;padding:10px 8px}
.qc-hero{gap:16px}.qc-hero>div{display:contents}.qc-hero .eyebrow{order:0;margin:0}.qc-hero h1{order:1;margin:0}.qc-hero .qc-by{order:2;margin:0}.qc-hero h2{order:3;margin:8px 0}.qc-hero .qc-instrument{order:4}.qc-hero .lead{order:5}
}
/* Selected instrument imagery — September 2026 */
.qc-hero{display:block;padding-top:36px}.qc-hero>div{display:block;max-width:850px}.qc-hero h1{margin:12px 0}.qc-hero .qc-by{margin-bottom:18px}.qc-hero h2{margin:16px 0}.qc-gallery{margin-top:30px;width:100%;min-width:0}.qc-stage{position:relative;background:#080d14;overflow:hidden;border-radius:16px}.qc-slide{margin:0}.qc-slide[hidden]{display:none}.qc-slide img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:contain;border-radius:0}.qc-slide .qc-day{display:none}[data-theme=day] .qc-slide .qc-night{display:none}[data-theme=day] .qc-slide .qc-day{display:block}[data-theme=day] .qc-stage{background:#ede9e1}.qc-arrows{position:absolute;bottom:18px;right:18px;display:flex;align-items:center;gap:16px;padding:6px;border-radius:32px;background:#06101de8;color:#fff}.qc-arrows button{width:44px;height:44px;border:1px solid #a6bfd577;border-radius:50%;background:transparent;color:white;font-size:24px;cursor:pointer}.qc-count{font-size:14px;letter-spacing:.1em}.qc-choices{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}.qc-choices button{font:inherit;font-size:14px;line-height:1.4;min-height:56px;background:var(--qc-panel);color:inherit;border:1px solid #858fa844;border-radius:8px;padding:12px;text-align:left;cursor:pointer}.qc-choices button span{display:block;color:var(--qc-accent);font-size:12px;margin-bottom:3px}.qc-choices button[aria-pressed=true]{border-color:var(--qc-accent);box-shadow:inset 0 -2px var(--qc-accent)}.qc-gallery button:focus-visible{outline:3px solid var(--qc-accent);outline-offset:3px}
@media(max-width:760px){.qc-hero{display:block}.qc-hero>div{display:block}.qc-hero h1{font-size:54px}.qc-gallery{margin-top:22px}.qc-slide img{aspect-ratio:4/3}.qc-arrows{bottom:10px;right:10px;gap:10px}.qc-choices{grid-template-columns:1fr 1fr}.qc-choices button{padding:10px}.qc-page{padding-left:16px;padding-right:16px}body[data-page=quality] nav a{overflow-wrap:anywhere}}
.qc-hero>.qc-gallery{max-width:none}.qc-slide img{aspect-ratio:auto;height:auto;background:transparent}.qc-stage{background:transparent}