.wall-admin{
  max-width:1100px;margin:0 auto;padding:.35rem 1.25rem 0;
  font-size:.65rem;opacity:.4;
}
.wall-admin label{display:inline-flex;gap:.35rem;align-items:center;cursor:pointer}

.wall-tapestry{margin:1.75rem 0 0;overflow:visible}
.wall-tapestry.is-off{opacity:.38}

.wall-tapestry__arch{
  position:relative;
  overflow:visible;
  background:#e9e5db;
  --order:#a8a193;
  container-type:inline-size;
  container-name:wall;
}
html[data-theme="dark"] .wall-tapestry__arch{
  background:#2c2a26;
  --order:#6a655c;
}

.wall-tapestry__entablature{height:3px;background:var(--order)}
.wall-tapestry__frieze{display:block;height:0}

.wall-tapestry__pilaster{
  position:absolute;
  top:0;bottom:52px;
  width:16px;
  background:var(--order);
  color:var(--order);
  z-index:1;
  pointer-events:none;
  overflow:visible;
}
.wall-tapestry__pilaster--l{left:4.2%}
.wall-tapestry__pilaster--r{right:4.2%}
.wall-cap{
  position:absolute;left:50%;
  width:92px;height:26px;
  transform:translateX(-50%);
  color:var(--order);
  overflow:visible;
}
.wall-cap--top{top:0}
.wall-cap--bot{bottom:0}

.wall-tapestry__field{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  align-items:center;
  justify-items:center;
  gap:clamp(1.1rem,2.4vw,2.2rem) clamp(.6rem,1.4vw,1.2rem);
  padding:2.6rem 10% 3rem;
}

.wall-bay{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  width:100%;
  gap:0;
  transform:translateY(var(--nudge,0px));
}
.wall-bay--stack{gap:.75rem}

.wall-hang{
  display:block;
  width:var(--fw);
  text-decoration:none;
  color:inherit;
  transform:translateY(0);
  transition:transform .45s cubic-bezier(.22,1,.36,1);
  will-change:transform;
}
.wall-hang:hover,
.wall-hang:focus-visible{
  transform:translateY(-8px) scale(1.035);
  z-index:3;
}

.wall-hang__frame{
  position:relative;
  display:block;
  width:var(--fw);
  height:var(--fh);
  padding:3px;
  background:#cbb892;
  border:3px solid #585349;
  box-shadow:0 10px 28px rgba(0,0,0,.18);
}
html[data-theme="dark"] .wall-hang__frame{border-color:#8a8478}
.wall-hang__frame::after{
  content:"";
  position:absolute;
  inset:3px;
  box-shadow:inset 0 0 0 6px #f2ece0;
  pointer-events:none;
}
.wall-hang__frame img{display:block;width:100%;height:100%;object-fit:cover}

.wall-hang__meta{
  display:block;
  margin:.5rem 0 0;
  font-size:.52rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  text-align:center;
  color:var(--order);
  opacity:0;
  transition:opacity .25s ease;
}
.wall-hang:hover .wall-hang__meta,
.wall-hang:focus-visible .wall-hang__meta{opacity:1}

.wall-tapestry__dado{
  height:32px;background:#c4bcae;border-top:3px solid var(--order);
}
html[data-theme="dark"] .wall-tapestry__dado{background:#3a3833}
.wall-tapestry__floor{height:20px;background:#8c8678}
html[data-theme="dark"] .wall-tapestry__floor{background:#141311}

/* Oblong room: pilasters always on. Artwork columns 5 → 1. */
@container wall (max-width: 1100px){
  .wall-tapestry__field{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@container wall (max-width: 860px){
  .wall-tapestry__field{grid-template-columns:repeat(3,minmax(0,1fr));padding:2rem 12% 2.4rem}
  .wall-tapestry__pilaster{width:12px}
  .wall-cap{width:72px;height:20px}
}
@container wall (max-width: 620px){
  .wall-tapestry__field{grid-template-columns:repeat(2,minmax(0,1fr));padding:1.6rem 14% 2rem}
  .wall-tapestry__pilaster--l{left:3%}
  .wall-tapestry__pilaster--r{right:3%}
}
@container wall (max-width: 420px){
  .wall-tapestry__field{grid-template-columns:1fr;padding:1.4rem 16% 1.8rem}
}

@supports not (container-type:inline-size){
  @media (max-width:1100px){.wall-tapestry__field{grid-template-columns:repeat(4,minmax(0,1fr))}}
  @media (max-width:860px){.wall-tapestry__field{grid-template-columns:repeat(3,minmax(0,1fr))}}
  @media (max-width:620px){.wall-tapestry__field{grid-template-columns:repeat(2,minmax(0,1fr))}}
  @media (max-width:420px){.wall-tapestry__field{grid-template-columns:1fr}}
}