/* Michael Butler — curated immersive homepage 1.10
 * Final, isolated homepage layer. It intentionally does not target ACF/admin.
 */

body.mb-home-mode-immersive{background:#000!important}
body.mb-home-mode-immersive .mb-home{border:0!important}

.mb-home-scroll-cue{
  position:absolute!important;
  left:50%!important;
  bottom:18px!important;
  z-index:5!important;
  width:1px!important;
  height:40px!important;
  overflow:hidden!important;
  background:rgba(255,255,255,.24)!important;
  transform:translateX(-50%)!important;
  pointer-events:none!important;
}
.mb-home-scroll-cue span{
  display:block!important;
  width:100%!important;
  height:14px!important;
  background:#fff!important;
  animation:mbCuratedCue 2.2s cubic-bezier(.4,0,.2,1) infinite!important;
}
@keyframes mbCuratedCue{
  0%{transform:translateY(-17px);opacity:0}
  20%{opacity:1}
  72%{opacity:1}
  100%{transform:translateY(42px);opacity:0}
}

.mb-curated-home{
  --mb-home-side:clamp(28px,5.4vw,92px);
  position:relative!important;
  z-index:1!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  background:#000!important;
  color:#fff!important;
  overflow:clip!important;
}
.mb-curated-home *{box-sizing:border-box!important}
.mb-curated-section{
  position:relative!important;
  width:100%!important;
  margin:0!important;
  background:#000!important;
  color:#fff!important;
  border:0!important;
  isolation:isolate!important;
}
.mb-curated-kicker,
.mb-curated-film-heading p{
  margin:0 0 18px!important;
  color:#8f8f8f!important;
  font-size:10px!important;
  line-height:1.45!important;
  font-weight:500!important;
  letter-spacing:.18em!important;
  text-transform:uppercase!important;
}
.mb-curated-copy h1,
.mb-curated-copy h2,
.mb-curated-film-heading h2{
  margin:0!important;
  color:#fff!important;
  font-weight:400!important;
  line-height:1.02!important;
  letter-spacing:-.03em!important;
  text-transform:none!important;
}
.mb-curated-copy h2,
.mb-curated-film-heading h2{font-size:clamp(42px,5.4vw,84px)!important}
.mb-curated-copy h1{font-size:clamp(40px,4.8vw,74px)!important}
.mb-curated-text{
  max-width:510px!important;
  margin-top:26px!important;
  color:#aaa!important;
  font-size:clamp(13px,1.05vw,16px)!important;
  line-height:1.78!important;
  font-weight:400!important;
}
.mb-curated-text p{margin:0 0 1em!important;color:inherit!important;font:inherit!important;line-height:inherit!important}
.mb-curated-text p:last-child{margin-bottom:0!important}
.mb-curated-link{
  display:inline-flex!important;
  align-items:center!important;
  gap:26px!important;
  margin-top:30px!important;
  padding:0 0 7px!important;
  border:0!important;
  border-bottom:1px solid rgba(255,255,255,.44)!important;
  color:#fff!important;
  font-size:10px!important;
  line-height:1.3!important;
  font-weight:500!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
  text-decoration:none!important;
  transition:border-color .3s ease!important;
}
.mb-curated-link span:last-child{font-size:15px!important;line-height:1!important;transition:transform .3s ease!important}
.mb-curated-link:hover{color:#fff!important;border-color:#fff!important}
.mb-curated-link:hover span:last-child{transform:translateX(5px)!important}

/* Reveal language: images uncover, copy settles into place. */
[data-mb-curated-media]{
  opacity:.001;
  clip-path:inset(0 0 8% 0);
  transform:translate3d(0,34px,0);
  transition:opacity .9s ease,clip-path 1.35s cubic-bezier(.18,.72,.18,1),transform 1.35s cubic-bezier(.18,.72,.18,1)!important;
}
[data-mb-curated-copy]{
  opacity:.001;
  transform:translate3d(0,26px,0);
  transition:opacity .85s ease .12s,transform 1.1s cubic-bezier(.2,.72,.2,1) .12s!important;
}
.mb-curated-section.is-visible [data-mb-curated-media],
.mb-curated-section.is-visible [data-mb-curated-copy]{opacity:1;clip-path:inset(0);transform:translate3d(0,0,0)}

/* 01 — Paintings. The artwork owns the composition; copy sits in negative space. */
.mb-curated-section--paintings{
  min-height:112svh!important;
  padding:clamp(120px,16vh,190px) 0 clamp(110px,13vh,170px)!important;
}
.mb-curated-painting-stage{
  position:relative!important;
  display:grid!important;
  grid-template-columns:repeat(12,minmax(0,1fr))!important;
  align-items:center!important;
  width:100%!important;
  min-height:82svh!important;
}
.mb-curated-copy--painting{
  position:relative!important;
  z-index:3!important;
  grid-column:1 / 5!important;
  grid-row:1!important;
  align-self:end!important;
  max-width:520px!important;
  margin:0 0 clamp(42px,7vh,90px) var(--mb-home-side)!important;
  padding-right:clamp(12px,2vw,30px)!important;
}
.mb-curated-copy--painting h2{font-size:clamp(45px,5.6vw,86px)!important}
.mb-curated-artwork{
  position:relative!important;
  z-index:1!important;
  grid-column:4 / 13!important;
  grid-row:1!important;
  display:block!important;
  width:100%!important;
  max-width:1280px!important;
  justify-self:end!important;
  color:#fff!important;
  text-decoration:none!important;
  overflow:visible!important;
}
.mb-curated-artwork figure{margin:0!important;padding:0!important;background:transparent!important}
.mb-curated-artwork img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-height:82svh!important;
  margin:0!important;
  object-fit:contain!important;
  object-position:center right!important;
  background:transparent!important;
  transform:translate3d(0,var(--mb-parallax-y,0px),0)!important;
  transition:transform .12s linear!important;
}
.mb-curated-artwork figcaption{
  display:flex!important;
  justify-content:flex-end!important;
  gap:16px!important;
  margin:12px 2px 0!important;
  color:#777!important;
  font-size:9px!important;
  line-height:1.4!important;
  letter-spacing:.08em!important;
  text-transform:none!important;
}
.mb-curated-artwork figcaption span:first-child{color:#b7b7b7!important}

/* 02 — Films. A cinema-scale plane with copy living inside the image field. */
.mb-curated-section--films{
  min-height:112svh!important;
  padding:clamp(76px,9vh,120px) 0 clamp(130px,16vh,200px)!important;
}
.mb-curated-film-heading{
  position:relative!important;
  z-index:4!important;
  width:auto!important;
  margin:0 var(--mb-home-side) clamp(34px,5vh,64px)!important;
}
.mb-curated-film-heading h2{font-size:clamp(44px,5.4vw,82px)!important}
.mb-curated-film-heading p{margin:14px 0 0!important}
.mb-curated-film-media{
  position:relative!important;
  z-index:1!important;
  display:block!important;
  width:92vw!important;
  height:clamp(520px,74svh,900px)!important;
  margin:0 0 0 auto!important;
  overflow:hidden!important;
  background:#050505!important;
  color:#fff!important;
  text-decoration:none!important;
}
.mb-curated-film-media::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  background:linear-gradient(90deg,rgba(0,0,0,.64) 0%,rgba(0,0,0,.18) 40%,rgba(0,0,0,0) 72%),linear-gradient(0deg,rgba(0,0,0,.32),transparent 42%)!important;
  pointer-events:none!important;
}
.mb-curated-film-media img,
.mb-curated-film-media video{
  display:block!important;
  width:100%!important;
  height:calc(100% + 42px)!important;
  margin:-21px 0!important;
  object-fit:cover!important;
  object-position:center!important;
  transform:translate3d(0,var(--mb-parallax-y,0px),0) scale(1.015)!important;
  transition:transform .12s linear!important;
}
.mb-curated-film-marker{
  position:absolute!important;
  right:clamp(22px,3vw,52px)!important;
  top:clamp(22px,3vw,52px)!important;
  z-index:4!important;
  width:42px!important;
  height:42px!important;
  border:1px solid rgba(255,255,255,.68)!important;
  border-radius:50%!important;
}
.mb-curated-film-marker::before{
  content:""!important;
  position:absolute!important;
  left:17px!important;
  top:13px!important;
  width:0!important;
  height:0!important;
  border-top:7px solid transparent!important;
  border-bottom:7px solid transparent!important;
  border-left:10px solid #fff!important;
}
.mb-curated-copy--film{
  position:absolute!important;
  z-index:5!important;
  left:var(--mb-home-side)!important;
  bottom:clamp(160px,20vh,240px)!important;
  width:min(480px,38vw)!important;
}
.mb-curated-film-title{
  margin:0 0 16px!important;
  color:#fff!important;
  font-size:clamp(20px,2vw,31px)!important;
  line-height:1.2!important;
  font-weight:400!important;
}
.mb-curated-copy--film .mb-curated-text{color:#d0d0d0!important;max-width:440px!important}

/* 03 — The Artist. Media bleeds from one edge, editorial copy breathes beside it. */
.mb-curated-section--artist{
  min-height:104svh!important;
  padding:clamp(120px,15vh,190px) 0!important;
}
.mb-curated-artist-media{
  position:relative!important;
  z-index:1!important;
  width:min(64vw,1160px)!important;
  height:clamp(560px,77svh,900px)!important;
  overflow:hidden!important;
  background:#050505!important;
}
.mb-curated-artist-media::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  background:linear-gradient(90deg,transparent 68%,rgba(0,0,0,.18) 82%,rgba(0,0,0,.72) 100%)!important;
  pointer-events:none!important;
}
.mb-curated-artist-media img,
.mb-curated-artist-media video{
  display:block!important;
  width:100%!important;
  height:calc(100% + 46px)!important;
  margin:-23px 0!important;
  object-fit:cover!important;
  object-position:center!important;
  transform:translate3d(0,var(--mb-parallax-y,0px),0) scale(1.012)!important;
  transition:transform .12s linear!important;
}
.mb-curated-copy--artist{
  position:absolute!important;
  z-index:4!important;
  right:var(--mb-home-side)!important;
  top:50%!important;
  width:min(520px,37vw)!important;
  transform:translateY(-50%)!important;
}
.mb-curated-section.is-visible .mb-curated-copy--artist{transform:translateY(-50%)!important}
.mb-curated-copy--artist h1{max-width:640px!important}
.mb-curated-copy--artist .mb-curated-text{max-width:480px!important}
.mb-curated-section--artist.has-no-media .mb-curated-copy--artist{
  position:relative!important;
  right:auto!important;
  top:auto!important;
  width:min(760px,82vw)!important;
  margin:0 auto!important;
  transform:none!important;
}
.mb-curated-section--artist.has-no-media.is-visible .mb-curated-copy--artist{transform:none!important}

/* 04 — Private Sales. One final artwork plane; copy is embedded, not boxed. */
.mb-curated-section--sales{
  min-height:92svh!important;
  padding:clamp(90px,12vh,150px) 0 clamp(110px,14vh,170px)!important;
  display:flex!important;
  align-items:center!important;
}
.mb-curated-sales-media{
  position:relative!important;
  z-index:1!important;
  width:91vw!important;
  height:clamp(500px,70svh,820px)!important;
  margin-left:auto!important;
  overflow:hidden!important;
  background:#050505!important;
}
.mb-curated-sales-media img{
  display:block!important;
  width:100%!important;
  height:calc(100% + 38px)!important;
  margin:-19px 0!important;
  object-fit:cover!important;
  object-position:center!important;
  transform:translate3d(0,var(--mb-parallax-y,0px),0) scale(1.02)!important;
  transition:transform .12s linear!important;
}
.mb-curated-sales-shade{
  position:absolute!important;
  z-index:2!important;
  left:9vw!important;
  right:0!important;
  top:clamp(90px,12vh,150px)!important;
  height:clamp(500px,70svh,820px)!important;
  background:linear-gradient(90deg,rgba(0,0,0,.88) 0%,rgba(0,0,0,.5) 31%,rgba(0,0,0,.08) 64%,transparent 86%)!important;
  pointer-events:none!important;
}
.mb-curated-copy--sales{
  position:absolute!important;
  z-index:4!important;
  left:var(--mb-home-side)!important;
  top:50%!important;
  width:min(470px,38vw)!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,5.1vw,78px)!important}
