/* Michael Butler — immersive homepage 1.12
 * Aspect-aware gallery compositions + restrained interaction.
 * Final frontend layer only. No admin/ACF selectors live here.
 */

/* The 2018-style animated scroll cue is retired. The next composition is the cue. */
.mb-home-scroll-cue{display:none!important}

.mb-curated-home{
  --mb-home-side:clamp(24px,4.2vw,78px);
  --mb-home-copy:clamp(300px,29vw,470px);
  margin-top:-1px!important;
  overflow:clip!important;
}
.mb-curated-home>.mb-curated-section:first-child{
  padding-top:clamp(30px,4.2vw,64px)!important;
}
.mb-curated-section{
  min-height:0!important;
  padding-top:clamp(62px,8vw,118px)!important;
  padding-bottom:clamp(76px,9vw,138px)!important;
}
.mb-curated-section+.mb-curated-section{margin-top:0!important}

/* One quiet motion system shared by paintings, films and artist imagery. */
.mb-curated-image-plane{
  position:relative!important;
  width:100%!important;
  height:100%!important;
  overflow:hidden!important;
  background:#050505!important;
}
[data-mb-depth]{--mb-depth-x:0px;--mb-depth-y:0px;--mb-scroll-scale:1.006}
[data-mb-depth] .mb-curated-image-plane>img,
[data-mb-depth] .mb-curated-image-plane>video{
  transform:translate3d(var(--mb-depth-x),calc(var(--mb-parallax-y,0px) + var(--mb-depth-y)),0) scale(var(--mb-scroll-scale))!important;
  transform-origin:center!important;
  transition:transform .6s cubic-bezier(.2,.7,.2,1),filter .45s ease!important;
  will-change:transform!important;
}
[data-mb-depth]:hover .mb-curated-image-plane>img,
[data-mb-depth]:hover .mb-curated-image-plane>video,
[data-mb-depth]:focus-visible .mb-curated-image-plane>img,
[data-mb-depth]:focus-visible .mb-curated-image-plane>video{filter:brightness(1.035)!important}
.mb-curated-hover-label{
  position:absolute!important;
  z-index:5!important;
  right:18px!important;
  bottom:18px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:18px!important;
  padding:11px 14px!important;
  border:1px solid rgba(255,255,255,.58)!important;
  background:rgba(0,0,0,.38)!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
  color:#fff!important;
  font-size:9px!important;
  line-height:1!important;
  letter-spacing:.13em!important;
  text-transform:uppercase!important;
  opacity:0!important;
  transform:translateY(8px)!important;
  transition:opacity .3s ease,transform .35s ease,border-color .3s ease!important;
  pointer-events:none!important;
}
[data-mb-depth]:hover .mb-curated-hover-label,
[data-mb-depth]:focus-visible .mb-curated-hover-label{opacity:1!important;transform:none!important;border-color:#fff!important}

/* PAINTINGS — proportion decides the composition. */
.mb-curated-section--paintings{padding-bottom:clamp(86px,10vw,150px)!important}
.mb-curated-painting-stage{
  display:grid!important;
  grid-template-columns:minmax(280px,.78fr) minmax(420px,1.22fr)!important;
  align-items:center!important;
  gap:clamp(34px,4.2vw,72px)!important;
  width:min(calc(100% - (var(--mb-home-side) * 2)),1500px)!important;
  margin:0 auto!important;
  padding:0!important;
}
.mb-curated-copy--painting{
  grid-column:1!important;
  width:100%!important;
  max-width:430px!important;
  margin:0!important;
  padding:0!important;
  justify-self:end!important;
}
.mb-curated-artwork{
  grid-column:2!important;
  width:100%!important;
  max-width:980px!important;
  margin:0!important;
  justify-self:start!important;
  overflow:visible!important;
}
.mb-curated-artwork figure{margin:0!important}
.mb-curated-artwork .mb-curated-image-plane{background:transparent!important}
.mb-curated-artwork img{
  display:block!important;
  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:10px!important}

/* Portrait works become a tighter, taller two-person composition. */
.mb-curated-section--paintings.is-portrait .mb-curated-painting-stage{
  grid-template-columns:minmax(270px,.9fr) minmax(330px,.88fr)!important;
  width:min(calc(100% - (var(--mb-home-side) * 2)),1120px)!important;
  gap:clamp(30px,3.6vw,54px)!important;
}
.mb-curated-section--paintings.is-portrait .mb-curated-copy--painting{max-width:390px!important}
.mb-curated-section--paintings.is-portrait .mb-curated-artwork{max-width:520px!important}
.mb-curated-section--paintings.is-portrait .mb-curated-artwork img{max-height:80svh!important;width:auto!important;max-width:100%!important;margin:0 auto!important}

/* Square works can carry more scale without creating a gulf around the copy. */
.mb-curated-section--paintings.is-square .mb-curated-painting-stage{width:min(calc(100% - (var(--mb-home-side) * 2)),1280px)!important;grid-template-columns:minmax(280px,.72fr) minmax(440px,1fr)!important}
.mb-curated-section--paintings.is-square .mb-curated-artwork{max-width:720px!important}

/* Landscape works stretch editorially; very wide work is allowed to dominate. */
.mb-curated-section--paintings.is-landscape .mb-curated-painting-stage,
.mb-curated-section--paintings.is-wide .mb-curated-painting-stage{width:min(calc(100% - (var(--mb-home-side) * 2)),1640px)!important;grid-template-columns:minmax(300px,.58fr) minmax(560px,1.42fr)!important}
.mb-curated-section--paintings.is-landscape .mb-curated-artwork{max-width:1120px!important}
.mb-curated-section--paintings.is-wide .mb-curated-artwork{max-width:1280px!important}

/* FILMS — landscape/square stay cinematic; portrait is re-composed instead of sitting in a huge empty stage. */
.mb-curated-section--films{padding-top:clamp(62px,7.5vw,110px)!important}
.mb-curated-film-heading{width:min(calc(100% - (var(--mb-home-side) * 2)),1640px)!important;margin:0 auto clamp(22px,2.8vw,38px)!important;padding:0!important}
.mb-curated-film-stage{width:min(calc(100% - (var(--mb-home-side) * 2)),1640px)!important;margin:0 auto!important}
.mb-curated-film-media .mb-curated-image-plane{height:100%!important}
.mb-curated-film-media img,.mb-curated-film-media video{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;margin:0!important}
.mb-curated-section--films.is-landscape .mb-curated-film-stage,
.mb-curated-section--films.is-wide .mb-curated-film-stage,
.mb-curated-section--films.is-square .mb-curated-film-stage{position:relative!important;min-height:clamp(500px,68svh,820px)!important}
.mb-curated-section--films.is-landscape .mb-curated-film-media,
.mb-curated-section--films.is-wide .mb-curated-film-media,
.mb-curated-section--films.is-square .mb-curated-film-media{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important}
.mb-curated-section--films.is-square .mb-curated-film-stage{width:min(calc(100% - (var(--mb-home-side) * 2)),1360px)!important}
.mb-curated-section--films.is-square .mb-curated-film-media img{object-fit:cover!important}
.mb-curated-section--films .mb-curated-film-media::after{
  content:""!important;position:absolute!important;inset:0!important;z-index:3!important;pointer-events:none!important;
  background:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.3) 31%,rgba(0,0,0,.04) 68%)!important;
}
.mb-curated-copy--film{z-index:5!important}
.mb-curated-section--films.is-landscape .mb-curated-copy--film,
.mb-curated-section--films.is-wide .mb-curated-copy--film,
.mb-curated-section--films.is-square .mb-curated-copy--film{left:clamp(26px,4vw,70px)!important;bottom:clamp(30px,5vw,66px)!important;width:min(460px,38vw)!important}

