/* =========================================================
   EDITION 1.1L — GALLERY VIEW
   Exact artwork image presented in a consistent gallery room.
   ========================================================= */
.artwork-gallery-view {
  background: #eee8df;
  padding: clamp(72px, 9vw, 132px) 0;
}
.artwork-gallery-view__head {
  display: grid;
  grid-template-columns: .75fr 1.25fr;
  gap: clamp(28px, 7vw, 100px);
  align-items: end;
  margin-bottom: clamp(28px, 4vw, 52px);
}
.artwork-gallery-view__head h2 {
  margin: .35rem 0 0;
  max-width: 620px;
}
.artwork-gallery-view__head p:last-child {
  max-width: 620px;
  color: #6e675f;
  margin: 0;
}
.gallery-room {
  --artwork-width: 34%;
  position: relative;
  min-height: clamp(430px, 58vw, 760px);
  overflow: hidden;
  background:
    radial-gradient(ellipse at 50% 5%, rgba(255,250,238,.96) 0%, rgba(255,250,238,.42) 21%, transparent 43%),
    linear-gradient(90deg, #c9b9a5 0%, #e7ddd0 18%, #eee7de 50%, #e5d9cb 82%, #c7b5a1 100%);
  border: 1px solid rgba(40,32,24,.12);
  box-shadow: 0 24px 70px rgba(42,31,21,.10);
}
.gallery-room::before {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 19%;
  background:
    repeating-linear-gradient(90deg, rgba(86,58,34,.12) 0 1px, transparent 1px 92px),
    linear-gradient(#b98d62, #a97850);
  border-top: 8px solid #f3eee7;
  box-shadow: inset 0 14px 24px rgba(55,34,18,.12);
}
.gallery-room::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 5.5%;
  width: 30%;
  height: 5.5%;
  transform: translateX(-50%);
  background: #2a2825;
  box-shadow: 0 15px 0 -8px rgba(0,0,0,.35);
}
.gallery-room__art {
  position: absolute;
  z-index: 2;
  left: 50%;
  top: 44%;
  width: var(--artwork-width);
  height: auto;
  max-width: 52%;
  transform: translate(-50%, -50%);
  display: block;
  filter: drop-shadow(0 14px 10px rgba(30,22,15,.25));
  background: transparent;
}
.gallery-room__label {
  position: absolute;
  z-index: 3;
  left: calc(50% + (var(--artwork-width) / 2) + 18px);
  top: 51%;
  width: 92px;
  padding: 7px 8px;
  background: rgba(250,248,244,.96);
  border: 1px solid rgba(30,25,20,.15);
  color: #514b44;
  font-size: .45rem;
  line-height: 1.35;
  letter-spacing: .04em;
}
.gallery-room__label strong {
  display: block;
  margin-bottom: 3px;
  color: #1c1a18;
  font-size: .5rem;
}
.gallery-room__caption {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  margin-top: 14px;
  color: #756e66;
  font-size: .72rem;
}
.gallery-room__caption span:first-child {
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #2a2723;
}
@media (max-width: 800px) {
  .artwork-gallery-view__head { grid-template-columns: 1fr; }
  .gallery-room { min-height: 480px; --artwork-width: 48%; }
  .gallery-room__art { max-width: 62%; height: auto; }
  .gallery-room__label { display: none; }
  .gallery-room__caption { display: block; }
  .gallery-room__caption span { display: block; margin-top: 5px; }
}


/* Edition 1.1N — true-scale reference points */
.gallery-room {
  --bench-width: 60in;
}

/* 60-inch gallery bench, visually proportional within the room */
.gallery-room__bench {
  position: absolute;
  z-index: 2;
  left: 50%;
  bottom: 5.2%;
  width: 31%;
  height: 5.4%;
  transform: translateX(-50%);
  background: #2b2926;
  box-shadow:
    0 14px 0 -8px rgba(0,0,0,.38),
    inset 0 1px rgba(255,255,255,.08);
}
.gallery-room__bench::before,
.gallery-room__bench::after {
  content: "";
  position: absolute;
  top: 90%;
  width: 3%;
  height: 70%;
  background: #23211f;
}
.gallery-room__bench::before { left: 8%; }
.gallery-room__bench::after { right: 8%; }

/* Remove the legacy pseudo-bench so only one scale reference appears */
.gallery-room::after {
  content: none;
}

.gallery-room__measure {
  position: absolute;
  z-index: 4;
  left: 50%;
  bottom: 1.1%;
  transform: translateX(-50%);
  color: rgba(32,28,24,.72);
  font-size: .48rem;
  letter-spacing: .12em;
  text-transform: uppercase;
  white-space: nowrap;
}

.gallery-room__wall-scale {
  position: absolute;
  z-index: 1;
  left: 3.5%;
  bottom: 19%;
  top: 8%;
  width: 1px;
  background: linear-gradient(
    to bottom,
    rgba(70,60,50,.0),
    rgba(70,60,50,.18) 12%,
    rgba(70,60,50,.18) 88%,
    rgba(70,60,50,.0)
  );
}

.gallery-room__wall-scale::before,
.gallery-room__wall-scale::after {
  position: absolute;
  left: 8px;
  color: rgba(60,52,45,.55);
  font-size: .44rem;
  letter-spacing: .08em;
}
.gallery-room__wall-scale::before {
  content: "9 FT WALL";
  top: 0;
}
.gallery-room__wall-scale::after {
  content: "FLOOR";
  bottom: 0;
}

.gallery-room__caption {
  align-items: center;
}

.gallery-room__caption [data-gallery-scale] {
  font-weight: 600;
  color: #2d2925;
}

@media (max-width: 800px) {
  .gallery-room__bench {
    width: 42%;
    height: 5%;
  }
  .gallery-room__measure {
    font-size: .42rem;
  }
  .gallery-room__wall-scale {
    display: none;
  }
}