/* Product identities share the portfolio's geometry, not a single palette. */
#rj-experience .im-clouseau-film {--im-accent:#a9caff;--im-paper:#d9e5ff;--im-ink:#233651;--im-base:#181c30;--im-edge:#4f5484}
#rj-experience .im-corescribe-film {--im-accent:#c2a0ff;--im-paper:#e3d4ff;--im-ink:#332044;--im-base:#18131f;--im-edge:#59406e}
#rj-experience .im-alloy-film {--im-accent:#eeb6d6;--im-paper:#eee7dc;--im-ink:#442b4d;--im-base:#211b25;--im-edge:#65536e}
#rj-experience .im-daydream-film {--im-accent:#b9d7ed;--im-paper:#eee8e5;--im-ink:#293e51;--im-base:#1a242d;--im-edge:#4d636f}
#rj-experience .ww-world[data-world=clouseau] {--ww-accent:#aacbff;--ww-base:#20243b;--ww-dark:#263955;--ww-shadow:#637dba;--ww-paper:#dce8fd}
#rj-experience .ww-world[data-world=corescribe] {--ww-accent:#c6a5ff;--ww-base:#241b30;--ww-dark:#3b2354;--ww-shadow:#8660b0;--ww-paper:#e7d9fb}
#rj-experience .ww-world[data-world=alloy] {--ww-accent:#eeb6d6;--ww-base:#2a2231;--ww-dark:#442b4d;--ww-shadow:#a579a8;--ww-paper:#eee7dc}
#rj-experience .ww-world[data-world=daydream] {--ww-accent:#b9d7ed;--ww-base:#243441;--ww-dark:#2b4859;--ww-shadow:#7195a9;--ww-paper:#e2eaf0}

#rj-experience [data-note-body]:has(.pr-wire-clouseau)>* {--pr-note-accent:#aacbff}
#rj-experience [data-note-body]:has(.pr-wire-corescribe)>* {--pr-note-accent:#c6a5ff}
#rj-experience [data-note-body]:has(.pr-wire-alloy)>* {--pr-note-accent:#eeb6d6}
#rj-experience [data-note-body]:has(.pr-wire-daydream)>* {--pr-note-accent:#b9d7ed}

