/* QUUMA's editable monitor room follows the existing work room. */
.premium-gallery {
  position: relative;
  z-index: 20;
  isolation: isolate;
  width: calc(100% - 82px);
  margin-left: 82px;
  height: 180svh;
  min-height: 760px;
  overflow: clip;
  background: #d4dde3;
}

.premium-gallery .hroom-stage {
  --site-action-color: #8fd8ff;
  --hroom-wall-tone: #d4dde3;
  --hroom-fade-top: 74px;
  --hroom-fade-bottom: 0px;
  position: sticky;
  top: 0;
  height: 100svh;
  overflow: hidden;
  padding: 74px 0 0;
  background: #d4dde3;
  font-family: Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
}

.premium-gallery .hroom-scene { left: 8px; }
.premium-gallery .hroom-stage p { margin: 0; }
.premium-gallery .sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.premium-gallery .hroom-filter__row,
.premium-gallery .hroom-filter__desk { background: transparent; }
.premium-gallery .hroom-filter__row[aria-pressed=true],
.premium-gallery .hroom-filter__desk[aria-pressed=true] { background: #8fd8ff !important; color: #071b2b !important; }
.premium-gallery .hroom-filter__row[hidden],
.premium-gallery .hroom-chips .hworks-chip[hidden] { display: none !important; }
.premium-gallery .hroom-mon--wl .hroom-mon__cable,
.premium-gallery .hroom-mon--wr .hroom-mon__cable { height: calc(var(--u) * 49); }
.premium-gallery .hroom-mon--wc .hroom-mon__cable { height: calc(var(--u) * 39); }
.premium-gallery .hroom-layer:has(> .hroom-panel--left) { z-index: 3; }
.premium-gallery .hroom-layer:has(> .hroom-item--keyboard) { z-index: 4; }
.premium-gallery .hroom-layer { transform: none !important; }
.premium-gallery .hroom-camera,
.premium-gallery .hroom-layer { will-change: auto; }
.premium-gallery .hroom-mon.is-idle .hroom-feed,
.premium-gallery .hroom-mon.is-idle .hroom-mon__osd,
.premium-gallery .hroom-mon.is-idle .hroom-mon__tag { display: none; }
.premium-gallery .hroom-mon__tag { display: none !important; }
.premium-gallery .hroom-mon.has-screen-art .hroom-mon__osd,
.premium-gallery .hroom-mon.has-custom-card .hroom-mon__osd,
.premium-gallery .hroom-mon.has-custom-card .hroom-feed { display: none !important; }
.premium-gallery .hroom-mon.has-screen-art .hroom-mon__glass,
.premium-gallery .hroom-mon.has-custom-card .hroom-mon__glass { display: none; }
.premium-gallery .hroom-mon.has-screen-art .hroom-feed__img {
  object-fit: fill;
  filter: none;
}
.premium-gallery .hroom-mon.has-screen-art .hroom-feed { background: #061626; }
.premium-gallery .hroom-stage.has-active .hroom-mon:not(.is-active) .hroom-mon__screen {
  filter: brightness(.84) saturate(.96);
}
.premium-gallery .hroom-custom-card {
  position: absolute;
  z-index: 2;
  inset: 0;
  display: block;
  overflow: hidden;
}
.premium-gallery .hroom-custom-card__image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.premium-gallery .hroom-custom-card__copy {
  position: absolute;
  z-index: 1;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.premium-gallery .hroom-custom-card__eyebrow {
  font-family: var(--hroom-mono);
  font-weight: 750;
  letter-spacing: .12em;
}
.premium-gallery .hroom-custom-card__copy strong {
  display: block;
  font-family: "Yu Mincho", "Hiragino Mincho ProN", serif;
  white-space: pre-line;
}
.premium-gallery .hroom-custom-card__description,
.premium-gallery .hroom-custom-card__detail { white-space: pre-line; }
.premium-gallery .hroom-custom-card--editorial,
.premium-gallery .hroom-custom-card--work-summary { background: #031322; color: #f6fbff; }
.premium-gallery .hroom-custom-card--editorial .hroom-custom-card__image,
.premium-gallery .hroom-custom-card--work-summary .hroom-custom-card__image { object-fit: fill; }
.premium-gallery .hroom-custom-card--editorial::after,
.premium-gallery .hroom-custom-card--work-summary::after {
  position: absolute;
  inset: 0;
  content: "";
  background: linear-gradient(90deg, transparent 39%, #03132259 63%, #0313221a);
  pointer-events: none;
}
.premium-gallery .hroom-custom-card--editorial .hroom-custom-card__copy,
.premium-gallery .hroom-custom-card--work-summary .hroom-custom-card__copy { text-shadow: 0 2px 8px #02101cf2; }
.premium-gallery .hroom-custom-card--editorial .hroom-custom-card__eyebrow,
.premium-gallery .hroom-custom-card--work-summary .hroom-custom-card__eyebrow {
  position: absolute;
  z-index: 2;
  top: 6%;
  left: 5%;
  color: #ecf8ff;
  font-size: clamp(13px, calc(var(--u) * 16), 16px);
  font-weight: 850;
  text-shadow: 0 2px 8px #00101d, 0 0 3px #00101d;
}
.premium-gallery .hroom-custom-card__brand {
  position: absolute;
  z-index: 2;
  top: 6%;
  right: 5%;
  color: #d7ebfb;
  font-family: var(--hroom-mono);
  font-size: clamp(9px, calc(var(--u) * 10), 12px);
  letter-spacing: .22em;
  text-shadow: 0 1px 5px #031322;
}
.premium-gallery .hroom-custom-card--editorial .hroom-custom-card__copy {
  inset: 0 4% 0 46%;
  justify-content: center;
  gap: calc(var(--u) * 9);
  padding-top: 11%;
}
.premium-gallery .hroom-custom-card--editorial .hroom-custom-card__copy strong {
  font-size: clamp(17px, calc(var(--u) * 23), 27px);
  line-height: 1.22;
}
.premium-gallery .hroom-custom-card--editorial .hroom-custom-card__description {
  font-size: clamp(10px, calc(var(--u) * 12), 14px);
  font-weight: 700;
  line-height: 1.4;
}
.premium-gallery .hroom-custom-card--editorial .hroom-custom-card__detail {
  margin-top: calc(var(--u) * 8);
  color: #e6f3fa;
  font-size: clamp(10px, calc(var(--u) * 11), 13px);
  font-weight: 600;
  line-height: 1.45;
}
.premium-gallery .hroom-mon--dl .hroom-custom-card--editorial .hroom-custom-card__copy,
.premium-gallery .hroom-mon--dc .hroom-custom-card--editorial .hroom-custom-card__copy { gap: calc(var(--u) * 6); }
.premium-gallery .hroom-mon--dc .hroom-custom-card--editorial .hroom-custom-card__copy { inset: 0 3% 0 52%; }
.premium-gallery .hroom-mon--dl .hroom-custom-card--editorial .hroom-custom-card__copy strong,
.premium-gallery .hroom-mon--dc .hroom-custom-card--editorial .hroom-custom-card__copy strong { font-size: clamp(16px, calc(var(--u) * 20), 23px); }
.premium-gallery .hroom-mon--dl .hroom-custom-card--editorial .hroom-custom-card__detail,
.premium-gallery .hroom-mon--dc .hroom-custom-card--editorial .hroom-custom-card__detail { margin-top: 0; }
.premium-gallery .hroom-custom-card--work-summary::after {
  background: linear-gradient(90deg, #03132299, #03132266 48%, #031322aa);
}
.premium-gallery .hroom-custom-card--work-summary .hroom-custom-card__eyebrow {
  font-size: clamp(8px, calc(var(--u) * 10), 10px);
  letter-spacing: .04em;
  white-space: nowrap;
}
.premium-gallery .hroom-custom-card--work-summary .hroom-custom-card__copy {
  inset: 0 38% 0 4%;
  justify-content: center;
  gap: calc(var(--u) * 6);
  padding-top: 8%;
}
.premium-gallery .hroom-custom-card--work-summary .hroom-custom-card__copy strong {
  font-size: clamp(11px, calc(var(--u) * 13), 14px);
  line-height: 1.25;
}
.premium-gallery .hroom-custom-card--work-summary .hroom-custom-card__copy strong > span { white-space: nowrap; }
.premium-gallery .hroom-custom-card--work-summary .hroom-custom-card__steps { width: 33%; }
.premium-gallery .hroom-custom-card--work-summary .hroom-custom-card__description {
  font-size: clamp(8px, calc(var(--u) * 9), 9.5px);
  font-weight: 600;
  line-height: 1.3;
}
.premium-gallery .hroom-custom-card__steps {
  position: absolute;
  z-index: 2;
  top: 19%;
  right: 5%;
  bottom: 8%;
  width: 39%;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.premium-gallery .hroom-custom-card__step {
  display: flex;
  align-items: center;
  gap: calc(var(--u) * 5);
  border-bottom: 1px solid #cde7f633;
  padding: 2px 0;
}
.premium-gallery .hroom-custom-card__step > b {
  flex: 0 0 23%;
  font-family: var(--hroom-mono);
  font-size: clamp(14px, calc(var(--u) * 18), 21px);
  font-weight: 500;
}
.premium-gallery .hroom-custom-card__step > span { display: flex; flex-direction: column; min-width: 0; }
.premium-gallery .hroom-custom-card__step strong {
  font-family: var(--hroom-mono);
  font-size: clamp(8px, calc(var(--u) * 9), 11px);
  letter-spacing: .08em;
}
.premium-gallery .hroom-custom-card__step small {
  color: #b9d4e9;
  font-size: clamp(8px, calc(var(--u) * 8), 10px);
  white-space: nowrap;
}
.premium-gallery .hroom-custom-card--scene { background: #041628; color: #f5fbff; }
.premium-gallery .hroom-custom-card--scene .hroom-custom-card__image { object-fit: fill; }
.premium-gallery .hroom-custom-card--scene::after {
  position: absolute;
  inset: 0;
  content: "";
  background: linear-gradient(90deg, #03132482, #03132438 56%, transparent);
  pointer-events: none;
}
.premium-gallery .hroom-custom-card--scene .hroom-custom-card__copy {
  inset: 0 40% 0 6%;
  justify-content: center;
  gap: calc(var(--u) * 12);
  padding-top: 6%;
  text-shadow: 0 2px 10px #031222;
}
.premium-gallery .hroom-custom-card--scene .hroom-custom-card__eyebrow {
  position: absolute;
  top: 7%;
  left: 0;
  color: #e6f6ff;
  font-size: clamp(12px, calc(var(--u) * 14), 15px);
  font-weight: 850;
}
.premium-gallery .hroom-custom-card--scene .hroom-custom-card__copy strong {
  font-size: clamp(20px, calc(var(--u) * 24), 28px);
  line-height: 1.3;
}
.premium-gallery .hroom-custom-card--scene .hroom-custom-card__description {
  color: #d8edfc;
  font-size: clamp(11px, calc(var(--u) * 12), 14px);
  font-weight: 650;
  line-height: 1.5;
}
.premium-gallery .hroom-custom-card--scene .hroom-custom-card__footer {
  position: absolute;
  z-index: 2;
  bottom: 7%;
  left: 6%;
  color: #a9dbfa;
  font-family: var(--hroom-mono);
  font-size: clamp(8px, calc(var(--u) * 9), 11px);
  letter-spacing: .19em;
}
.premium-gallery .hroom-custom-card--brand-story .hroom-custom-card__eyebrow {
  font-size: clamp(16px, calc(var(--u) * 20), 23px);
  font-weight: 450;
  letter-spacing: .19em;
}
.premium-gallery .hroom-custom-card--brand-story .hroom-custom-card__copy strong {
  font-family: Arial, "Hiragino Kaku Gothic ProN", sans-serif;
  font-size: clamp(18px, calc(var(--u) * 25), 30px);
  font-weight: 450;
  letter-spacing: -.025em;
}
.premium-gallery .hroom-mon--dl .hroom-custom-card--scene .hroom-custom-card__copy strong,
.premium-gallery .hroom-mon--dr .hroom-custom-card--scene .hroom-custom-card__copy strong {
  font-size: clamp(17px, calc(var(--u) * 21), 24px);
}
.premium-gallery .hroom-mon--dl .hroom-custom-card--scene .hroom-custom-card__description,
.premium-gallery .hroom-mon--dr .hroom-custom-card--scene .hroom-custom-card__description {
  font-size: clamp(10px, calc(var(--u) * 11), 13px);
}
.premium-gallery .hroom-filter { position: relative; }
.premium-gallery .hroom-filter__motto {
  position: absolute;
  right: 8%;
  bottom: 7%;
  left: 8%;
  color: #83b6d4;
  font-family: var(--hroom-mono);
  font-size: clamp(8px, calc(var(--u) * 9), 11px);
  letter-spacing: .18em;
}
.premium-gallery .hroom-custom-card--summary { background: #041422; color: #f5faff; }
.premium-gallery .hroom-custom-card--summary .hroom-custom-card__image { opacity: .55; }
.premium-gallery .hroom-custom-card--summary::after {
  position: absolute;
  inset: 0;
  content: "";
  background: linear-gradient(90deg, #041422e8 0%, #041422a8 65%, #04142234 100%);
}
.premium-gallery .hroom-custom-card--summary .hroom-custom-card__copy {
  justify-content: center;
  gap: calc(var(--u) * 12);
  padding: 8% 7%;
  text-shadow: 0 2px 12px #020b14;
}
.premium-gallery .hroom-custom-card--summary .hroom-custom-card__eyebrow {
  color: #a8dffe;
  font-size: clamp(9px, calc(var(--u) * 11), 12px);
}
.premium-gallery .hroom-custom-card--summary .hroom-custom-card__copy strong {
  font-size: clamp(20px, calc(var(--u) * 31), 34px);
  line-height: 1.23;
  letter-spacing: .02em;
}
.premium-gallery .hroom-custom-card--summary .hroom-custom-card__description {
  max-width: 92%;
  font-size: clamp(10px, calc(var(--u) * 12), 14px);
  font-weight: 700;
  line-height: 1.5;
}
.premium-gallery .hroom-custom-card--process { background: #f6fbff; color: #0d2b45; }
.premium-gallery .hroom-custom-card--process .hroom-custom-card__image {
  left: 47%;
  width: 53%;
  object-fit: cover;
  object-position: center;
}
.premium-gallery .hroom-custom-card--process .hroom-custom-card__copy {
  justify-content: center;
  gap: calc(var(--u) * 11);
  padding: 8% 5%;
  width: 58%;
}
.premium-gallery .hroom-custom-card--process .hroom-custom-card__eyebrow {
  color: #4c91b4;
  font-size: clamp(9px, calc(var(--u) * 10), 12px);
}
.premium-gallery .hroom-custom-card--process .hroom-custom-card__copy strong {
  font-size: clamp(17px, calc(var(--u) * 24), 28px);
  line-height: 1.25;
}
.premium-gallery .hroom-custom-card--process .hroom-custom-card__description {
  font-size: clamp(9px, calc(var(--u) * 11), 13px);
  font-weight: 700;
  line-height: 1.45;
}
.premium-gallery .hroom-custom-card--case {
  background: #051726;
  color: #fff;
}
.premium-gallery .hroom-custom-card--case .hroom-custom-card__image {
  object-fit: cover;
  object-position: center top;
}
.premium-gallery .hroom-custom-card--case::after {
  position: absolute;
  inset: 0;
  content: "";
  background: linear-gradient(180deg, #0013219e 0%, transparent 29%, #02101d42 46%, #020b16f5 100%);
  pointer-events: none;
}
.premium-gallery .hroom-custom-card--case .hroom-custom-card__copy {
  inset: 0;
  justify-content: flex-end;
  gap: calc(var(--u) * 6);
  padding: 7% 6%;
  text-shadow: 0 2px 9px #000f;
}
.premium-gallery .hroom-custom-card--case .hroom-custom-card__eyebrow {
  position: absolute;
  top: 7%;
  left: 6%;
  color: #d6f2ff;
  font-size: clamp(10px, calc(var(--u) * 12), 14px);
  font-weight: 800;
  letter-spacing: .16em;
}
.premium-gallery .hroom-custom-card--case .hroom-custom-card__copy strong {
  font-family: Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
  font-size: clamp(18px, calc(var(--u) * 23), 27px);
  font-weight: 850;
  line-height: 1.2;
  letter-spacing: -.035em;
}
.premium-gallery .hroom-custom-card--case .hroom-custom-card__description {
  color: #e7f6ff;
  font-size: clamp(10px, calc(var(--u) * 12), 14px);
  font-weight: 700;
  line-height: 1.45;
}
.premium-gallery .hroom-mon--dl .hroom-custom-card--case .hroom-custom-card__copy strong,
.premium-gallery .hroom-mon--dr .hroom-custom-card--case .hroom-custom-card__copy strong {
  font-size: clamp(16px, calc(var(--u) * 20), 23px);
}
.premium-gallery .hroom-custom-card--case[data-case-type="APP"] {
  background: #031827;
}
.premium-gallery .hroom-custom-card--case[data-case-type="APP"] .hroom-custom-card__image {
  object-fit: contain;
  object-position: center 18%;
  background: linear-gradient(145deg, #061a2b, #123956);
}
.premium-gallery .hroom-custom-card--case[data-case-type="APP"]::after {
  background: linear-gradient(180deg, #0013218c 0%, transparent 29%, #02101d3b 45%, #020b16f2 100%);
}
.premium-gallery .hroom-custom-card__visual {
  position: absolute;
  inset: 0;
  overflow: hidden;
  background: radial-gradient(circle at 70% 28%, #52c8ff70, transparent 27%), linear-gradient(135deg, #03111f, #0a3453 64%, #061523);
}
.premium-gallery .hroom-custom-card__visual::before {
  position: absolute;
  top: 12%;
  right: 11%;
  width: 47%;
  height: 49%;
  content: "";
  border: 1px solid #9bdcffb8;
  border-radius: 10px;
  background: linear-gradient(90deg, transparent 30%, #d9f4ff36 31%, transparent 32%, transparent 65%, #d9f4ff2b 66%, transparent 67%), linear-gradient(180deg, #97deff29, #194d7299);
  box-shadow: 0 0 22px #69ceff57, inset 0 0 22px #9be3ff30;
  transform: perspective(500px) rotateY(-13deg) rotateX(8deg);
}
.premium-gallery .hroom-custom-card__visual::after {
  position: absolute;
  top: 23%;
  right: 20%;
  width: 27%;
  height: 20%;
  content: "";
  border-top: 2px solid #b8e9ffb3;
  border-bottom: 1px solid #a9e8ff89;
  background: repeating-linear-gradient(180deg, transparent 0 9px, #9ad8fa52 10px 11px);
  transform: perspective(500px) rotateY(-13deg) rotateX(8deg);
}
.premium-gallery .hroom-custom-card--case[data-visual="care"] .hroom-custom-card__visual { background: radial-gradient(circle at 75% 35%, #7cdbff89, transparent 28%), linear-gradient(140deg, #031525, #195275 72%, #061827); }
.premium-gallery .hroom-custom-card--case[data-visual="field"] .hroom-custom-card__visual { background: radial-gradient(circle at 73% 25%, #63eece77, transparent 27%), linear-gradient(140deg, #051a24, #0f4750 72%, #071a22); }
.premium-gallery .hroom-custom-card--case[data-visual="dashboard"] .hroom-custom-card__visual { background: radial-gradient(circle at 75% 25%, #b0a2ff7a, transparent 27%), linear-gradient(140deg, #101329, #2d3266 72%, #0c1528); }
.premium-gallery .hroom-custom-card--case[data-visual="stamp"] .hroom-custom-card__visual { background: radial-gradient(circle at 75% 24%, #ffcf927d, transparent 27%), linear-gradient(140deg, #1b1824, #555070 72%, #111725); }
.premium-gallery .hroom-custom-card--case[data-visual="orders"] .hroom-custom-card__visual { background: radial-gradient(circle at 75% 24%, #86d7ff8a, transparent 27%), linear-gradient(140deg, #061528, #1b4468 72%, #071728); }
.premium-gallery .hroom-custom-card--case[data-visual="motion"] .hroom-custom-card__visual { background: radial-gradient(circle at 75% 24%, #ac9cff85, transparent 27%), linear-gradient(140deg, #11112b, #373269 72%, #111527); }
.premium-gallery .hroom-custom-card--case[data-visual="tool"] .hroom-custom-card__visual { background: radial-gradient(circle at 75% 24%, #75e5dc89, transparent 27%), linear-gradient(140deg, #061e2c, #1b5764 72%, #071a25); }
.premium-gallery .hroom-mon.has-letter .hroom-feed,
.premium-gallery .hroom-mon.has-letter .hroom-mon__osd { display: none; }
.premium-gallery .hroom-letter-card {
  position: absolute;
  z-index: 2;
  inset: 0;
  display: block;
  overflow: hidden;
  background:
    radial-gradient(ellipse at 20% 45%, #1c658c75, transparent 45%),
    radial-gradient(ellipse at 92% 5%, #78cbee32, transparent 44%),
    linear-gradient(120deg, #061a2b, #0d3552 72%, #102b43);
  box-shadow: inset 0 0 36px #020c19a6;
  color: #f4faff;
}
.premium-gallery .hroom-letter-card::after {
  content: "";
  position: absolute;
  inset: 0;
  border-top: 2px solid #9cdfff;
  background: linear-gradient(125deg, transparent 48%, #ffffff10 49%, transparent 64%);
  pointer-events: none;
}
.premium-gallery .hroom-letter-card__eyebrow {
  position: absolute;
  top: 7%;
  left: 6%;
  color: #afdff4;
  font-family: var(--hroom-mono);
  font-size: clamp(9px, calc(var(--u) * 11), 13px);
  font-weight: 800;
  letter-spacing: .08em;
}
.premium-gallery .hroom-letter-card__art {
  position: absolute;
  top: 21%;
  left: 5%;
  width: 33%;
  height: 68%;
  object-fit: contain;
  filter: drop-shadow(0 8px 15px #99dcff4d);
}
.premium-gallery .hroom-letter-card__copy {
  position: absolute;
  top: 21%;
  right: 5%;
  bottom: 9%;
  left: 41%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: calc(var(--u) * 11);
  text-shadow: 0 2px 10px #02101e;
}
.premium-gallery .hroom-letter-card__copy strong {
  font-family: "Yu Mincho", "Hiragino Mincho ProN", serif;
  font-size: clamp(17px, calc(var(--u) * 25), 29px);
  line-height: 1.2;
}
.premium-gallery .hroom-letter-card__copy > span {
  font-size: clamp(10px, calc(var(--u) * 13), 14px);
  font-weight: 700;
  line-height: 1.4;
}
.premium-gallery .hroom-mon.has-letter.is-active .hroom-letter-card { box-shadow: inset 0 0 26px #80d7ff73, 0 0 20px #8fd8ff57; }
.premium-gallery .hroom-mon--dr .hroom-mon__brief {
  position: absolute;
  z-index: 2;
  right: calc(var(--u) * 10);
  bottom: calc(var(--u) * 54);
  left: calc(var(--u) * 10);
  display: -webkit-box;
  overflow: hidden;
  padding: calc(var(--u) * 8) calc(var(--u) * 10);
  border-left: 2px solid #8fd8ff;
  background: #02090ad9;
  color: #fff;
  font-size: calc(var(--u) * 12);
  font-weight: 700;
  line-height: 1.45;
  opacity: 0;
  transform: translateY(6px);
  transition: opacity .3s ease, transform .3s ease;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  pointer-events: none;
}
.premium-gallery .hroom-mon--dr.is-active .hroom-mon__brief { opacity: 1; transform: translateY(0); }
.premium-gallery .hroom-mobile-works { display: none; }

body[data-time="night"] .premium-gallery,
body[data-time="night"] .premium-gallery .hroom-stage {
  --hroom-wall-tone: #243a50;
  --hud-ink: #f0f8ff;
  --hud-dim: #c2d6e3;
  background: #0b1a2a;
}
body[data-time="night"] .premium-gallery .hroom-wall { filter: brightness(.48) saturate(.78) hue-rotate(8deg); }
body[data-time="night"] .premium-gallery .hroom-floor,
body[data-time="night"] .premium-gallery .hroom-desk,
body[data-time="night"] .premium-gallery .hroom-underdesk,
body[data-time="night"] .premium-gallery .hroom-chair,
body[data-time="night"] .premium-gallery .hroom-item { filter: brightness(.43) saturate(.7); }
body[data-time="night"] .premium-gallery .hroom-lamp { filter: drop-shadow(0 0 24px #ffc7869c); }
body[data-time="night"] .premium-gallery .hroom-mon__bezel { box-shadow: 0 0 0 1px #57738a, 0 12px 25px #000b, 0 0 25px #67c9ff66; }
body[data-time="night"] .premium-gallery .hroom-custom-card__image { filter: brightness(1.08) saturate(1.08); }

@media (max-width: 1100px) {
  .premium-gallery { min-height: 0; height: auto; overflow: hidden; }
  .premium-gallery .hroom-stage { position: relative; height: auto; min-height: 100svh; padding-top: 61px; overflow: visible; }
}

/* Keep the mobile exhibition's screens, stands, and wall lighting tangible. */
.premium-gallery .hroom-custom-card--business .hroom-custom-card__copy { inset: 0 8% 0 6%; }
.premium-gallery .hroom-custom-card--business .hroom-custom-card__eyebrow {
  white-space: nowrap;
  font-size: clamp(9px, calc(var(--u) * 11), 13px);
  letter-spacing: .08em;
}
.premium-gallery .hroom-custom-card--business .hroom-custom-card__copy strong { font-size: clamp(15px, calc(var(--u) * 20), 23px); }
.premium-gallery .hroom-title-line { display: block; white-space: nowrap; }
.premium-gallery .hroom-custom-card--business::after { background: linear-gradient(90deg, #031324c4, #03132470 66%, transparent); }

/* Mobile uses the same room objects in a one-large, two-small arrangement. */
.hroom-mobile-detail { width: 100%; height: 100%; max-width: none; max-height: none; margin: 0; padding: 0; border: 0; }
.hroom-mobile-detail:not([open]), .hroom-mobile-detail [hidden] { display: none !important; }
.hroom-mobile-detail::backdrop { background: #02080edb; }
.hroom-mobile-detail .hdetail__title { white-space: pre-line; }
.hroom-mobile-detail .hdetail__desc { white-space: pre-line; }
.hroom-mobile-detail .hdetail__close { padding: 12px 20px; }
@media (max-width: 1023px) {
  .premium-gallery { width: 100%; margin-left: 0; min-height: 0; height: auto; overflow: hidden; background: #d4dde3; }
  .premium-gallery .hroom-stage { position: relative; top: auto; height: auto; min-height: 0; padding: 92px 0 0; overflow: visible; --hroom-fade-top: 80px; --hroom-fade-bottom: 0px; }
  .premium-gallery .hroom-scene { left: 0; width: min(100%, 640px); }
  .premium-gallery .hroom-head { padding: 18px 20px 16px; color: #102b3e; }
  .premium-gallery .hroom-head__inner { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
  .premium-gallery .hroom-head__title { font-size: clamp(26px, 7vw, 40px) !important; font-weight: 700; letter-spacing: .04em; }
  .premium-gallery .hroom-head__page { margin: 0; color: #537083; font-size: 11px; }
  .premium-gallery .hroom-chips { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 8px; overflow: visible; margin: 0; padding: 0 20px 26px; background: transparent; }
  .premium-gallery .hroom-chips .hworks-chip { grid-column: span 2; display: flex; align-items: center; justify-content: center; min-width: 0; min-height: 44px; padding: 8px 4px; border: 1px solid #617b8e4d; border-radius: 6px; background: #f8fbfbc7 !important; color: #29485d; font-family: inherit; font-size: clamp(10px, 2.7vw, 12px); font-weight: 600; letter-spacing: 0; }
  .premium-gallery .hroom-chips .hworks-chip:nth-child(n+4) { grid-column: span 3; }
  .premium-gallery .hroom-chips .hworks-chip[aria-pressed="true"] { border-color: #246783; background: #8fd8ff !important; color: #112d43 !important; }
  .premium-gallery .hworks-chip__count { margin-left: 5px; color: #648295; font-size: 9px; }
  .premium-gallery .hroom-canvas { display: block !important; width: 100%; aspect-ratio: 800 / 1010; }
  .premium-gallery .hroom-canvas::before { background: linear-gradient(180deg, #d4dde3, #d4dde3e6 24%, #d4dde380 58%, transparent); }
  .premium-gallery .hroom-mon--wc, .premium-gallery .hroom-mon--wr, .premium-gallery .hroom-mon--dc, .premium-gallery .hroom-pager { display: none !important; }
  .premium-gallery .hroom-mon { --ry: 0deg; }
  .premium-gallery .hroom-mon.is-idle { display: none !important; }
  .premium-gallery .hroom-mon--wl { left: calc(var(--u) * 30); top: calc(var(--u) * 24); width: calc(var(--u) * 740); }
  .premium-gallery .hroom-mon--dl { left: calc(var(--u) * 30); top: calc(var(--u) * 450); width: calc(var(--u) * 362); --stand: 40; }
  .premium-gallery .hroom-mon--dr { left: calc(var(--u) * 408); top: calc(var(--u) * 450); width: calc(var(--u) * 362); --stand: 40; }
  .premium-gallery .hroom-mon__screen { aspect-ratio: 2 / 1; }
  .premium-gallery .hroom-mon__bezel { background: linear-gradient(180deg, #fafcfb, #e4ebe7 48%, #c9d2ce); box-shadow: 0 0 0 1px #334443, inset 0 1px #fff, 0 10px 20px #17282e33; }
  .premium-gallery .hroom-mon__brand { color: #7c8a86; }
  .premium-gallery .hroom-mon__osd, .premium-gallery .hroom-mon.has-custom-card .hroom-mon__osd, .premium-gallery .hroom-mon.has-screen-art .hroom-mon__osd { display: flex !important; }
  .premium-gallery .hroom-mon.is-idle .hroom-mon__osd { display: none !important; }
  .premium-gallery .hroom-mon__osd { z-index: 4; gap: 5px; padding: 20px 7px 5px; opacity: 1; transform: none; }
  .premium-gallery .hroom-mon__osd-no { font-size: 10px; }
  .premium-gallery .hroom-mon__osd-title { font-size: clamp(10px, 2.8vw, 15px); }
  .premium-gallery .hroom-mon--dl .hroom-custom-card__copy, .premium-gallery .hroom-mon--dr .hroom-custom-card__copy,
  .premium-gallery .hroom-mon--dl .hroom-custom-card__eyebrow, .premium-gallery .hroom-mon--dr .hroom-custom-card__eyebrow,
  .premium-gallery .hroom-mon--dl .hroom-custom-card__brand, .premium-gallery .hroom-mon--dr .hroom-custom-card__brand,
  .premium-gallery .hroom-mon--dl .hroom-custom-card__steps, .premium-gallery .hroom-mon--dr .hroom-custom-card__steps,
  .premium-gallery .hroom-mon--dl .hroom-custom-card__footer, .premium-gallery .hroom-mon--dr .hroom-custom-card__footer { display: none; }
  .premium-gallery .hroom-mon--wl .hroom-custom-card__copy strong { font-size: clamp(13px, calc(var(--u) * 32), 23px); }
  .premium-gallery .hroom-mon--wl .hroom-custom-card__eyebrow { font-size: clamp(8px, calc(var(--u) * 20), 12px); }
  .premium-gallery .hroom-mon--wl .hroom-custom-card__description { font-size: clamp(8px, calc(var(--u) * 20), 12px); }
  .premium-gallery .hroom-mon--wl .hroom-custom-card__detail, .premium-gallery .hroom-mon--wl .hroom-custom-card__steps { display: none; }
  .premium-gallery .hroom-mobile-works { display: block; position: relative; z-index: 45; margin-top: calc(var(--u, .125cqw) * -225); padding: 0 20px 32px; }
  .premium-gallery .hroom-mobile-works__nav { display: flex; justify-content: space-between; align-items: center; gap: 12px; color: #314e61; font-family: var(--hroom-mono); font-size: 11px; }
  .premium-gallery .hroom-mobile-works__nav[hidden] { display: none; }
  .premium-gallery .hroom-mobile-works__nav button { width: 44px; height: 44px; overflow: hidden; padding: 0; border: 1px solid #768c9977; border-radius: 50%; background: #f3f7f3e8; color: #203e51; font-size: 0; cursor: pointer; }
  .premium-gallery .hroom-mobile-works__nav button:first-child::after { content: "←"; font-size: 19px; }
  .premium-gallery .hroom-mobile-works__nav button:last-child::after { content: "→"; font-size: 19px; }
  .premium-gallery .hroom-mobile-works__nav button:focus-visible { outline: 3px solid #2388aa; outline-offset: 4px; }
  body[data-time="night"] .premium-gallery .hroom-head { color: #e8f3fa; }
  body[data-time="night"] .premium-gallery .hroom-head__page { color: #9bb8c9; }
  body[data-time="night"] .premium-gallery .hroom-chips .hworks-chip { background: #112d43e6 !important; border-color: #779cb066; color: #c8dfec; }
  body[data-time="night"] .premium-gallery .hroom-chips .hworks-chip[aria-pressed="true"] { background: #8fd8ff !important; border-color: #b2e7ff; color: #102a3e !important; }
  body[data-time="night"] .premium-gallery .hroom-mobile-works__nav { color: #bdd9e8; }
  body[data-time="night"] .premium-gallery .hroom-mon__bezel { background: linear-gradient(180deg, #b8c9d0, #65818f 70%, #405665); }
  body[data-time="night"] .premium-gallery .hroom-canvas::before { background: linear-gradient(180deg, #0b1a2a, #0b1a2ae6 24%, #0b1a2a80 58%, transparent); }
  body[data-time="night"] .premium-gallery .hroom-canvas::after { background: linear-gradient(180deg, transparent, #0b1a2a57 30%, #0b1a2acc 64%, #0b1a2a 94%); }
}

@media (prefers-reduced-motion: reduce) {
  .premium-gallery *, .premium-gallery *::before, .premium-gallery *::after {
    animation-duration: .01ms !important;
    transition-duration: .01ms !important;
  }
}

/* This process panel is temporarily omitted from the page flow. */
.approach-process { display: none !important; }
.premium-gallery .hroom-pagectl__pages button[hidden] { display: none !important; }

/* Keep the existing desktop rail while the room uses three monitors. */
@media (min-width: 801px) and (max-width: 1023px) {
  .premium-gallery { width: calc(100% - 82px); margin-left: 82px; }
}
/* Application screens stay readable; only the title footer shades the image. */
.premium-gallery .hroom-custom-card.has-app-screen { background: #eef1f4; }
.premium-gallery .hroom-custom-card.has-app-screen .hroom-custom-card__image {
  object-fit: contain; object-position: center top; background: #eef1f4;
}
.premium-gallery .hroom-custom-card.has-app-screen::after {
  background: linear-gradient(180deg, transparent 57%, #020b16cc 83%, #020b16ed);
}
.premium-gallery .hroom-custom-card.has-app-screen .hroom-custom-card__eyebrow { display: none; }
@media (max-width: 1023px) {
  .premium-gallery .hroom-custom-card.has-app-screen .hroom-custom-card__copy { display: none; }
  .premium-gallery .hroom-custom-card.has-app-screen::after { background: none; }
}