/* Michael Butler — curated immersive homepage 1.11
 * Corrective final layer. The existing hero and every earlier stylesheet remain untouched.
 */

/* The curated experience should feel like a continuation of the hero, not a second site. */
.mb-curated-home{
  --mb-home-side:clamp(26px,4.7vw,84px);
  margin-top:0!important;
  overflow:hidden!important;
}
.mb-curated-section{min-height:0!important}

/* Slightly quieter editorial scale: the art supplies the drama. */
.mb-curated-copy h1{font-size:clamp(38px,4.1vw,66px)!important;line-height:1.04!important}
.mb-curated-copy h2,.mb-curated-film-heading h2{font-size:clamp(40px,4.8vw,74px)!important;line-height:1.03!important}
.mb-curated-text{max-width:500px!important;font-size:clamp(13px,.98vw,15px)!important;line-height:1.74!important}

/* 01 — paintings: one composition. Copy and artwork live together, with space around them rather than between them. */
.mb-curated-section--paintings{
  min-height:0!important;
  padding:clamp(36px,5.5vh,68px) 0 clamp(92px,11vh,142px)!important;
}
.mb-curated-painting-stage{
  display:grid!important;
  grid-template-columns:minmax(260px,430px) minmax(0,1fr)!important;
  gap:clamp(34px,4vw,70px)!important;
  align-items:center!important;
  width:min(100%,1840px)!important;
  min-height:0!important;
  margin:0 auto!important;
  padding:0 var(--mb-home-side)!important;
}
.mb-curated-copy--painting{
  grid-column:1!important;
  grid-row:1!important;
  align-self:center!important;
  width:100%!important;
  max-width:430px!important;
  margin:0!important;
  padding:0!important;
}
.mb-curated-copy--painting h2{font-size:clamp(42px,4.7vw,72px)!important}
.mb-curated-artwork{
  grid-column:2!important;
  grid-row:1!important;
  justify-self:start!important;
  width:100%!important;
  max-width:1120px!important;
  margin:0!important;
}
.mb-curated-artwork img{
  width:100%!important;
  height:auto!important;
  max-height:78svh!important;
  object-fit:contain!important;
  object-position:center!important;
}
.mb-curated-artwork figcaption{justify-content:flex-start!important;margin-top:11px!important}

/* 02 — films: heading, media and copy are one cinematic field instead of three disconnected blocks. */
.mb-curated-section--films{
  min-height:0!important;
  padding:clamp(72px,9vh,116px) 0 clamp(92px,11vh,142px)!important;
}
.mb-curated-film-heading{
  width:min(100%,1840px)!important;
  margin:0 auto clamp(24px,3vh,36px)!important;
  padding:0 var(--mb-home-side)!important;
}
.mb-curated-film-heading h2{font-size:clamp(42px,4.9vw,74px)!important}
.mb-curated-film-stage{
  position:relative!important;
  width:calc(100% - (var(--mb-home-side) * 2))!important;
  max-width:1760px!important;
  min-height:clamp(520px,72svh,860px)!important;
  margin:0 auto!important;
}
.mb-curated-film-media{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
}
.mb-curated-film-media::after{
  background:linear-gradient(90deg,rgba(0,0,0,.78) 0%,rgba(0,0,0,.46) 25%,rgba(0,0,0,.12) 54%,rgba(0,0,0,0) 76%),linear-gradient(0deg,rgba(0,0,0,.38),transparent 46%)!important;
}
.mb-curated-film-media img,.mb-curated-film-media video{
  height:calc(100% + 24px)!important;
  margin:-12px 0!important;
  object-fit:cover!important;
}
.mb-curated-copy--film{
  left:clamp(28px,4vw,72px)!important;
  bottom:clamp(34px,6vh,72px)!important;
  width:min(470px,38vw)!important;
}
.mb-curated-film-title{font-size:clamp(21px,1.9vw,30px)!important}