/* The familiar tactile icons carry the same identities into every case page. */
#rj-experience .rj-art-clouseau.rj-family-art {background:#9babe7;--rj-plate:#c1b9f1;--rj-plate-shadow:#747ab4;--rj-glyph-ink:#51478d;--rj-glyph-shadow:#373264}
#rj-experience .rj-art-clouseau .rj-lens-rim {border-color:#cfddff}
#rj-experience .rj-art-clouseau .rj-lens-iris {background:#5da5e6;box-shadow:0 3px #2c577e}
#rj-experience .rj-art-clouseau .rj-lens-center {background:#18273f;box-shadow:0 2px #0d172a}
#rj-experience .rj-art-clouseau .rj-focus-point {background:#c0e9fa;box-shadow:0 3px #648bad}
#rj-experience .rj-art-corescribe.rj-family-art {background:#30223f;--rj-plate:#a783d6;--rj-plate-shadow:#5f3e86;--rj-glyph-ink:#22182d;--rj-glyph-shadow:#100c16}
#rj-experience .rj-art-corescribe :is(.rj-art-word,.rj-art-open) {color:#efe5ff}
#rj-experience .rj-art-corescribe .rj-scribe-sheet {background:#35243f;box-shadow:0 6px #1c1227}
#rj-experience .rj-art-corescribe .rj-scribe-sheet>i {background:#c7a3f3}
#rj-experience .rj-art-corescribe .rj-sheet-dot {background:#80d6ad}
#rj-experience .rj-art-corescribe .rj-voice-bars>i {background:#80d6ad}
#rj-experience .rj-art-corescribe .rj-voice-bars>i:nth-child(3n) {background:#f0a36c}
#rj-experience .rj-art-corescribe .rj-voice-bars>i:nth-child(4) {background:#c3a0fa}
#rj-experience .rj-art-corescribe .rj-scribe-dot {background:#f0a36c;box-shadow:0 3px #965832}
#rj-experience .rj-art-alloy.rj-family-art {background:#c59bbb;--rj-plate:#ebd9e7;--rj-plate-shadow:#9c78a0;--rj-glyph-ink:#6c4b88;--rj-glyph-shadow:#463254;--rj-glyph-light:#eee7dc}
#rj-experience .rj-art-alloy .rj-alloy-port {box-shadow:0 5px #ab91ad}
#rj-experience .rj-art-alloy .port-two {background:#25202e;box-shadow:0 5px #151119}
#rj-experience .rj-art-alloy .rj-alloy-signal {background:#f7d2e7;box-shadow:0 2px #a477a8}
#rj-experience .rj-art-daydream.rj-family-art {background:#bbcbd9;--rj-plate:#e4e4ed;--rj-plate-shadow:#8fa3b9}
#rj-experience .rj-art-daydream .rj-base-plate {background:#dfe8ef url('../project-media/daydream/dreamscape.webp') center/cover}
#rj-experience .rj-art-daydream .dream-back {opacity:0}
#rj-experience .rj-art-daydream .dream-middle {border:1px solid #fff8;box-shadow:none;background:transparent;border-radius:50%;height:37px;width:113px;left:44px;top:101px;transform:rotate(-8deg)}
#rj-experience .rj-art-daydream .dream-middle>span {display:none}
#rj-experience .rj-art-daydream .dream-front {border:0;box-shadow:none;border-radius:0;background:url('../project-media/daydream/daydream-sculpture.webp') center/contain no-repeat;width:125px;height:138px;left:34px;top:3px;transform:rotate(-8deg);overflow:visible;filter:drop-shadow(0 5px 3px #687c9666)}
#rj-experience .rj-art-daydream :is(.rj-dream-sun,.rj-dream-hill) {display:none}
#rj-experience .rj-art-daydream .rj-dream-mote {background:#f5e6d7;box-shadow:0 3px #b29faf;border-radius:50%}

/* Clouseau: enter the iris, then meet the retinal photograph behind it. */
#rj-experience .pi-optic {container-type:size;overflow:clip;border-radius:30px}
#rj-experience .pi-eye-shell {position:absolute;left:50%;top:45%;translate:-50% -50%;width:min(84cqw,160cqh);height:min(46cqw,88cqh);border-radius:65% 35% 65% 35%;background:radial-gradient(ellipse at 47% 45%,#f1effe 35%,#cccde7 76%,#999ccc);border:5px solid #a49bde;box-shadow:0 10px #51487e,0 25px 35px #0a10254d;overflow:hidden;transform:rotate(10deg)}
#rj-experience .pi-iris {position:absolute;height:98%;aspect-ratio:1;left:50%;top:50%;translate:-50% -50%;border-radius:50%;background:#438dc9;box-shadow:0 0 0 5px #475891,0 0 0 12px #96a7d326;overflow:hidden}
#rj-experience .pi-iris-fibers {position:absolute;inset:-2%;border-radius:50%;background:radial-gradient(circle,#14253b 0 21%,transparent 22% 35%,#80bcef55 55%,#343e7799 86%),repeating-conic-gradient(#719fdc 0deg 3deg,#396496 3deg 5deg,#84c4ec 5deg 6deg,#6264b9 6deg 10deg);box-shadow:inset 0 0 0 8px #39467380,inset 0 0 22px #122740}
#rj-experience .pi-pupil {position:absolute;inset:35%;border-radius:50%;background:#0d172b;box-shadow:0 0 0 5px #7994d366,0 0 0 12px #707ad344}
#rj-experience .pi-eye-glint {position:absolute;top:20%;left:28%;height:19%;width:13%;border-radius:50%;background:#fffdf2d9;transform:rotate(36deg);box-shadow:30px 29px 0 -7px #dceaffbd}
#rj-experience .pi-eye-guide {position:absolute;left:50%;bottom:0;translate:-50% 0;display:grid;justify-items:center;gap:8px;color:#b6ccef;font-size:9px;letter-spacing:.12em;white-space:nowrap}
#rj-experience .pi-eye-guide i {height:23px;width:1px;background:#a5b4dc}
#rj-experience .pi-fundus {position:absolute;width:min(66cqw,105cqh);height:88%;left:50%;top:43%;translate:-50% -50%;filter:drop-shadow(0 12px 25px #0b102999)}
#rj-experience .pi-fundus svg {height:100%;width:100%;overflow:visible}
#rj-experience .pi-fundus-guide {position:absolute;bottom:0;left:0;right:0;text-align:center;color:#dec4ca;font-size:9px;letter-spacing:.1em}
#rj-experience .im-clouseau-film .im-clinic-source {background:#151a2a;border-color:#64649a;box-shadow:0 14px #0e1323,0 28px 65px #080c1955}
#rj-experience .im-clouseau-film .im-detail-lens {border-color:#a19ade;box-shadow:inset 0 0 0 3px #bcc9f9,0 9px #514b7c,0 0 0 1px #b7c7f4}
#rj-experience .im-clouseau-film .im-review-chosen {background:#accaf4;color:#243c58}
#rj-experience .im-clouseau-film .pm-phone {background:#242640;border-color:#737baa}
#rj-experience .im-clouseau-film .pm-haptics i {background:#a6d0ef}

