/* HERO 3.2.2B — installation wall + protected text zone */
.mghero{
  height:245svh;
  background:#070707;
}
.mghero-stage{
  top:var(--mg-header-h);
  height:calc(100svh - var(--mg-header-h));
  min-height:650px;
  background:#070707;
}
.mghero-room{
  position:absolute;
  inset:-4%;
  z-index:0;
  overflow:hidden;
  opacity:.34;
}
.mghero-room img{
  width:100%;
  height:100%;
  object-fit:cover;
  filter:saturate(.82) contrast(1.08) brightness(.72);
  transform:scale(1.05);
}
.mghero-shade{
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(5,5,5,.96) 0%,rgba(5,5,5,.92) 31%,rgba(5,5,5,.70) 43%,rgba(5,5,5,.26) 68%,rgba(5,5,5,.42) 100%),
    linear-gradient(180deg,rgba(0,0,0,.40),transparent 24%,transparent 72%,rgba(0,0,0,.58));
}
.mghero-kicker{z-index:20}
.mghero-title{
  z-index:20;
  width:min(38vw,620px);
}
.mghero-title h1{
  font-size:clamp(72px,8.2vw,142px);
}
.mghero-copy{
  z-index:21;
  width:min(31vw,500px);
  top:17%;
}
.mghero-copy::before{
  content:"";
  position:absolute;
  inset:-22px -24px -22px -18px;
  z-index:-1;
  background:linear-gradient(90deg,rgba(8,8,8,.52),rgba(8,8,8,.20) 72%,transparent);
  pointer-events:none;
}
.mghero-visual-field{
  position:absolute;
  z-index:10;
  top:0;
  right:0;
  bottom:0;
  left:44%;
  overflow:hidden;
  pointer-events:none;
}
.mghero-visual-field .mghero-flyer{
  pointer-events:auto;
}
.mghero-flyer{
  top:53%;
  left:48%;
  width:min(41vw,690px);
  z-index:12;
  box-shadow:0 30px 100px rgba(0,0,0,.58);
}
.mghero-art{
  z-index:8;
  padding:7px;
  box-shadow:0 16px 54px rgba(0,0,0,.48);
}
.mghero-art-a{left:5%;top:8%;width:min(15vw,260px);transform:rotate(-5deg);border-top:4px solid var(--mg-red)}
.mghero-art-b{right:3%;top:7%;width:min(15vw,250px);transform:rotate(4deg);border-top:4px solid var(--mg-yellow)}
.mghero-art-c{right:8%;bottom:7%;width:min(17vw,300px);transform:rotate(-4deg);border-top:4px solid var(--mg-blue)}
.mghero-art-d{left:2%;bottom:11%;width:min(14vw,240px);transform:rotate(3deg);border-top:4px solid var(--mg-yellow)}
.mghero-art-e{left:31%;top:3%;width:min(13vw,220px);transform:rotate(-2deg);border-top:4px solid var(--mg-blue)}
.mghero-art-f{right:1%;top:38%;width:min(13vw,220px);transform:rotate(2.5deg);border-top:4px solid var(--mg-red)}
.mghero-art-g{left:23%;bottom:2%;width:min(14vw,245px);transform:rotate(-3deg);border-top:4px solid var(--mg-yellow)}
.mghero-art-h{right:27%;bottom:4%;width:min(12vw,210px);transform:rotate(4deg);border-top:4px solid var(--mg-blue)}
.mghero-scroll{z-index:22}

@media(max-width:1180px){
  .mghero-visual-field{left:42%}
  .mghero-copy{width:min(35vw,450px)}
  .mghero-title{width:min(40vw,560px)}
  .mghero-flyer{width:min(45vw,610px)}
}

@media(max-width:900px){
  .mghero{
    height:auto;
  }
  .mghero-stage{
    height:auto;
    min-height:0;
    display:grid;
    grid-template-columns:1fr;
    gap:26px;
    padding:28px var(--mg-gutter) 64px;
  }
  .mghero-room,
  .mghero-shade{
    position:absolute;
  }
  .mghero-room{
    inset:0;
    opacity:.24;
  }
  .mghero-shade{
    background:linear-gradient(180deg,rgba(5,5,5,.80),rgba(5,5,5,.62));
  }
  .mghero-kicker,
  .mghero-title,
  .mghero-copy,
  .mghero-visual-field{
    position:relative;
    inset:auto;
    width:auto;
  }
  .mghero-kicker{order:1}
  .mghero-title{order:2}
  .mghero-visual-field{
    order:3;
    overflow:visible;
    min-height:0;
    pointer-events:auto;
  }
  .mghero-flyer{
    position:relative;
    inset:auto;
    width:100%;
    transform:none!important;
  }
  .mghero-art{
    display:none!important;
  }
  .mghero-copy{
    order:4;
    opacity:1!important;
  }
  .mghero-copy::before{display:none}
}