/* PB032.2: compact editorial orientation in the real public Room 002.
   Only affects the top room hero. Keeps original Refined Crystal mounting point. */
.room002-page--dev024 .room002-hero.room0322-orientation {
  padding: clamp(32px, 4vw, 58px) 0 clamp(28px, 3vw, 44px);
  min-height: 0;
}
.room002-page--dev024 .room0322-intro-grid {
  grid-template-columns: minmax(0, 1fr) minmax(290px, .95fr);
  gap: clamp(28px, 5vw, 80px);
  align-items: start;
}
.room002-page--dev024 .room0322-intro-copy { min-width:0; }
.room002-page--dev024 .room0322-intro-copy .eyebrow {
  margin: 0 0 clamp(14px, 2vw, 24px);
  padding-top: 10px;
}
.room002-page--dev024 .room0322-intro-copy h1 {
  font-size: clamp(34px, 3.6vw, 53px);
  line-height: 1.06;
  margin: 0 0 20px;
  max-width: 17ch;
  color: #f0e112;
}
.room002-page--dev024 .room0322-intro-copy .lede {
  font-size: clamp(16px, 1.6vw, 19px);
  line-height: 1.5;
  margin: 0 0 18px;
  max-width: 48ch;
}
.room002-page--dev024 .room0322-intro-copy .room0322-help {
  margin: 0 0 16px;
  max-width: 48ch;
  color: #f3f0dc;
  font: 400 clamp(13px,1.2vw,15px)/1.6 var(--dv-f-mono,monospace);
}
.room002-page--dev024 .room0322-intro-copy .room002-hero__how {
  position:static; margin: 0; max-width: 50ch; font-size: 12px;
  color: #bcbdb6;
}
.room002-page--dev024 .room0322-nav {
  width: 100%; min-width: 0; margin: 0;
  border-left: 1px solid rgba(240,225,18,.24);
  padding-left: clamp(18px,2.2vw,38px);
  background: none;
}
.room002-page--dev024 .room0322-nav__eyebrow {
  color: #e0d658; text-transform: uppercase; letter-spacing: .19em;
  font: 600 11px/1.4 var(--dv-f-mono,monospace);
  margin: 0 0 10px;
}
.room002-page--dev024 .room0322-nav__object { margin: 0 0 8px; min-height: 100px; }
.room002-page--dev024 .room0322-nav #dev023-pyramid-integration:not(:empty) { margin-top:0; }
.room002-page--dev024 .room0322-nav .dev024-dock .pb005-open {
  background: transparent;
  box-shadow: none;
  -webkit-backdrop-filter: none; backdrop-filter: none;
  border-color: rgba(232,221,128,.32);
  border-radius: 3px;
  padding: 8px 10px;
  min-height: 105px;
}
.room002-page--dev024 .room0322-nav .dev024-dock .pb005-open__obj { width: 142px; height: 108px; }
.room002-page--dev024 .room0322-nav__key {
  list-style:none; padding:0; margin: 10px 0 0;
  display:grid; gap:0;
  border-top: 1px solid rgba(234,232,195,.18);
}
.room002-page--dev024 .room0322-nav__level {
  display:grid; grid-template-columns: 30px 1fr; align-items:start; gap:12px;
  padding: 10px 6px;
  border-bottom: 1px solid rgba(234,232,195,.18);
  color:#e5e5de;
  opacity:.7;
  transition: color .1s ease, opacity .1s ease;
}
.room002-page--dev024 .room0322-nav__letter {
  font: 700 15px/1.3 var(--dv-f-mono,monospace);
  color:inherit;
}
.room002-page--dev024 .room0322-nav__level strong { display:block; font: 400 17px/1.25 var(--dv-f-display,Georgia,serif); }
.room002-page--dev024 .room0322-nav__level small { display:block; margin-top:3px; font: 400 11px/1.4 var(--dv-f-mono,monospace); }
.room002-page--dev024 .room0322-nav[data-side="A"] .room0322-nav__level[data-side="A"],
.room002-page--dev024 .room0322-nav[data-side="B"] .room0322-nav__level[data-side="B"],
.room002-page--dev024 .room0322-nav[data-side="C"] .room0322-nav__level[data-side="C"] {
  color: #f0e112; opacity: 1; border-left: 2px solid #f0e112;
  padding-left: 4px;
}
.room002-page--dev024 .room0322-nav__foot {
  font: 400 10px/1.5 var(--dv-f-mono,monospace);
  color: #aaa; margin: 10px 0 0;
}
@media (max-width: 900px) {
  .room002-page--dev024 .room0322-intro-grid {grid-template-columns: 1fr; gap: 22px;}
  .room002-page--dev024 .room0322-nav {
    border-left: 0; border-top: 1px solid rgba(240,225,18,.24);
    padding: 14px 0 0;
  }
  .room002-page--dev024 .room0322-intro-copy h1 {font-size: clamp(32px,7vw,46px); max-width: 19ch;}
  .room002-page--dev024 .room0322-nav__object {min-height: 80px;}
  .room002-page--dev024 .room0322-nav .dev024-dock .pb005-open__obj {width: 95px; height: 76px;}
  .room002-page--dev024 .room0322-nav__key {grid-template-columns:repeat(3,minmax(0,1fr));}
  .room002-page--dev024 .room0322-nav__level {display:block; padding: 9px 8px; border-right:1px solid rgba(234,232,195,.18);}
  .room002-page--dev024 .room0322-nav__letter {display:block; margin-bottom:5px;}
  .room002-page--dev024 .room0322-nav__level strong {font-size:14px;}
  .room002-page--dev024 .room0322-nav__level small {font-size:10px;}
}
@media (max-width: 420px) {
  .room002-page--dev024 .room002-hero.room0322-orientation {padding: 26px 0 26px;}
  .room002-page--dev024 .room0322-intro-copy .eyebrow {font-size:10px;}
  .room002-page--dev024 .room0322-intro-copy h1 {font-size:clamp(30px,9vw,38px);}
  .room002-page--dev024 .room0322-nav__key {grid-template-columns:1fr;}
  .room002-page--dev024 .room0322-nav__level {display:grid;grid-template-columns:20px 1fr;padding:7px 5px;}
  .room002-page--dev024 .room0322-nav__letter {margin:0;}
  .room002-page--dev024 .room0322-nav__level strong {font-size:14px;}
}