/* ABC-ARTE Viewing Room rules: editorial installation rhythm; artwork images never cropped or placed on beige. */
.installation-grid{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:0!important;background:#111}
.installation-view{grid-column:span 6!important;border-right:2px solid #111;border-bottom:2px solid #111;background:#fff}
.installation-view:nth-child(3){grid-column:span 5!important}
.installation-view:nth-child(4){grid-column:span 7!important}
.installation-view:nth-child(5){grid-column:1/-1!important}
.installation-view:nth-child(5) img{height:min(68vw,820px)!important}
.installation-view:nth-child(6n+1),.installation-view:nth-child(6n+4){grid-column:span 7!important}
.installation-view:nth-child(6n+2),.installation-view:nth-child(6n+3){grid-column:span 5!important}
.installation-view:last-child{grid-column:1/-1!important}
.installation-view img{width:100%;height:min(46vw,650px)!important;object-fit:cover;display:block}
.installation-view figcaption{background:#fff}

.artwork-grid{background:#fff!important}
.artwork-card{background:#fff!important}
.artwork-image{height:470px!important;padding:22px!important;background:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important}
.artwork-image img{width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important}
.artwork-copy{min-height:190px}
.artwork-card{cursor:pointer;transition:background-color .2s ease}
.artwork-card:focus-visible{outline:3px solid var(--blue);outline-offset:-3px}

/* Editorial close: the quotation is a pause, not a promotional panel. */
.vr-quote{min-height:clamp(330px,42vh,500px)!important;padding:clamp(34px,4vw,68px) 24px!important;background:#fff!important;color:#111!important;border-bottom:2px solid #111}
.vr-quote p{max-width:15ch;font-size:clamp(42px,5.7vw,88px)!important;line-height:.94!important}
.vr-quote div{font-size:13px;text-transform:uppercase;letter-spacing:.08em}

.relation-band a{min-height:clamp(250px,31vw,390px)!important;padding:clamp(22px,2.5vw,42px)!important;transition:filter .2s ease}
.relation-band a:hover{filter:brightness(.96)}
.relation-band strong{font-size:clamp(34px,4vw,66px)!important;line-height:.88!important;letter-spacing:-.045em}
.relation-band .eyebrow{letter-spacing:.1em}

@media(max-width:760px){
  .installation-grid{grid-template-columns:1fr!important}
  .installation-view,.installation-view:nth-child(n){grid-column:1/-1!important}
  .installation-view img,.installation-view:nth-child(5) img{height:72vw!important}
  .artwork-image{height:420px!important;padding:16px!important}
  .vr-quote{min-height:340px!important}
  .relation-band a{min-height:230px!important}
}