
/* V132: readable headline in daylight. Do not let the older global
   gold background-clip rule wash out individual letters. */
html body.studio-app:not(.night) #view-hall .studio-hero-title > span,
html body.studio-app.day #view-hall .studio-hero-title > span{
 background:none!important;background-image:none!important;
 color:#582c3d!important;-webkit-text-fill-color:#582c3d!important;
 -webkit-background-clip:border-box!important;background-clip:border-box!important;
 text-shadow:none!important;
}
html body.studio-app.night #view-hall .studio-hero-title > span{
 background:linear-gradient(95deg,#d3ac77,#f4d7ac 55%,#c79c73)!important;
 -webkit-background-clip:text!important;background-clip:text!important;
 -webkit-text-fill-color:transparent!important;
}
/* The backdrop is the art stage, not an independently offset picture frame.
   Its dimensions and decorative gradients are tied to the same responsive box. */
html body.studio-app #view-hall .hero-visual{
 position:relative!important;
 isolation:isolate!important;
 overflow:visible!important;
 background:radial-gradient(ellipse 67% 64% at 52% 49%,rgba(163,107,91,.22),transparent 78%)!important;
}
html body.studio-app.day #view-hall .hero-visual{
 background:radial-gradient(ellipse 67% 64% at 52% 49%,rgba(120,66,86,.22),transparent 78%)!important;
}
html body.studio-app.night #view-hall .hero-visual{
 background:radial-gradient(ellipse 68% 66% at 52% 49%,rgba(92,137,186,.25),transparent 79%)!important;
}
/* Bring back a sophisticated inset picture mount and softly layered frame.
   No rotated, detached rectangle behind the cover. */
html body.studio-app #view-hall .hero-visual .hero-gallery{
 position:absolute!important;inset:20px 35px!important;
 transform:none!important;rotate:none!important;
 border:1px solid rgba(213,178,132,.44)!important;
 border-radius:24px!important;
 padding:0!important;
 overflow:hidden!important;
 background:#1b2232!important;
 box-shadow:0 24px 60px rgba(39,23,38,.25),
 0 0 0 6px rgba(211,172,119,.11),
 0 0 0 14px rgba(211,172,119,.045)!important;
}
html body.studio-app.night #view-hall .hero-visual .hero-gallery{
 border-color:rgba(197,168,126,.52)!important;
 box-shadow:0 25px 65px rgba(2,9,21,.46),
 0 0 0 6px rgba(157,186,216,.10),
 0 0 0 14px rgba(157,186,216,.035)!important;
}
html body.studio-app #view-hall .hero-visual .hero-gallery > .gallery-art{
 position:absolute!important;inset:0!important;
 width:100%!important;height:100%!important;
 overflow:hidden!important;border-radius:inherit!important;
 background:transparent!important;
}
html body.studio-app #view-hall .hero-visual .hero-gallery > .gallery-art img{
 position:absolute!important;inset:0!important;
 width:100%!important;height:100%!important;
 object-fit:cover!important;object-position:center!important;
 transform:none!important;
}
html body.studio-app #view-hall .hero-visual .hero-gallery::after{
 content:""!important;display:block!important;position:absolute!important;
 inset:0!important;pointer-events:none!important;z-index:1!important;
 background:linear-gradient(180deg,rgba(15,19,30,.38) 0%,transparent 24%,transparent 55%,rgba(14,17,29,.66) 100%)!important;
 box-shadow:inset 0 0 0 1px rgba(245,220,181,.10)!important;
}
html body.studio-app #view-hall .hero-visual .hero-gallery .gallery-top,
html body.studio-app #view-hall .hero-visual .hero-gallery .gallery-caption{
 position:relative!important;z-index:2!important;
}
@media(max-width:700px){
 html body.studio-app #view-hall .hero-visual .hero-gallery{
  inset:16px 22px!important;
  box-shadow:0 16px 35px rgba(39,23,38,.20),
   0 0 0 4px rgba(211,172,119,.10),
   0 0 0 9px rgba(211,172,119,.04)!important;
 }
}
