/* Michael Butler — painting detailed-view system, v1.6 */
.mb-artwork-details{
  margin-top:clamp(58px,7vw,100px);
  padding-top:clamp(28px,3vw,44px);
  border-top:1px solid rgba(255,255,255,.11);
}
.mb-artwork-details__heading{margin:0 0 28px}
.mb-artwork-details__heading h2{
  margin:0!important;
  color:#fff!important;
  font-size:clamp(17px,1.35vw,21px)!important;
  line-height:1.25!important;
  font-weight:400!important;
  letter-spacing:-.01em!important;
  text-transform:none!important;
}
.mb-artwork-detail-section{
  padding:0 0 clamp(34px,4vw,58px);
  margin:0 0 clamp(34px,4vw,58px);
  border-bottom:1px solid rgba(255,255,255,.09);
}
.mb-artwork-detail-section:last-child{margin-bottom:0}
.mb-artwork-detail-section.has-description{
  display:grid;
  grid-template-columns:minmax(220px,.78fr) minmax(0,2.7fr);
  gap:clamp(34px,4.5vw,72px);
  align-items:start;
}
.mb-artwork-detail-copy{
  max-width:430px;
  color:#b7b7b7;
  font-size:13px;
  line-height:1.8;
}
.mb-artwork-detail-copy p{margin:0 0 15px}.mb-artwork-detail-copy p:last-child{margin-bottom:0}
.mb-artwork-detail-grid{
  display:grid;
  gap:clamp(10px,1.35vw,20px);
  min-width:0;
}
.mb-artwork-detail-grid--full{grid-template-columns:repeat(6,minmax(0,1fr))}
.mb-artwork-detail-grid--side{grid-template-columns:repeat(4,minmax(0,1fr))}
.mb-artwork-detail-image{
  display:block;
  width:100%;
  padding:0;
  margin:0;
  border:0;
  background:#070707;
  overflow:hidden;
  aspect-ratio:4/5;
  cursor:zoom-in;
}
.mb-artwork-detail-image img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  transition:transform .45s cubic-bezier(.22,.61,.36,1),opacity .25s ease;
}
.mb-artwork-detail-image:hover img{transform:scale(1.018);opacity:.94}
.mb-artwork-detail-split{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(24px,3vw,46px);
  min-width:0;
}
.mb-artwork-detail-side{min-width:0}
.mb-artwork-detail-side h3{
  margin:0 0 14px!important;
  padding-bottom:11px;
  border-bottom:1px solid rgba(255,255,255,.10);
  color:#8f8f8f!important;
  font-size:10px!important;
  line-height:1.3!important;
  font-weight:500!important;
  letter-spacing:.10em!important;
  text-transform:uppercase!important;
}
.mb-detail-lightbox{z-index:11000!important}
.mb-detail-lightbox .mb-lightbox__image{max-width:90vw!important;max-height:86vh!important;width:auto!important;height:auto!important;object-fit:contain!important}
.mb-detail-lightbox .mb-lightbox__close,
.mb-detail-lightbox .mb-lightbox__prev,
.mb-detail-lightbox .mb-lightbox__next{
  border:1px solid rgba(255,255,255,.45)!important;
  background:rgba(0,0,0,.65)!important;
  border-radius:0!important;
}
.mb-detail-lightbox .mb-lightbox__caption{color:#a8a8a8!important;font-size:11px!important;letter-spacing:.03em!important}
@media(max-width:1280px){
  .mb-artwork-detail-section.has-description{grid-template-columns:230px minmax(0,1fr);gap:34px}
  .mb-artwork-detail-grid--full{grid-template-columns:repeat(5,minmax(0,1fr))}
  .mb-artwork-detail-grid--side{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:1100px){
  .mb-artwork-detail-grid--full{grid-template-columns:repeat(4,minmax(0,1fr))}
  .mb-artwork-detail-grid--side{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:767px){
  .mb-artwork-details{margin-top:52px;padding-top:26px}
  .mb-artwork-details__heading{margin-bottom:22px}
  .mb-artwork-detail-section,
  .mb-artwork-detail-section.has-description{display:block;padding-bottom:38px;margin-bottom:38px}
  .mb-artwork-detail-copy{max-width:none;margin-bottom:26px;font-size:13px;line-height:1.75}
  .mb-artwork-detail-grid--full{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .mb-artwork-detail-split{grid-template-columns:1fr;gap:32px}
  .mb-artwork-detail-grid--side{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .mb-artwork-detail-image{aspect-ratio:4/5}
  .mb-detail-lightbox{padding:22px!important}
}
@media(max-width:480px){
  .mb-artwork-detail-grid--full,.mb-artwork-detail-grid--side{grid-template-columns:1fr 1fr}
  .mb-artwork-detail-image{aspect-ratio:4/5}
}