.mb-curated-copy--sales .mb-curated-text{color:#d0d0d0!important}
.mb-curated-section--sales.has-no-media{
  min-height:72svh!important;
  justify-content:flex-start!important;
}
.mb-curated-section--sales.has-no-media .mb-curated-sales-shade{display:none!important}
.mb-curated-section--sales.has-no-media .mb-curated-copy--sales{
  position:relative!important;
  left:auto!important;
  top:auto!important;
  width:min(720px,82vw)!important;
  margin-left:var(--mb-home-side)!important;
  transform:none!important;
}
.mb-curated-section--sales.has-no-media.is-visible .mb-curated-copy--sales{transform:none!important}

/* Large screens: preserve gallery scale without making text gigantic. */
@media(min-width:1500px){
  .mb-curated-artwork{grid-column:5 / 13!important}
  .mb-curated-copy--painting{grid-column:1 / 5!important}
  .mb-curated-film-media{width:89vw!important}
  .mb-curated-artist-media{width:61vw!important}
}

/* Tablet */
@media(max-width:1000px){
  .mb-curated-home{--mb-home-side:clamp(24px,4vw,48px)}
  .mb-curated-section--paintings{min-height:auto!important;padding:120px 0 150px!important}
  .mb-curated-painting-stage{min-height:760px!important}
  .mb-curated-copy--painting{grid-column:1 / 6!important;margin-bottom:26px!important}
  .mb-curated-artwork{grid-column:4 / 13!important}
  .mb-curated-copy--film{width:min(440px,48vw)!important}
  .mb-curated-artist-media{width:62vw!important}
  .mb-curated-copy--artist{width:40vw!important}
  .mb-curated-copy--sales{width:43vw!important}
}

/* Mobile: still visual first, but no artificial dead space. */
@media(max-width:767px){
  .mb-home-scroll-cue{bottom:12px!important;height:30px!important}
  .mb-curated-home{--mb-home-side:22px}
  .mb-curated-kicker,.mb-curated-film-heading p{font-size:9px!important;margin-bottom:12px!important}
  .mb-curated-copy h1,.mb-curated-copy h2,.mb-curated-film-heading h2{font-size:clamp(35px,11vw,52px)!important;line-height:1.06!important}
  .mb-curated-text{margin-top:20px!important;font-size:13px!important;line-height:1.7!important}
  .mb-curated-link{margin-top:24px!important}

  .mb-curated-section--paintings{padding:92px 0 110px!important;min-height:auto!important}
  .mb-curated-painting-stage{display:flex!important;flex-direction:column!important;align-items:stretch!important;min-height:0!important}
  .mb-curated-copy--painting{order:1!important;width:auto!important;max-width:none!important;margin:0 var(--mb-home-side) 38px!important;padding:0!important}
  .mb-curated-artwork{order:2!important;width:calc(100% - var(--mb-home-side))!important;max-width:none!important;margin-left:var(--mb-home-side)!important}
  .mb-curated-artwork img{width:100%!important;max-height:none!important;object-position:center!important}
  .mb-curated-artwork figcaption{justify-content:flex-start!important;margin:10px 0 0!important;padding-right:var(--mb-home-side)!important}

  .mb-curated-section--films{min-height:auto!important;padding:76px 0 116px!important}
  .mb-curated-film-heading{margin:0 var(--mb-home-side) 28px!important}
  .mb-curated-film-media{width:calc(100% - var(--mb-home-side))!important;height:58svh!important;min-height:390px!important;margin-left:var(--mb-home-side)!important}
  .mb-curated-film-media::after{background:linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,.04) 65%)!important}
  .mb-curated-copy--film{position:relative!important;left:auto!important;bottom:auto!important;width:auto!important;margin:-48px var(--mb-home-side) 0!important;padding-top:0!important;z-index:5!important}
  .mb-curated-film-title{font-size:22px!important}
  .mb-curated-film-marker{width:38px!important;height:38px!important;right:18px!important;top:18px!important}
  .mb-curated-film-marker::before{left:15px!important;top:11px!important}

  .mb-curated-section--artist{min-height:auto!important;padding:90px 0 120px!important;display:flex!important;flex-direction:column!important}
  .mb-curated-artist-media{position:relative!important;width:calc(100% - 44px)!important;height:66svh!important;min-height:470px!important;margin:0 22px!important}
  .mb-curated-artist-media::after{display:none!important}
  .mb-curated-copy--artist{position:relative!important;right:auto!important;top:auto!important;width:auto!important;margin:42px var(--mb-home-side) 0!important;transform:none!important}
  .mb-curated-section.is-visible .mb-curated-copy--artist{transform:none!important}
  .mb-curated-section--artist.has-no-media .mb-curated-copy--artist{width:auto!important;margin:0 var(--mb-home-side)!important}

  .mb-curated-section--sales{min-height:auto!important;padding:72px 0 110px!important;display:block!important}
  .mb-curated-sales-media{width:100%!important;height:64svh!important;min-height:440px!important;margin:0!important}
  .mb-curated-sales-shade{left:0!important;right:0!important;top:72px!important;height:64svh!important;min-height:440px!important;background:linear-gradient(0deg,rgba(0,0,0,.86),rgba(0,0,0,.08) 70%)!important}
  .mb-curated-copy--sales{position:relative!important;left:auto!important;top:auto!important;width:auto!important;margin:-210px var(--mb-home-side) 0!important;padding-bottom:46px!important;transform:none!important}
  .mb-curated-section.is-visible .mb-curated-copy--sales{transform:none!important}
  .mb-curated-section--sales.has-no-media{padding:96px 0 120px!important}
  .mb-curated-section--sales.has-no-media .mb-curated-copy--sales{width:auto!important;margin:0 var(--mb-home-side)!important}
}

@media(prefers-reduced-motion:reduce){
  .mb-home-scroll-cue span{animation:none!important}
  [data-mb-curated-media],[data-mb-curated-copy]{opacity:1!important;clip-path:none!important;transform:none!important;transition:none!important}
  .mb-curated-artwork img,.mb-curated-film-media img,.mb-curated-film-media video,.mb-curated-artist-media img,.mb-curated-artist-media video,.mb-curated-sales-media img{transform:none!important;transition:none!important}
}