/* CoreScribe: dark signal, green confirmation, orange editing accents. */
#rj-experience .im-corescribe-film .im-signal-label {color:#c3a5e5}
#rj-experience .im-corescribe-film .im-record-dot {background:#f0a36c}
#rj-experience .im-corescribe-film .im-wide-wave i {background:#b28ce6;box-shadow:0 5px #5b397f}
#rj-experience .im-corescribe-film .im-wide-wave i:nth-child(3n) {background:#83d9ad;box-shadow:0 5px #366951}
#rj-experience .im-corescribe-film .im-wide-wave i:nth-child(5n) {background:#f0a36c;box-shadow:0 5px #875635}
#rj-experience .im-corescribe-film .im-spoken {color:#eee4fa}
#rj-experience .im-corescribe-film .im-scribe-destination {background:#211828;border-color:#6e507e;color:#dec7eb;box-shadow:0 10px #100b17,0 25px 45px #08041066}
#rj-experience .im-corescribe-film .im-note-body>span {color:#b9a1c9}
#rj-experience .im-corescribe-film .im-note-body h3 {color:#ede3f8}
#rj-experience .im-corescribe-film .im-note-body p {color:#ccb7df}
#rj-experience .im-corescribe-film .im-note-lines i {background:#675071}
#rj-experience .im-corescribe-film .im-caret {background:#f0a36c}
#rj-experience .im-corescribe-film .im-inserted {background:#254637;color:#b4edcd}
#rj-experience .im-corescribe-film .im-correction {color:#d0bce0;border-color:#bc8de8}
#rj-experience .im-corescribe-film .im-correction>b {color:#f0b081}
#rj-experience .im-corescribe-film .im-correction :is(b i,small) {color:#b9a0ca}
#rj-experience [data-world=corescribe] .ww-wave.has-signal i {background:#b493ea}
#rj-experience [data-world=corescribe] .ww-wave.has-signal i:nth-child(3n) {background:#83d9ad}
#rj-experience [data-world=corescribe] .ww-wave.has-signal i:nth-child(5n) {background:#f0a36c}