/* 03 — artist: image and video deliberately behave differently. A chosen image is never arbitrarily cropped. */
.mb-curated-section--artist{
  min-height:0!important;
  padding:clamp(80px,10vh,132px) 0 clamp(96px,12vh,154px)!important;
}
.mb-curated-artist-stage{
  display:grid!important;
  grid-template-columns:minmax(0,1.5fr) minmax(300px,.72fr)!important;
  gap:clamp(42px,5vw,92px)!important;
  align-items:center!important;
  width:min(100%,1840px)!important;
  margin:0 auto!important;
  padding:0 var(--mb-home-side)!important;
}
.mb-curated-artist-media{
  position:relative!important;
  grid-column:1!important;
  width:100%!important;
  margin:0!important;
  background:transparent!important;
}
.mb-curated-artist-media::after{display:none!important}
.mb-curated-artist-media.is-image{
  height:auto!important;
  min-height:0!important;
  overflow:visible!important;
}
.mb-curated-artist-media.is-image img{
  display:block!important;
  width:auto!important;
  max-width:100%!important;
  height:auto!important;
  max-height:82svh!important;
  margin:0 auto!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
}
.mb-curated-artist-media.is-video{
  height:clamp(520px,72svh,850px)!important;
  overflow:hidden!important;
  background:#050505!important;
}
.mb-curated-artist-media.is-video video{
  display:block!important;
  width:100%!important;
  height:calc(100% + 24px)!important;
  margin:-12px 0!important;
  object-fit:cover!important;
  object-position:center!important;
}
.mb-curated-copy--artist{
  position:relative!important;
  grid-column:2!important;
  right:auto!important;
  top:auto!important;
  width:100%!important;
  max-width:520px!important;
  margin:0!important;
  transform:none!important;
}
.mb-curated-section.is-visible .mb-curated-copy--artist{transform:none!important}
.mb-curated-copy--artist h1{max-width:560px!important}
.mb-curated-section--artist.has-no-media .mb-curated-artist-stage{grid-template-columns:1fr!important}
.mb-curated-section--artist.has-no-media .mb-curated-copy--artist{grid-column:1!important;width:min(720px,100%)!important;max-width:720px!important;margin:0!important}

/* 04 — private sales: image, overlay and copy are a single plane. No exposed strip/seam can appear. */
.mb-curated-section--sales{
  min-height:0!important;
  padding:clamp(70px,9vh,116px) 0 clamp(88px,11vh,138px)!important;
  display:block!important;
}
.mb-curated-sales-stage{
  position:relative!important;
  width:calc(100% - (var(--mb-home-side) * 2))!important;
  max-width:1760px!important;
  min-height:clamp(500px,68svh,800px)!important;
  margin:0 auto!important;
  overflow:hidden!important;
  background:#050505!important;
}
.mb-curated-sales-media{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  overflow:hidden!important;
}
.mb-curated-sales-media img{
  width:100%!important;
  height:calc(100% + 24px)!important;
  margin:-12px 0!important;
  object-fit:cover!important;
  object-position:center!important;
}
.mb-curated-sales-shade{
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  width:auto!important;
  height:auto!important;
  background:linear-gradient(90deg,rgba(0,0,0,.9) 0%,rgba(0,0,0,.68) 26%,rgba(0,0,0,.28) 50%,rgba(0,0,0,.06) 73%,rgba(0,0,0,0) 100%)!important;
  pointer-events:none!important;
}
.mb-curated-copy--sales{
  position:absolute!important;
  z-index:4!important;
  left:clamp(28px,4vw,74px)!important;
  top:50%!important;
  width:min(470px,38vw)!important;
  margin:0!important;
  transform:translateY(-50%)!important;
}
.mb-curated-section.is-visible .mb-curated-copy--sales{transform:translateY(-50%)!important}
.mb-curated-copy--sales h2{font-size:clamp(42px,4.8vw,72px)!important}
.mb-curated-section--sales.has-no-media .mb-curated-sales-stage{
  min-height:0!important;
  background:#000!important;
  overflow:visible!important;
}
.mb-curated-section--sales.has-no-media .mb-curated-copy--sales{
  position:relative!important;
  left:auto!important;
  top:auto!important;
  width:min(720px,100%)!important;
  transform:none!important;
}
.mb-curated-section--sales.has-no-media.is-visible .mb-curated-copy--sales{transform:none!important}

