/* ===== PHASE 4 — ARCHIVE SYSTEM LAYOUT ===== */

.pov::after{content:'';position:fixed;inset:0;z-index:32;pointer-events:none;background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(0,0,0,0) 0 24%,rgba(0,0,0,.16) 52%,rgba(0,0,0,.46) 100%)}
.scene-video{filter:brightness(1) contrast(1.02) saturate(1)}
body.archive-mode .scene-video{filter:brightness(.82) contrast(1.08) saturate(.96)}
body.archive-mode .pov::after{background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(244,228,184,.035) 0 16%,rgba(0,0,0,.10) 46%,rgba(0,0,0,.42) 100%)}
body.archive-mode::before{opacity:.42;background:radial-gradient(circle at 58% 44%,rgba(244,228,184,.09),transparent 24rem),radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(244,228,184,.08),transparent 18rem),linear-gradient(180deg,rgba(255,236,190,.025),transparent 42%,rgba(0,0,0,.18))}

.room-copy .kicker,.room-copy h1,.room-copy p,.room-actions{opacity:0;transform:translateY(10px);filter:blur(6px);transition:all .7s cubic-bezier(.16,1,.3,1)}
.room-copy.show .kicker{opacity:1;transform:none;filter:blur(0);transition-delay:.15s}.room-copy.show h1{opacity:1;transform:none;filter:blur(0);transition-delay:.35s}.room-copy.show p{opacity:1;transform:none;filter:blur(0);transition-delay:.55s}.room-copy.show .room-actions{opacity:1;transform:none;filter:blur(0);transition-delay:.75s}