/* Alloy: preserve the conversation, with warm paper for a concrete action. */
#rj-experience .im-alloy-film .im-discord-window {border-color:#70617f;color:#d1c3d7;box-shadow:0 12px #120e18,0 22px 50px #100d1866}
#rj-experience .im-alloy-film .im-tool-drawer {background:#eee7dc;color:#442b4d;border-color:#dacddd;box-shadow:0 9px #957c9c,0 16px 35px #17101d60}
#rj-experience .im-alloy-film .im-tool-drawer dt {color:#746079}
#rj-experience .im-alloy-film .im-tool-drawer dl div {border-color:#bba4b94d}
#rj-experience .im-alloy-film .im-access {color:#51325d}
#rj-experience .im-alloy-film .im-access span {background:#dbcae5}
#rj-experience .im-alloy-film .im-action-receipt {background:#483155;color:#f0e4f4;border-color:#aa8bb5}
#rj-experience .im-alloy-film .im-channel-list .im-new-channel {background:#4b3758;color:#e9c5ed}
#rj-experience .im-alloy-film .im-channel-list small {color:#d5a6cd}
#rj-experience .im-alloy-film .im-alloy-message {background:#362b40;color:#f0e3f1;border-color:#9778a5;box-shadow:0 7px #17101e}
#rj-experience .im-alloy-film .im-alloy-message :is(span,small) {background:#e7b2d3;color:#493153}

#rj-experience :is(.im-alloy-film,[data-world=alloy]) .ww-bot>i {background:#e7b2d3;color:#493153}
#rj-experience :is(.im-alloy-film,[data-world=alloy]) .ww-message small {background:#d9bce6;color:#493153}
#rj-experience :is(.im-alloy-film,[data-world=alloy]) .ww-message:nth-child(3)>i {background:#e6dbcb;color:#544855}

