/* V094: Resonanz des Universums, German portfolio only. */
.portfolio-work--triptychon {grid-template-columns:calc(var(--portfolio-info-start,300px) * 2) minmax(0,1fr);gap:14px}
.triptychon-trigger {width:100%;padding:0;border:0;background:transparent;cursor:pointer}
.triptychon-images {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;align-items:center}
.triptychon-images img {display:block;width:100%;height:auto;max-width:100%;object-fit:contain}
.triptychon-dialog {box-sizing:border-box;width:min(96vw,1600px);max-height:92vh;max-height:92dvh;overflow-y:auto;border:0;padding:56px 24px 24px;color:#29424c;background:#f3f4f0}
.triptychon-dialog::backdrop {background:rgba(0,0,0,.75)}
.triptychon-close {position:sticky;top:0;float:right;margin-top:-42px;border:0;background:#fff;font-size:28px;cursor:pointer}
.triptychon-copy {max-width:1000px;margin:32px auto;line-height:1.7}
.triptychon-room {display:block;width:100%;height:auto;margin:auto}
@media(max-width:760px){.portfolio-work--triptychon{grid-template-columns:1fr}.triptychon-images{grid-template-columns:1fr;gap:14px}.triptychon-dialog{padding:48px 16px 16px}}

/* V096: Full-width triptych room tile; shared detail metadata. */
.art-gallery .art-work--triptychon{grid-column:1 / -1}
.art-work--triptychon .art-room{width:100%;height:auto;aspect-ratio:auto;padding:0;border:0;border-radius:0;color:inherit;font:inherit;text-align:inherit}
.art-work--triptychon .art-room img{width:100%;height:auto;object-fit:contain}
.art-work--triptychon .art-desc + .art-desc{margin-top:1em}
.triptychon-copy .triptychon-metadata{font-size:14px;line-height:1.6;margin:0 0 20px}

/* V113: Match Ausdruck colours in the Resonanz detail in all languages. */
#triptychon-detail{
  color:var(--ink);
  background:linear-gradient(180deg,var(--sky) 0%,#e7f4f8 100%);
}
#triptychon-detail::backdrop{
  background:linear-gradient(180deg,var(--sky) 0%,#e7f4f8 100%);
}
#triptychon-detail .triptychon-copy{
  box-sizing:border-box;
  padding:clamp(20px,2vw,28px);
  background:rgba(255,255,255,.24);
  border:0;
}
/* V114: Original images directly on the blue detail background. */
#triptychon-detail .triptychon-images,
#triptychon-detail .triptychon-images img,
#triptychon-detail .triptychon-room{
  border:0;
  outline:0;
  border-radius:0;
  box-shadow:none;
  background:transparent;
  padding:0;
}
#triptychon-detail .triptychon-close{
  color:var(--ink);
  background:transparent;
}

/* V113: Full-width text tile aligned with both image areas in all languages. */
#triptychon-detail .triptychon-copy{
  width:100%;
  max-width:none;
  margin:32px 0;
}
#triptychon-detail .triptychon-copy > *{
  max-width:none;
  overflow-wrap:break-word;
}