/* Shared artwork layout; the original Justitia keeps its landscape framing. */
[data-artwork-comparison] .illustrated-section {
  display:grid;
  grid-template-columns:minmax(230px,1fr) minmax(0,1.15fr);
  align-items:center;
  column-gap:clamp(24px,3vw,40px);
}
[data-artwork-comparison] .illustrated-section > [data-artwork-controls] {
  grid-column:1/-1;
  margin-bottom:28px;
}
[data-artwork-comparison] .artwork-choice-hint {
  flex-basis:100%;
  margin:4px 0 0;
  color:var(--muted,#686868);
  font-size:.82rem;
  line-height:1.5;
}
[data-artwork-comparison] .site-artwork {
  position:relative;
  width:100%;
  max-width:360px;
  margin:0;
  aspect-ratio:1;
  overflow:hidden;
  border:1px solid var(--line,#d8d6cd);
  border-radius:3px;
  background:var(--paper,#f3f0e9);
}
[data-artwork-comparison] .site-artwork--rope { border-top-left-radius:40px; }
[data-artwork-comparison]:not([data-artwork-mode="original"]) .site-artwork--rope {
  background:var(--soft,#e9e6e0);
  border-radius:4px;
}
[data-artwork-comparison]:not([data-artwork-mode="original"]) .site-artwork--justice {
  border-color:transparent;
  border-radius:0;
  background:transparent;
  overflow:visible;
}
/* Let the bust's lower garment lines settle into the page rather than a box. */
[data-artwork-comparison] .site-artwork--justice > [data-artwork-variant="designed"] {
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 92%,transparent 100%);
  mask-image:linear-gradient(to bottom,#000 0%,#000 92%,transparent 100%);
}
[data-artwork-comparison] .site-artwork > [data-artwork-variant] {
  position:absolute;
  inset:0;
}
[data-artwork-comparison] .site-artwork svg,
[data-artwork-comparison] .site-artwork img {
  display:block;
  width:100%;
  height:100%;
  margin:0;
  border:0;
  border-radius:0;
  object-fit:contain;
}
[data-artwork-comparison] .site-artwork--rope img { object-fit:cover; }
/* The photo is already landscape. Its native ratio avoids contain letterboxing
   while preserving the scale, face and every part of the supplied image. */
[data-artwork-comparison][data-artwork-mode="original"] .site-artwork--justice {
  aspect-ratio:535/340;
}
[data-artwork-comparison] .site-artwork--justice > [data-artwork-variant="original"] img {
  object-fit:cover;
  object-position:center;
}
[data-artwork-comparison] .illustrated-copy { min-width:0; }
[data-artwork-comparison] .illustrated-copy > :last-child { margin-bottom:0; }
[data-artwork-comparison] .illustrated-copy blockquote { margin:0; }
[data-artwork-comparison] .illustrated-copy blockquote p { margin:0; }
[data-artwork-comparison] .illustrated-copy cite {
  display:block;
  margin-top:18px;
  color:var(--muted,#686868);
  font-size:.82rem;
  font-style:normal;
}
@media (max-width:700px) {
  [data-artwork-comparison] .illustrated-section { grid-template-columns:1fr; row-gap:24px; }
  [data-artwork-comparison] .illustrated-section > [data-artwork-controls] { margin-bottom:0; }
  [data-artwork-comparison] .site-artwork { width:min(100%,360px); }
}