/* The content follows the hero immediately; avoid the old acreage of empty black. */
.mb-curated-home > .mb-curated-section:first-child{border-top:0!important}
.mb-curated-section + .mb-curated-section{margin-top:-1px!important}

@media(min-width:1500px){
  .mb-curated-artwork{grid-column:2!important;max-width:1180px!important}
  .mb-curated-copy--painting{grid-column:1!important}
  .mb-curated-film-media{width:100%!important}
  .mb-curated-artist-media{width:100%!important}
}

@media(max-width:1050px){
  .mb-curated-painting-stage{grid-template-columns:minmax(220px,34%) minmax(0,1fr)!important;gap:36px!important}
  .mb-curated-artist-stage{grid-template-columns:minmax(0,1.25fr) minmax(270px,.75fr)!important;gap:38px!important}
  .mb-curated-copy--film,.mb-curated-copy--sales{width:min(440px,48vw)!important}
}

@media(max-width:767px){
  .mb-curated-home{--mb-home-side:22px}
  .mb-curated-section--paintings{padding:34px 0 92px!important}
  .mb-curated-painting-stage{display:flex!important;flex-direction:column!important;gap:30px!important;padding:0 var(--mb-home-side)!important}
  .mb-curated-copy--painting{order:1!important;width:100%!important;max-width:none!important;margin:0!important}
  .mb-curated-artwork{order:2!important;width:100%!important;max-width:none!important;margin:0!important}
  .mb-curated-artwork img{max-height:none!important;width:100%!important}

  .mb-curated-section--films{padding:70px 0 96px!important}
  .mb-curated-film-heading{padding:0 var(--mb-home-side)!important;margin-bottom:24px!important}
  .mb-curated-film-stage{width:calc(100% - (var(--mb-home-side) * 2))!important;min-height:0!important;overflow:visible!important}
  .mb-curated-film-media{position:relative!important;inset:auto!important;height:58svh!important;min-height:390px!important}
  .mb-curated-film-media::after{background:linear-gradient(0deg,rgba(0,0,0,.72),rgba(0,0,0,.04) 68%)!important}
  .mb-curated-copy--film{position:relative!important;left:auto!important;bottom:auto!important;width:auto!important;margin:-72px 20px 0!important;padding:0 0 20px!important}

  .mb-curated-section--artist{padding:74px 0 98px!important}
  .mb-curated-artist-stage{display:flex!important;flex-direction:column!important;gap:38px!important;padding:0 var(--mb-home-side)!important}
  .mb-curated-artist-media{width:100%!important}
  .mb-curated-artist-media.is-image img{width:auto!important;max-width:100%!important;max-height:none!important;margin:0 auto!important}
  .mb-curated-artist-media.is-video{height:60svh!important;min-height:420px!important}
  .mb-curated-copy--artist{width:100%!important;max-width:none!important;margin:0!important}

  .mb-curated-section--sales{padding:64px 0 88px!important}
  .mb-curated-sales-stage{width:100%!important;min-height:64svh!important;margin:0!important}
  .mb-curated-sales-shade{background:linear-gradient(0deg,rgba(0,0,0,.9) 0%,rgba(0,0,0,.56) 38%,rgba(0,0,0,.08) 78%)!important}
  .mb-curated-copy--sales{left:var(--mb-home-side)!important;right:var(--mb-home-side)!important;top:auto!important;bottom:38px!important;width:auto!important;transform:none!important}
  .mb-curated-section.is-visible .mb-curated-copy--sales{transform:none!important}
  .mb-curated-section--sales.has-no-media .mb-curated-sales-stage{width:calc(100% - (var(--mb-home-side) * 2))!important;min-height:0!important}
}

@media(prefers-reduced-motion:reduce){
  .mb-curated-artist-media.is-image img{transform:none!important}
}