.mb-curated-section--films.is-portrait .mb-curated-film-stage{
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(270px,.76fr) minmax(350px,.9fr)!important;
  align-items:end!important;
  gap:clamp(32px,4vw,64px)!important;
  width:min(calc(100% - (var(--mb-home-side) * 2)),1120px)!important;
  min-height:0!important;
}
.mb-curated-section--films.is-portrait .mb-curated-film-media{
  position:relative!important;inset:auto!important;grid-column:2!important;grid-row:1!important;width:100%!important;height:min(76svh,820px)!important;margin:0!important;background:#050505!important
}
.mb-curated-section--films.is-portrait .mb-curated-film-media img,
.mb-curated-section--films.is-portrait .mb-curated-film-media video{object-fit:contain!important;background:#050505!important}
.mb-curated-section--films.is-portrait .mb-curated-film-media::after{background:linear-gradient(0deg,rgba(0,0,0,.18),transparent 38%)!important}
.mb-curated-section--films.is-portrait .mb-curated-copy--film{
  position:relative!important;left:auto!important;bottom:auto!important;grid-column:1!important;grid-row:1!important;width:100%!important;max-width:420px!important;margin:0 0 clamp(14px,4vh,48px)!important
}

/* ARTIST — natural by default, optional editorial/full-width presentation in admin. */
.mb-curated-section--artist{padding-top:clamp(72px,8.5vw,126px)!important}
.mb-curated-artist-stage{width:min(calc(100% - (var(--mb-home-side) * 2)),1420px)!important;gap:clamp(34px,4.2vw,70px)!important;grid-template-columns:minmax(0,1.05fr) minmax(300px,.78fr)!important}
.mb-curated-artist-media.is-image .mb-curated-image-plane{background:transparent!important;overflow:hidden!important}
.mb-curated-artist-media.is-image img{display:block!important;width:auto!important;max-width:100%!important;height:auto!important;max-height:80svh!important;margin:0 auto!important;object-fit:contain!important}
.mb-curated-section--artist.is-portrait .mb-curated-artist-stage{width:min(calc(100% - (var(--mb-home-side) * 2)),1220px)!important;grid-template-columns:minmax(360px,.86fr) minmax(310px,.72fr)!important}
.mb-curated-section--artist.is-portrait .mb-curated-artist-media{max-width:560px!important;justify-self:end!important}
.mb-curated-copy--artist{max-width:510px!important}
.mb-curated-section--artist.presentation-editorial .mb-curated-artist-media.is-image{height:min(76svh,800px)!important;overflow:hidden!important}
.mb-curated-section--artist.presentation-editorial .mb-curated-artist-media.is-image img{width:100%!important;height:100%!important;max-height:none!important;object-fit:cover!important}
.mb-curated-section--artist.presentation-full .mb-curated-artist-stage{display:flex!important;flex-direction:column!important;width:min(calc(100% - (var(--mb-home-side) * 2)),1640px)!important;gap:34px!important;align-items:stretch!important}
.mb-curated-section--artist.presentation-full .mb-curated-artist-media{width:100%!important;max-width:none!important}
.mb-curated-section--artist.presentation-full .mb-curated-artist-media.is-image img{width:100%!important;max-height:82svh!important}
.mb-curated-section--artist.presentation-full .mb-curated-copy--artist{width:min(620px,100%)!important;max-width:620px!important;margin-left:auto!important;margin-right:clamp(0px,5vw,80px)!important}

/* PRIVATE SALES remains one seamless visual plane. */
.mb-curated-section--sales{padding-top:clamp(62px,7.5vw,110px)!important}
.mb-curated-sales-stage{width:min(calc(100% - (var(--mb-home-side) * 2)),1640px)!important;min-height:clamp(480px,64svh,760px)!important}
.mb-curated-sales-media .mb-curated-image-plane{height:100%!important}
.mb-curated-sales-media img{width:100%!important;height:100%!important;margin:0!important;object-fit:cover!important}
.mb-curated-sales-shade{inset:0!important;background:linear-gradient(90deg,rgba(0,0,0,.9) 0%,rgba(0,0,0,.62) 29%,rgba(0,0,0,.2) 57%,rgba(0,0,0,0) 83%)!important}

/* Progressive reveal stays quiet; interactive movement does the rest. */
[data-mb-curated-media]{clip-path:inset(0 0 4% 0)!important;transform:translate3d(0,22px,0)!important}
.mb-curated-section.is-visible [data-mb-curated-media]{clip-path:inset(0)!important;transform:none!important}

@media(max-width:1100px){
  .mb-curated-painting-stage,.mb-curated-section--paintings.is-portrait .mb-curated-painting-stage,.mb-curated-section--paintings.is-square .mb-curated-painting-stage,.mb-curated-section--paintings.is-landscape .mb-curated-painting-stage,.mb-curated-section--paintings.is-wide .mb-curated-painting-stage{grid-template-columns:minmax(240px,.68fr) minmax(360px,1fr)!important;gap:34px!important;width:calc(100% - (var(--mb-home-side) * 2))!important}
  .mb-curated-section--films.is-portrait .mb-curated-film-stage{grid-template-columns:minmax(240px,.7fr) minmax(330px,.86fr)!important}
  .mb-curated-artist-stage,.mb-curated-section--artist.is-portrait .mb-curated-artist-stage{grid-template-columns:minmax(0,1fr) minmax(280px,.72fr)!important;width:calc(100% - (var(--mb-home-side) * 2))!important}
}

@media(max-width:767px){
  .mb-curated-home{--mb-home-side:22px}
  .mb-curated-home>.mb-curated-section:first-child{padding-top:34px!important}
  .mb-curated-section{padding-top:64px!important;padding-bottom:86px!important}
  .mb-curated-painting-stage,.mb-curated-section--paintings.is-portrait .mb-curated-painting-stage,.mb-curated-section--paintings.is-square .mb-curated-painting-stage,.mb-curated-section--paintings.is-landscape .mb-curated-painting-stage,.mb-curated-section--paintings.is-wide .mb-curated-painting-stage{display:flex!important;flex-direction:column!important;width:calc(100% - 44px)!important;gap:28px!important}
  .mb-curated-copy--painting{order:1!important;max-width:none!important;justify-self:auto!important}
  .mb-curated-artwork{order:2!important;width:100%!important;max-width:none!important}
  .mb-curated-section--paintings.is-portrait .mb-curated-artwork{width:min(86vw,500px)!important;align-self:center!important}
  .mb-curated-artwork img,.mb-curated-section--paintings.is-portrait .mb-curated-artwork img{width:100%!important;max-height:none!important}

  .mb-curated-film-heading{width:calc(100% - 44px)!important}
  .mb-curated-section--films.is-portrait .mb-curated-film-stage{display:flex!important;flex-direction:column!important;width:calc(100% - 44px)!important;gap:24px!important}
  .mb-curated-section--films.is-portrait .mb-curated-film-media{order:1!important;width:min(88vw,520px)!important;height:62svh!important;align-self:center!important}
  .mb-curated-section--films.is-portrait .mb-curated-copy--film{order:2!important;width:100%!important;max-width:none!important;margin:-46px 0 0!important;padding:22px 18px 0!important;z-index:5!important}
  .mb-curated-section--films.is-landscape .mb-curated-film-stage,.mb-curated-section--films.is-wide .mb-curated-film-stage,.mb-curated-section--films.is-square .mb-curated-film-stage{width:calc(100% - 44px)!important;min-height:56svh!important}
  .mb-curated-section--films.is-landscape .mb-curated-copy--film,.mb-curated-section--films.is-wide .mb-curated-copy--film,.mb-curated-section--films.is-square .mb-curated-copy--film{left:20px!important;right:20px!important;bottom:22px!important;width:auto!important}

  .mb-curated-artist-stage,.mb-curated-section--artist.is-portrait .mb-curated-artist-stage,.mb-curated-section--artist.presentation-full .mb-curated-artist-stage{display:flex!important;flex-direction:column!important;width:calc(100% - 44px)!important;gap:30px!important}
  .mb-curated-section--artist.is-portrait .mb-curated-artist-media{max-width:none!important;width:min(86vw,540px)!important;align-self:center!important}
  .mb-curated-section--artist.presentation-full .mb-curated-copy--artist{margin:0!important;width:100%!important;max-width:none!important}
  .mb-curated-copy--artist{width:100%!important;max-width:none!important}

  .mb-curated-sales-stage{width:100%!important;min-height:60svh!important}
  .mb-curated-sales-shade{background:linear-gradient(0deg,rgba(0,0,0,.91) 0%,rgba(0,0,0,.55) 42%,rgba(0,0,0,.06) 78%)!important}
  .mb-curated-copy--sales{left:22px!important;right:22px!important;bottom:30px!important;top:auto!important;width:auto!important;transform:none!important}
  .mb-curated-section.is-visible .mb-curated-copy--sales{transform:none!important}
  .mb-curated-hover-label{display:none!important}
}

@media(hover:none){.mb-curated-hover-label{display:none!important}}
@media(prefers-reduced-motion:reduce){
  [data-mb-depth] .mb-curated-image-plane>img,[data-mb-depth] .mb-curated-image-plane>video{transform:none!important;transition:none!important}
}