/* Daydream: one continuous, layered environment; no picture-card carousel. */
#rj-experience .pi-dream-world {overflow:hidden;border-radius:26px;isolation:isolate;background:#abbccb;container-type:size}
#rj-experience .pi-dream-sky {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 57%}
#rj-experience .pi-dream-atmosphere {position:absolute;inset:0;background:linear-gradient(0deg,#283b6130,transparent 50%,#edf3ff0d)}
#rj-experience .pi-dream-sculpture,#rj-experience .pi-dream-reflection {position:absolute;left:35%;top:1%;height:97%;width:43%;object-fit:contain;filter:drop-shadow(0 12px 12px #68789d22);transform-origin:center 60%}
#rj-experience .pi-dream-reflection {top:83%;height:65%;opacity:.23;scale:1 -1;filter:blur(2px);transform-origin:center}
#rj-experience .pi-dream-floor {position:absolute;left:26%;right:17%;height:21%;bottom:7%;border:1px solid #f5f5ffe0;border-radius:50%;transform:rotate(-7deg);box-shadow:0 0 0 14px #e9f3ff15}
#rj-experience .pi-dream-floor i {position:absolute;border:1px solid #eef5ff8c;border-radius:50%;inset:-25% -10%}
#rj-experience .pi-dream-floor i:nth-child(2) {inset:-60% -24%}
#rj-experience .pi-dream-floor i:nth-child(3) {inset:-90% -37%;opacity:.45}
#rj-experience .pi-dream-light {position:absolute;inset:0;opacity:0;mix-blend-mode:soft-light;background:linear-gradient(115deg,#fff2b9 5%,#fcb792 55%,#cf9ec4);pointer-events:none}
#rj-experience .pi-dream-focus {position:absolute;inset:11% 20%;border:1px solid #fff8;border-radius:4px}
#rj-experience .pi-dream-focus i {position:absolute;width:25px;height:25px;border:2px solid #fff8ed}
#rj-experience .pi-dream-focus i:nth-child(1) {top:-2px;left:-2px;border-right:0;border-bottom:0}
#rj-experience .pi-dream-focus i:nth-child(2) {top:-2px;right:-2px;border-left:0;border-bottom:0}
#rj-experience .pi-dream-focus i:nth-child(3) {bottom:-2px;left:-2px;border-right:0;border-top:0}
#rj-experience .pi-dream-focus i:nth-child(4) {bottom:-2px;right:-2px;border-left:0;border-top:0}
#rj-experience .pi-dream-focus>span {position:absolute;top:12px;left:14px;font-size:8px;letter-spacing:.13em;color:#314759;font-weight:800}
#rj-experience .pi-dream-coordinate,#rj-experience .pi-dream-horizon {position:absolute;display:flex;gap:10px;align-items:center;font-size:9px;font-weight:800;letter-spacing:.12em;color:#283d53}
#rj-experience .pi-dream-coordinate {left:13%;top:35%}
#rj-experience .pi-dream-horizon {right:10%;bottom:19%}
#rj-experience .pi-dream-coordinate i,#rj-experience .pi-dream-horizon i {width:35px;height:1px;background:#3e5375;position:relative}
#rj-experience .pi-dream-coordinate i:before,#rj-experience .pi-dream-horizon i:before {content:'';position:absolute;left:-2px;top:-3px;width:7px;height:7px;border-radius:50%;background:#faf2e9;border:1px solid #3e5375}
#rj-experience .pi-dream-orbit {position:absolute;left:7%;bottom:12%;width:68px;height:68px;border:1px solid #fff9;border-radius:50%;background:#ffffff1a;color:#2a4259}
#rj-experience .pi-dream-orbit i {position:absolute;inset:10px;border:1px solid #3e587c66;border-radius:50%;transform:rotateX(50deg)}
#rj-experience .pi-dream-orbit b {position:absolute;inset:0;border-radius:50%}
#rj-experience .pi-dream-orbit b:after {content:'';position:absolute;top:-4px;left:29px;width:9px;height:9px;border:2px solid #eef5ff;background:#526a8b;border-radius:50%}
#rj-experience .pi-dream-orbit span {position:absolute;bottom:-20px;left:0;font-size:7px;letter-spacing:.13em;width:100%;text-align:center;font-weight:800}
#rj-experience .pi-dream-temperature {position:absolute;left:6%;top:40%;width:76px;height:5px;border-radius:9px;background:linear-gradient(90deg,#87aacc,#eee1d1,#edb397)}
#rj-experience .pi-dream-temperature b {position:absolute;left:10px;top:-6px;width:16px;height:16px;border:2px solid #fbf6ed;border-radius:50%;background:#cdada0;box-shadow:0 2px 4px #40516633}
#rj-experience .pi-dream-temperature span {position:absolute;left:0;top:22px;font-size:7px;line-height:1.5;letter-spacing:.08em;color:#2e4056;font-weight:800;white-space:nowrap}
#rj-experience .pi-dream-kept {position:absolute;right:18px;bottom:15px;font-size:9px;font-weight:700;color:#2c4056;background:#f7f0e9b8;padding:8px 12px;border-radius:20px}
@media(max-width:800px) {
  #rj-experience .pi-optic {border-radius:15px}
  #rj-experience .pi-eye-shell {border-width:3px;box-shadow:0 6px #51487e,0 15px 20px #0a10254d}
  #rj-experience .pi-eye-guide,#rj-experience .pi-fundus-guide {font-size:6px;letter-spacing:.05em}
  #rj-experience .pi-eye-guide {gap:5px}
  #rj-experience .pi-eye-guide i {height:12px}
  #rj-experience .pi-dream-world {border-radius:16px}
  #rj-experience .pi-dream-sculpture,#rj-experience .pi-dream-reflection {left:25%;width:57%}
  #rj-experience .pi-dream-coordinate {left:7%;top:31%;font-size:6px;gap:5px}
  #rj-experience .pi-dream-horizon {font-size:6px;right:6%;bottom:21%;gap:5px}
  #rj-experience .pi-dream-coordinate i,#rj-experience .pi-dream-horizon i {width:15px}
  #rj-experience .pi-dream-focus {inset:11% 17%}
  #rj-experience .pi-dream-focus>span {font-size:5px;left:8px;top:9px}
  #rj-experience .pi-dream-focus i {width:16px;height:16px}
  #rj-experience .pi-dream-orbit {width:42px;height:42px;left:5%;bottom:18%}
  #rj-experience .pi-dream-orbit b:after {left:17px;width:7px;height:7px;top:-3px}
  #rj-experience .pi-dream-orbit span {font-size:5px;bottom:-13px}
  #rj-experience .pi-dream-temperature {left:4%;scale:.7;transform-origin:left center}
  #rj-experience .pi-dream-kept {font-size:6px;bottom:9px;right:9px;padding:6px 8px}
}