body.archive-mode .hud{display:grid;grid-template-columns:minmax(420px,47vw) 1fr;align-items:start;padding:142px 0 40px 56px;z-index:58;pointer-events:none}
body.archive-mode .room-copy{width:40vw;max-width:700px;padding:60px;border:1px solid rgba(212,175,55,.4);background:linear-gradient(145deg,rgba(15,12,8,.85),rgba(5,4,2,.95));box-shadow:0 0 120px rgba(212,175,55,.12);position:relative}
body.archive-mode .room-copy::before{content:'';position:absolute;top:30px;right:30px;width:10px;height:10px;border-radius:50%;background:#6bffb4;box-shadow:0 0 18px #6bffb4}
body.archive-mode .room-copy::after{content:'';display:block;width:82%;height:1px;margin:28px 0 0;background:linear-gradient(90deg,rgba(201,169,97,.60),transparent)}
body.archive-mode .room-copy .kicker{font-size:13px;letter-spacing:.34em;margin-bottom:24px;color:#e7c66f}
body.archive-mode .room-copy h1{font-size:clamp(52px,5.4vw,78px);line-height:.94;letter-spacing:-.035em;color:#f4ead7;text-shadow:0 0 50px rgba(0,0,0,.48)}
body.archive-mode .room-copy p{font-size:clamp(17px,1.45vw,23px);line-height:1.7;width:min(520px,100%);color:#d6cbb9;margin-top:30px}
body.archive-mode .room-copy p::first-line{color:#f0dfad}
body.archive-mode .room-actions{display:flex;margin-top:34px;pointer-events:auto}
body.archive-mode .room-actions .btn{font-size:12px;padding:16px 22px;background:rgba(201,169,97,.10);border-color:rgba(244,228,184,.32);box-shadow:0 0 28px rgba(201,169,97,.06)}
body.archive-mode .room-note{right:auto;left:56px;bottom:54px;width:300px;opacity:.84;background:transparent;border:0;padding:0;backdrop-filter:none}
body.archive-mode .room-note::before{content:'';display:block;width:56px;height:2px;background:#e8e1d4;margin:0 0 28px}
body.archive-mode .room-note b{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:#d7b765;margin-bottom:10px}
body.archive-mode .room-note span{display:block;font-size:14px;line-height:1.55;color:#d8c9ac;transition:opacity .35s var(--ease),transform .35s var(--ease),filter .35s var(--ease)}
body.archive-mode .room-note span.signal-shift{opacity:0;transform:translateY(5px);filter:blur(4px)}
body.archive-mode .side-index{left:auto;right:32px;bottom:40%;display:grid;gap:16px;color:#d7b765;z-index:70}.side-index .bar{width:2px;height:96px}.side-index .bar i{width:100%;height:var(--progress,0%)}

.slab-layer{position:fixed;inset:0;z-index:46;pointer-events:none;opacity:0;transform:translate3d(var(--sx,0),var(--sy,0),0);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1);perspective:1200px}.slab-layer.show{opacity:1}
body.archive-mode .slab-layer{position:absolute;left:auto;right:3.5vw;top:140px;bottom:40px;width:34vw;max-width:500px;height:auto;display:flex;flex-direction:column;gap:22px;overflow-y:auto;overflow-x:hidden;padding-right:10px;scrollbar-gutter:stable;pointer-events:auto;transform:none!important;perspective:none!important}
body.archive-mode .slab-layer::-webkit-scrollbar{width:6px}
body.archive-mode .slab-layer::-webkit-scrollbar-thumb{background:rgba(212,175,55,.4);border-radius:10px}
.archive-center-signal{display:none!important}

.artifact-slab{position:relative!important;left:auto!important;top:auto!important;transform:none!important;width:100%!important;min-height:118px;border:1px solid rgba(244,228,184,.28);background:linear-gradient(145deg,rgba(255,226,154,.10),rgba(28,20,9,.38) 35%,rgba(5,4,3,.78));color:#f0e6d2;text-align:left;padding:24px 28px 22px;backdrop-filter:blur(10px);box-shadow:inset 0 1px 0 rgba(255,244,210,.14),inset 0 -22px 42px rgba(0,0,0,.54),0 0 56px rgba(201,169,97,.06),0 42px 130px rgba(0,0,0,.48);pointer-events:auto;transition:min-height .45s var(--ease),opacity .45s var(--ease),filter .45s var(--ease),border-color .45s var(--ease),box-shadow .45s var(--ease),background .45s var(--ease),transform .45s var(--ease);cursor:none;overflow:hidden;border-radius:2px;margin-left:0!important}
.artifact-slab::before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(255,236,190,.16),transparent 15%,transparent 82%,rgba(0,0,0,.44)),linear-gradient(180deg,rgba(255,236,190,.10),transparent 20%,transparent 82%,rgba(0,0,0,.52));mix-blend-mode:screen;opacity:.46}.artifact-slab>*{position:relative;z-index:2}
.slab-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;font-family:var(--mono);font-size:10px;letter-spacing:.17em;text-transform:uppercase}.slab-id{color:#ffe39d}.slab-state{color:#72f0a7;text-align:right}.artifact-slab:nth-of-type(4) .slab-state,.artifact-slab:nth-of-type(6) .slab-state{color:#f5b84d}.artifact-slab strong{display:block;font-family:var(--serif);font-size:clamp(34px,3.2vw,50px);font-weight:300;line-height:.92;color:#f3e8d1;text-shadow:0 16px 42px rgba(0,0,0,.86)}.artifact-slab small{display:block;margin-top:12px;font-family:var(--mono);font-size:11px;color:#e1bd63;letter-spacing:.18em;text-transform:uppercase}.artifact-slab em{display:block;margin-top:14px;color:#ead9aa;font-style:normal;font-size:13px;line-height:1.35}.artifact-slab p{margin:12px 0 0;color:#bfb39f;font-size:13px;line-height:1.52;max-width:95%}.slab-command{display:block;margin-top:18px;font-family:var(--mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#d7b765}.artifact-slab::after{content:'+';position:absolute;right:28px;top:50%;transform:translateY(-50%);z-index:2;font-family:var(--serif);font-size:36px;color:#e4c773;transition:transform .35s var(--ease),opacity .35s var(--ease)}
.slab-repos{list-style:none;margin:16px 0 0;padding:0;max-height:0;opacity:0;overflow:hidden;transition:max-height .55s var(--ease),opacity .45s var(--ease),transform .45s var(--ease);transform:translateY(8px);border-top:1px solid rgba(244,228,184,.12)}.slab-repos li{padding:11px 0 0}.slab-repos b{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.10em;text-transform:uppercase;color:#f3d892}.slab-repos span{display:block;margin-top:5px;color:#afa38f;font-size:12px;line-height:1.35}.artifact-slab:hover{z-index:9;min-height:270px;border-color:rgba(255,233,178,.76);background:linear-gradient(145deg,rgba(255,226,154,.20),rgba(42,28,11,.50) 36%,rgba(7,5,3,.84));box-shadow:inset 0 1px 0 rgba(255,244,210,.28),inset 0 -26px 48px rgba(0,0,0,.58),0 0 150px rgba(244,228,184,.18),0 88px 230px rgba(0,0,0,.76);transform:translateX(-8px)!important}.artifact-slab:hover::after{transform:translateY(-50%) rotate(45deg);opacity:.75}.artifact-slab:hover .slab-repos{max-height:260px;opacity:1;transform:none}.slab-layer:hover .artifact-slab{opacity:.50;filter:blur(1px) brightness(.76)}.slab-layer .artifact-slab:hover{opacity:1;filter:none}
.slab-layer.inspecting .artifact-slab{opacity:0;filter:blur(8px);pointer-events:none}.slab-layer.inspecting .artifact-slab.active{opacity:1;filter:blur(0);position:fixed!important;left:50%!important;top:50%!important;width:min(720px,84vw)!important;min-height:390px;transform:translate(-50%,-50%) scale(1.02)!important;z-index:20;pointer-events:auto;animation:none}.slab-layer.inspecting .artifact-slab.active strong{font-size:clamp(46px,6vw,74px)}.slab-layer.inspecting .artifact-slab.active .slab-repos{max-height:420px;opacity:1;transform:none}
.deep-repos{list-style:none;margin:24px 0 0;padding:0;border-top:1px solid rgba(244,228,184,.15)}.deep-repos li{padding:14px 0;border-bottom:1px solid rgba(244,228,184,.08)}.deep-repos b{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#f3d892}.deep-repos span{display:block;margin-top:6px;color:#bfb39f;line-height:1.45}

@media(max-width:1000px){body.archive-mode .hud{grid-template-columns:350px 1fr;padding:112px 24px 34px}body.archive-mode .room-copy{width:330px;max-width:330px;min-height:310px}body.archive-mode .room-copy h1{font-size:40px}body.archive-mode .room-copy p{font-size:13px}body.archive-mode .slab-layer{left:auto!important;right:18px!important;top:108px!important;width:40vw!important;max-width:410px!important}.artifact-slab{width:100%!important;padding:20px 22px}.artifact-slab strong{font-size:34px}}
@media(max-width:760px){body.archive-mode .hud{display:block!important;padding:16px!important;z-index:60!important}body.archive-mode .room-copy{width:100%!important;max-width:none!important;min-height:auto!important;padding:14px!important;margin-top:0!important;background:linear-gradient(135deg,rgba(8,7,5,.78),rgba(0,0,0,.48))!important}body.archive-mode .room-copy h1{font-size:34px!important}body.archive-mode .room-copy p{font-size:12px!important;line-height:1.45!important;max-height:76px!important;overflow:auto!important}body.archive-mode .room-actions,body.archive-mode .side-index,body.archive-mode .room-note{display:none!important}body.archive-mode .slab-layer{left:0!important;top:182px!important;right:0!important;bottom:0!important;width:100%!important;max-width:none!important;height:auto!important;z-index:72!important;transform:none!important;perspective:none!important;pointer-events:auto!important;overflow-y:auto!important;overflow-x:hidden!important;padding:12px 14px 80px!important;-webkit-overflow-scrolling:touch;display:block!important}.archive-center-signal{display:none}.artifact-slab{position:relative!important;left:auto!important;top:auto!important;width:100%!important;min-height:150px!important;margin:0 0 12px!important;transform:none!important;animation:none!important;opacity:1!important;filter:none!important;pointer-events:auto!important;cursor:pointer!important}.artifact-slab strong{font-size:30px!important}.artifact-slab p{font-size:12px!important}.slab-repos{max-height:260px;opacity:1;transform:none}.slab-layer:hover .artifact-slab,.slab-layer .artifact-slab:hover{opacity:1!important;filter:none!important;transform:none!important}.slab-layer.inspecting .artifact-slab{opacity:1!important;filter:none!important;pointer-events:auto!important}.slab-layer.inspecting .artifact-slab.active{position:relative!important;left:auto!important;top:auto!important;width:100%!important;min-height:160px!important;transform:none!important}.deep-card{width:100%!important;max-height:78vh!important}.deep-card h2{font-size:42px!important}}

/* ===== PHASE 5 — RESEARCH CHAMBER (003) ===== */
/* Mirrors archive-mode framework, document material instead of stone. */

body.research-mode .hud{display:grid;grid-template-columns:minmax(420px,47vw) 1fr;align-items:start;padding:142px 0 40px 56px;z-index:58;pointer-events:none}
body.research-mode .room-copy{width:40vw;max-width:700px;padding:48px 52px;border:1px solid rgba(244,228,184,.30);background:linear-gradient(145deg,rgba(20,17,12,.84),rgba(6,5,4,.94));box-shadow:0 0 100px rgba(201,169,97,.10),inset 0 1px 0 rgba(244,228,184,.08);position:relative}
body.research-mode .room-copy::before{content:'';position:absolute;top:28px;right:28px;width:8px;height:8px;border-radius:50%;background:radial-gradient(circle,#f4e4b8,#c9a961 65%,transparent);box-shadow:0 0 16px rgba(244,228,184,.55);animation:doc-seal-breath 4.6s ease-in-out infinite}
body.research-mode .room-copy::after{content:'';display:block;width:78%;height:1px;margin:24px 0 0;background:linear-gradient(90deg,rgba(201,169,97,.55),transparent)}
body.research-mode .room-copy .kicker{font-size:13px;letter-spacing:.34em;margin-bottom:22px;color:#d7b765}
body.research-mode .room-copy h1{font-size:clamp(50px,5.4vw,76px);line-height:.94;letter-spacing:-.03em;color:#f4ead7;text-shadow:0 0 50px rgba(0,0,0,.48)}
body.research-mode .room-copy p{font-size:clamp(16px,1.4vw,21px);line-height:1.72;width:min(520px,100%);color:#d6cbb9;margin-top:26px}
body.research-mode .room-actions{display:flex;margin-top:30px;pointer-events:auto}
body.research-mode .room-actions .btn{font-size:12px;padding:16px 22px;background:rgba(201,169,97,.08);border-color:rgba(244,228,184,.28)}
body.research-mode .room-note{right:auto;left:56px;bottom:54px;width:300px;opacity:.84;background:transparent;border:0;padding:0;backdrop-filter:none}
body.research-mode .room-note::before{content:'';display:block;width:48px;height:1px;background:#c9a961;margin:0 0 24px;opacity:.7}
body.research-mode .room-note b{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:#c9a961;margin-bottom:10px}
body.research-mode .room-note span{display:block;font-size:14px;line-height:1.55;color:#d8c9ac;transition:opacity .35s var(--alive-ease),transform .35s var(--alive-ease),filter .35s var(--alive-ease)}
body.research-mode .room-note span.signal-shift{opacity:0;transform:translateY(5px);filter:blur(4px)}
body.research-mode .side-index{left:auto;right:32px;bottom:40%;display:grid;gap:16px;color:#d7b765;z-index:70}

/* Doc layer — right column, mirror slab-layer */
.doc-layer{position:fixed;inset:0;z-index:46;pointer-events:none;opacity:0;transition:opacity .8s var(--alive-ease)}
.doc-layer.show{opacity:1}
body.research-mode .doc-layer{position:absolute;left:auto;right:3.5vw;top:140px;bottom:40px;width:34vw;max-width:500px;height:auto;display:flex;flex-direction:column;gap:16px;overflow-y:auto;overflow-x:hidden;padding-right:10px;scrollbar-gutter:stable;pointer-events:auto;transform:none!important;transform-style:preserve-3d}
body.research-mode .doc-layer::-webkit-scrollbar{width:6px}
body.research-mode .doc-layer::-webkit-scrollbar-thumb{background:rgba(201,169,97,.35);border-radius:10px}

/* Document card — paper material, lighter than archive slabs */
.research-doc{position:relative;width:100%;min-height:104px;border:1px solid rgba(201,169,97,.26);background:linear-gradient(180deg,rgba(28,24,18,.62),rgba(8,7,6,.78));color:#e8e1d4;text-align:left;padding:20px 26px 22px;backdrop-filter:blur(8px);box-shadow:inset 0 1px 0 rgba(244,228,184,.10),0 18px 60px rgba(0,0,0,.42);pointer-events:auto;transition:min-height .42s var(--alive-ease),opacity .42s var(--alive-ease),filter .42s var(--alive-ease),border-color .42s var(--alive-ease),box-shadow .42s var(--alive-ease),background .42s var(--alive-ease),transform .42s var(--alive-ease);cursor:none;overflow:hidden;border-radius:1px;font-family:var(--sans)}
.research-doc::before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,236,190,.05),transparent 22%,transparent 78%,rgba(0,0,0,.36));mix-blend-mode:screen}
.research-doc>*:not(.doc-light):not(.doc-spine):not(.doc-seal){position:relative;z-index:2}

/* Brass spine on the left edge — like a folded page */
.research-doc .doc-spine{position:absolute;left:0;top:14px;bottom:14px;width:2px;background:linear-gradient(180deg,transparent,rgba(201,169,97,.45),transparent);opacity:.55;z-index:3;transition:opacity .42s var(--alive-ease)}
.research-doc:hover .doc-spine{opacity:.95}

/* Wax seal — pulses only when released */
.research-doc .doc-seal{position:absolute;top:14px;right:18px;width:8px;height:8px;border-radius:50%;background:rgba(107,102,93,.4);box-shadow:0 0 0 1px rgba(201,169,97,.18);z-index:3;transition:.45s var(--alive-ease)}
.research-doc.is-released .doc-seal{background:radial-gradient(circle,#f4e4b8,#c9a961 60%,transparent 75%);box-shadow:0 0 14px rgba(244,228,184,.55),0 0 0 1px rgba(201,169,97,.5);animation:doc-seal-breath 4.6s ease-in-out infinite}
@keyframes doc-seal-breath{0%,100%{opacity:.62;transform:scale(1)}50%{opacity:1;transform:scale(1.18)}}

/* Light beam sweep on hover — homage to RESEARCH4K imagery */
.research-doc .doc-light{position:absolute;inset:-2px;pointer-events:none;background:linear-gradient(108deg,transparent 0 35%,rgba(244,228,184,.16) 50%,transparent 65% 100%);opacity:0;transform:translateX(-30%);transition:opacity .35s var(--alive-ease),transform 1.05s var(--alive-ease);z-index:4}
.research-doc:hover .doc-light{opacity:1;transform:translateX(30%)}

.doc-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;font-family:var(--mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase}
.doc-id{color:#e1bd63}
.doc-state{text-align:right}
.doc-state.state-released{color:#f4e4b8}
.doc-state.state-held{color:#8a8275}
.doc-state.state-reserved{color:#c9a961}
.doc-state.state-in-runtime{color:#f4e4b8;animation:doc-runtime-pulse 4.6s ease-in-out infinite}
@keyframes doc-runtime-pulse{0%,100%{opacity:.6}50%{opacity:1}}

.research-doc strong{display:block;font-family:var(--serif);font-size:clamp(28px,2.6vw,38px);font-weight:300;line-height:.98;letter-spacing:-.02em;color:#f3e8d1;margin:6px 0 4px;text-shadow:0 6px 30px rgba(0,0,0,.7)}
.research-doc small{display:block;margin-top:6px;font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#a98d50}
.research-doc em{display:block;margin-top:10px;font-style:normal;color:#ead9aa;font-size:13px;line-height:1.45}
.research-doc p{margin:10px 0 0;color:#bfb39f;font-size:13px;line-height:1.5;max-width:96%}
.doc-cta{display:block;margin-top:14px;font-family:var(--mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#d7b765}
.research-doc:not(.is-released) .doc-cta{color:#6b665d}

.research-doc:hover{z-index:9;min-height:200px;border-color:rgba(244,228,184,.55);background:linear-gradient(180deg,rgba(38,32,22,.74),rgba(10,8,6,.88));box-shadow:inset 0 1px 0 rgba(244,228,184,.20),0 28px 90px rgba(0,0,0,.58),0 0 80px rgba(201,169,97,.10);transform:translateX(-6px)}
.doc-layer:hover .research-doc{opacity:.55;filter:blur(.6px) brightness(.84)}
.doc-layer .research-doc:hover{opacity:1;filter:none}

/* Inspection — dim everything, deep-dive shows the document fully */
.doc-layer.inspecting{opacity:.18;filter:blur(2px)}
.doc-layer.inspecting .research-doc{pointer-events:none}

/* Deep-dive: PDF or sealed view */
.deep-card--doc{width:min(960px,94vw);max-height:90vh;padding:clamp(22px,3.5vw,36px);display:flex;flex-direction:column;gap:12px;border-color:rgba(244,228,184,.30);background:linear-gradient(145deg,rgba(28,22,12,.68),rgba(5,4,3,.90))}
.deep-card--doc .deep-id{color:#c9a961;font-family:var(--mono);font-size:11px;letter-spacing:.24em;text-transform:uppercase}
.deep-card--doc h2{font-family:var(--serif);font-weight:300;font-size:clamp(36px,5.5vw,62px);line-height:.92;margin:6px 0 2px;letter-spacing:-.025em;color:#f3e8d1}
.deep-card--doc .deep-state{font-family:var(--mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:#c9a961;margin-bottom:4px}
.deep-card--doc .deep-state.state-held{color:#8a8275}
.deep-card--doc .deep-state.state-reserved{color:#c9a961}
.deep-card--doc .deep-state.state-in-runtime{color:#f4e4b8;animation:doc-runtime-pulse 4.6s ease-in-out infinite}
.deep-card--doc .deep-signal{color:#a98d50;font-size:13px;letter-spacing:.06em;margin-bottom:8px}
.deep-pdf{flex:1 1 auto;min-height:60vh;border:1px solid rgba(201,169,97,.28);background:#0a0908;overflow:hidden;position:relative}
.deep-pdf iframe{width:100%;height:100%;min-height:60vh;border:0;display:block;background:#0a0908}
.deep-doc-meta{display:flex;gap:24px;font-family:var(--mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#a98d50;margin-top:6px}
.deep-held{color:#d7ccba;line-height:1.78;font-size:clamp(15px,2.2vw,18px);margin:8px 0 18px}
.deep-seal{font-family:var(--mono);font-size:11px;letter-spacing:.32em;text-transform:uppercase;color:#8a8275;text-align:center;padding:22px 0;border-top:1px solid rgba(201,169,97,.14);border-bottom:1px solid rgba(201,169,97,.14);animation:doc-seal-fade 5.4s ease-in-out infinite}
@keyframes doc-seal-fade{0%,100%{opacity:.5}50%{opacity:.86}}

@media(max-width:1000px){
  body.research-mode .hud{grid-template-columns:340px 1fr;padding:112px 24px 34px}
  body.research-mode .room-copy{width:320px;max-width:320px;padding:22px}
  body.research-mode .room-copy h1{font-size:38px}
  body.research-mode .room-copy p{font-size:13px}
  body.research-mode .doc-layer{right:18px!important;width:42vw!important;max-width:430px!important}
}
@media(max-width:760px){
  body.research-mode .hud{display:block!important;padding:18px 16px 0!important;z-index:60!important}
  body.research-mode .room-copy{width:100%!important;max-width:none!important;padding:14px!important;background:linear-gradient(135deg,rgba(8,7,5,.78),rgba(0,0,0,.48))!important;backdrop-filter:blur(10px)}
  body.research-mode .room-copy h1{font-size:34px!important;line-height:.96!important;margin:0!important}
  body.research-mode .room-copy p{font-size:12px!important;line-height:1.45!important;margin-top:10px!important;max-height:88px!important}
  body.research-mode .room-actions{display:none!important}
  body.research-mode .side-index{display:none!important}
  body.research-mode .doc-layer{left:0!important;top:190px!important;right:0!important;bottom:0!important;width:100%!important;height:auto!important;max-width:none!important;z-index:72!important;padding:12px 14px 90px!important;-webkit-overflow-scrolling:touch}
  .research-doc{width:100%!important;min-height:auto;cursor:pointer!important;border-radius:4px!important}
  .doc-layer:hover .research-doc{opacity:1!important;filter:none!important;transform:none!important}
  .doc-layer .research-doc:hover{transform:none!important}
  .deep-card--doc{padding:18px!important;max-height:88vh!important}
  .deep-card--doc h2{font-size:30px!important}
  .deep-pdf{min-height:55vh!important}
}

@media (prefers-reduced-motion:reduce){
  .research-doc.is-released .doc-seal,
  .doc-state.state-in-runtime,
  body.research-mode .room-copy::before,
  .deep-seal{animation:none!important}
}

/* ===== STUDIO BRAND THREAD (always visible) ===== */
.studio-mark{position:fixed;top:24px;left:28px;z-index:60;display:flex;align-items:center;gap:10px;font-family:var(--serif);font-size:18px;letter-spacing:.06em;color:var(--ink);pointer-events:none;opacity:.92}
.studio-mark i{display:block;width:18px;height:22px;border:1px solid var(--brass);border-bottom:0;border-radius:12px 12px 1px 1px;box-shadow:0 0 18px rgba(201,169,97,.18),inset 0 0 12px rgba(201,169,97,.10)}
.studio-line{position:fixed;top:32px;right:28px;z-index:60;font-family:var(--mono);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--dim);pointer-events:none;max-width:46vw;text-align:right}

/* ===== THRESHOLD (000) — STUDIO STAT PLATE ===== */
.studio-stats{position:fixed;right:28px;bottom:32px;z-index:55;display:none;grid-template-columns:auto auto;gap:6px 22px;font-family:var(--mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;opacity:0;transition:opacity .9s var(--alive-ease);pointer-events:none}
.studio-stats.show{opacity:.92}
body.threshold-mode .studio-stats{display:grid}
.studio-stats > div{display:contents}
.studio-stats .stat-label{color:var(--dim)}
.studio-stats .stat-value{color:var(--brass);text-align:right;font-weight:500}

/* ===== CORRIDOR (001) — MAXIM TREATMENT ===== */
body.corridor-mode .room-note{right:28px;bottom:54px;left:auto;width:340px;opacity:.92;background:transparent;border:0;padding:0}
body.corridor-mode .room-note::before{content:'';display:block;width:48px;height:1px;background:#c9a961;margin:0 0 22px;opacity:.7}
body.corridor-mode .room-note b{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:#c9a961;margin-bottom:14px}
body.corridor-mode .room-note span{display:block;font-family:var(--serif);font-size:clamp(20px,2.4vw,30px);font-weight:300;line-height:1.18;letter-spacing:-.01em;color:var(--ink);transition:opacity .55s var(--alive-ease),transform .55s var(--alive-ease),filter .55s var(--alive-ease)}
body.corridor-mode .room-note span.signal-shift{opacity:0;transform:translateY(8px);filter:blur(5px)}

/* ===== EXIT (004) — UNFINISHED DOOR / ROADMAP ===== */
body.exit-mode .hud{display:grid;grid-template-columns:minmax(420px,47vw) 1fr;align-items:start;padding:142px 0 40px 56px;z-index:58;pointer-events:none}
body.exit-mode .room-copy{width:40vw;max-width:700px;padding:46px 50px;border:1px dashed rgba(244,228,184,.28);background:linear-gradient(145deg,rgba(20,17,12,.78),rgba(6,5,4,.94));box-shadow:0 0 100px rgba(201,169,97,.08);position:relative}
body.exit-mode .room-copy::before{content:'';position:absolute;top:24px;right:24px;width:10px;height:10px;border:1px solid rgba(244,228,184,.55);background:transparent;animation:doc-seal-breath 5.4s ease-in-out infinite}
body.exit-mode .room-copy::after{content:'';display:block;width:78%;height:1px;margin:24px 0 0;background:linear-gradient(90deg,rgba(201,169,97,.45),transparent)}
body.exit-mode .room-copy .kicker{font-size:13px;letter-spacing:.34em;margin-bottom:22px;color:#d7b765}
body.exit-mode .room-copy h1{font-size:clamp(48px,5.2vw,72px);line-height:.94;letter-spacing:-.03em;color:#f4ead7}
body.exit-mode .room-copy p{font-size:clamp(15px,1.32vw,20px);line-height:1.74;width:min(520px,100%);color:#d6cbb9;margin-top:24px}
body.exit-mode .room-actions{display:flex;margin-top:30px;pointer-events:auto}
body.exit-mode .room-actions .btn{font-size:12px;padding:16px 22px;background:rgba(201,169,97,.06);border-color:rgba(244,228,184,.28)}
body.exit-mode .room-note{right:auto;left:56px;bottom:54px;width:300px;opacity:.84;background:transparent;border:0;padding:0}
body.exit-mode .room-note::before{content:'';display:block;width:48px;height:1px;background:#c9a961;margin:0 0 22px;opacity:.6}
body.exit-mode .room-note b{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:#c9a961;margin-bottom:10px}
body.exit-mode .room-note span{display:block;font-size:14px;line-height:1.55;color:#d8c9ac;transition:opacity .35s var(--alive-ease),transform .35s var(--alive-ease),filter .35s var(--alive-ease)}
body.exit-mode .room-note span.signal-shift{opacity:0;transform:translateY(5px);filter:blur(4px)}
body.exit-mode .side-index{left:auto;right:32px;bottom:40%;display:grid;gap:16px;color:#d7b765;z-index:70}

/* Roadmap layer — right column, sketchy/blueprint feel */
.roadmap-layer{position:fixed;inset:0;z-index:46;pointer-events:none;opacity:0;transition:opacity .8s var(--alive-ease)}
.roadmap-layer.show{opacity:1}
body.exit-mode .roadmap-layer{position:absolute;left:auto;right:3.5vw;top:140px;bottom:40px;width:34vw;max-width:500px;height:auto;display:flex;flex-direction:column;gap:12px;overflow-y:auto;overflow-x:hidden;padding-right:10px;scrollbar-gutter:stable;pointer-events:auto;transform:none!important}
body.exit-mode .roadmap-layer::-webkit-scrollbar{width:6px}
body.exit-mode .roadmap-layer::-webkit-scrollbar-thumb{background:rgba(201,169,97,.30);border-radius:10px}

.roadmap-item{position:relative;width:100%;border:1px dashed rgba(201,169,97,.32);background:linear-gradient(180deg,rgba(20,17,13,.55),rgba(6,5,4,.78));color:var(--ink);text-align:left;padding:18px 24px 20px;cursor:none;transition:.42s var(--alive-ease);overflow:hidden;border-radius:1px;font-family:var(--sans)}
.roadmap-item.is-now{border:1px solid rgba(244,228,184,.55);background:linear-gradient(180deg,rgba(34,28,18,.70),rgba(10,8,6,.88));box-shadow:0 0 70px rgba(244,228,184,.06),inset 0 1px 0 rgba(244,228,184,.12),0 22px 70px rgba(0,0,0,.46);padding:24px 28px 26px}
.roadmap-spine{position:absolute;left:0;top:14px;bottom:14px;width:2px;background:linear-gradient(180deg,transparent,rgba(201,169,97,.4),transparent);opacity:.55;z-index:3}
.roadmap-item.is-now .roadmap-spine{opacity:.95;background:linear-gradient(180deg,transparent,rgba(244,228,184,.78),transparent);animation:doc-seal-breath 5s ease-in-out infinite}
.roadmap-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;font-family:var(--mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;position:relative;z-index:2}
.roadmap-id{color:var(--deep)}
.roadmap-state{text-align:right}
.roadmap-state.state-now{color:#f4e4b8;animation:doc-runtime-pulse 4.6s ease-in-out infinite}
.roadmap-state.state-in-revision{color:#c9a961}
.roadmap-state.state-planning{color:#a98d50}
.roadmap-state.state-sealed{color:#8a8275}
.roadmap-state.state-queued{color:#a98d50}
.roadmap-item strong{display:block;font-family:var(--serif);font-size:clamp(22px,2.2vw,30px);font-weight:300;line-height:.98;letter-spacing:-.018em;color:#f3e8d1;margin:4px 0 4px;position:relative;z-index:2}
.roadmap-item.is-now strong{font-size:clamp(28px,2.8vw,40px);color:#f7eccd}
.roadmap-item small{display:block;font-family:var(--mono);font-size:10px;color:var(--dim);letter-spacing:.16em;text-transform:uppercase;margin-top:4px;position:relative;z-index:2}
.roadmap-item p{margin:10px 0 0;color:#bfb39f;font-size:13px;line-height:1.55;position:relative;z-index:2}
.roadmap-item:hover{border-color:rgba(244,228,184,.65);background:linear-gradient(180deg,rgba(40,32,22,.78),rgba(10,8,6,.9));transform:translateX(-4px)}
.roadmap-item.is-now:hover{box-shadow:0 0 110px rgba(244,228,184,.12),inset 0 1px 0 rgba(244,228,184,.20),0 28px 90px rgba(0,0,0,.56)}
.roadmap-layer:hover .roadmap-item{opacity:.55;filter:blur(.6px) brightness(.84)}
.roadmap-layer .roadmap-item:hover{opacity:1;filter:none}
.roadmap-layer.inspecting{opacity:.18;filter:blur(2px)}
.roadmap-layer.inspecting .roadmap-item{pointer-events:none}

.deep-card--roadmap{width:min(720px,92vw);padding:clamp(22px,3.5vw,40px);border:1px solid rgba(244,228,184,.30);background:linear-gradient(145deg,rgba(28,22,12,.68),rgba(5,4,3,.90));display:flex;flex-direction:column;gap:10px}
.deep-card--roadmap.state-now{border:1px solid rgba(244,228,184,.60);box-shadow:0 0 100px rgba(244,228,184,.10),0 60px 220px rgba(0,0,0,.78)}
.deep-card--roadmap .deep-id{color:#c9a961;font-family:var(--mono);font-size:11px;letter-spacing:.24em;text-transform:uppercase}
.deep-card--roadmap h2{font-family:var(--serif);font-weight:300;font-size:clamp(34px,5vw,58px);line-height:.92;margin:6px 0 2px;letter-spacing:-.025em;color:#f3e8d1}
.deep-card--roadmap .deep-signal{color:#a98d50;font-size:13px;letter-spacing:.06em;margin-bottom:8px}
.deep-card--roadmap .deep-held{color:#d7ccba;line-height:1.78;font-size:clamp(15px,2.2vw,18px);margin:6px 0 14px}
.deep-card--roadmap .deep-doc-meta{display:flex;gap:24px;font-family:var(--mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#a98d50;margin-top:4px}

/* Hide the brand thread on small screens to free room */
@media(max-width:760px){
  .studio-mark{top:14px;left:14px;font-size:15px}
  .studio-mark i{width:14px;height:18px}
  .studio-line{display:none}
  .studio-stats{right:16px;bottom:16px;gap:4px 14px}
  body.exit-mode .hud{display:block!important;padding:18px 16px 0!important}
  body.exit-mode .room-copy{width:100%!important;max-width:none!important;padding:14px!important;background:linear-gradient(135deg,rgba(8,7,5,.78),rgba(0,0,0,.48))!important;backdrop-filter:blur(10px)}
  body.exit-mode .room-copy h1{font-size:34px!important;line-height:.96!important;margin:0!important}
  body.exit-mode .room-copy p{font-size:12px!important;max-height:88px!important;overflow:auto;margin-top:10px!important}
  body.exit-mode .room-actions{display:none!important}
  body.exit-mode .side-index{display:none!important}
  body.exit-mode .roadmap-layer{left:0!important;top:190px!important;right:0!important;bottom:0!important;width:100%!important;height:auto!important;max-width:none!important;z-index:72!important;padding:12px 14px 90px!important;-webkit-overflow-scrolling:touch}
  .roadmap-item{cursor:pointer!important;border-radius:4px!important}
  .roadmap-layer:hover .roadmap-item{opacity:1!important;filter:none!important;transform:none!important}
  .roadmap-layer .roadmap-item:hover{transform:none!important}
  body.corridor-mode .room-note{left:14px!important;right:14px!important;bottom:18px!important;width:auto!important}
  body.corridor-mode .room-note span{font-size:18px!important}
  .deep-card--roadmap{padding:18px!important;max-height:88vh!important}
  .deep-card--roadmap h2{font-size:28px!important}
}

@media (prefers-reduced-motion:reduce){
  .roadmap-item.is-now .roadmap-spine,
  .roadmap-state.state-now,
  body.exit-mode .room-copy::before{animation:none!important}
}