/* Brand art has its own readable area; original transparent logos remain intact. */
.section-hero--branded-art .hero-copy{width:60%;max-width:790px;padding-right:24px}
.section-hero--branded-art .section-hero-art{left:35%}
.section-hero--branded-art .section-hero-photo{opacity:1;object-position:66% center}
.section-hero--branded-art .section-hero-photo[data-artwork-key="gorilla"],.section-hero--branded-art .section-hero-photo[data-artwork-key="gates-of-olympus"]{object-position:66% top}
.section-hero--branded-art .section-brand-logo{top:12px;right:8px;transform:none;width:164px!important;height:88px!important}
@media(min-width:601px){.section-hero--branded-art:has([data-artwork-key="gates-of-olympus"]) .slot-brand-logo{top:auto;bottom:12px}}
@media(max-width:1000px) and (min-width:601px){
 .section-hero--branded-art .hero-copy{width:60%;padding-right:14px}
 .section-hero--branded-art .section-brand-logo{width:132px!important;height:76px!important}
}

/* A shared presentation layer for genuine casino and game logos, only in hero. */
.section-hero:has(.hero-logo-glass) .hero-copy{width:60%;max-width:790px;padding-right:clamp(14px,2vw,24px)}
.section-hero .hero-grid > .hero-logo-glass{
 position:absolute;z-index:3;top:12px;right:8px;bottom:auto;transform:none;
 display:flex;align-items:center;justify-content:center;box-sizing:border-box;
 width:min(330px,37%)!important;height:auto!important;min-height:128px;
 margin:0!important;padding:22px!important;overflow:hidden;pointer-events:none;
 border:1px solid rgba(229,215,192,.23)!important;border-top-color:rgba(255,255,255,.35)!important;
 border-radius:11px!important;
 background:linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.025) 58%),rgba(25,22,30,.62)!important;
 -webkit-backdrop-filter:blur(14px) saturate(1.12);backdrop-filter:blur(14px) saturate(1.12);
 box-shadow:0 12px 30px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.08)!important;
}
.section-hero .hero-grid > .hero-logo-glass.slot-brand-logo{
 width:min(360px,37%)!important;height:auto!important;min-height:128px;
}
.section-hero .hero-logo-glass > .slot-logo{width:100%;height:100%;min-width:0}
.section-hero .hero-logo-glass img{
 display:block;width:100%;height:auto;max-width:100%;max-height:128px;
 min-width:0;min-height:0;object-fit:contain;object-position:center;
}
.section-hero .hero-logo-glass.slot-brand-logo > .slot-logo{height:auto}
.section-hero .hero-logo-glass.slot-brand-logo img{height:auto;max-height:168px}
@media(max-width:900px){
 .section-hero:has(.hero-logo-glass) .hero-grid{display:flex;flex-direction:column;min-height:0}
 .section-hero:has(.hero-logo-glass) .hero-copy{width:100%;max-width:none;padding-right:0}
 .section-hero .hero-grid > .hero-logo-glass{
  position:relative;order:-1;top:auto;right:auto;bottom:auto;transform:none;
  align-self:flex-start;width:min(280px,100%)!important;height:auto!important;
  min-height:112px;padding:20px!important;margin:0 0 23px!important;
 }
 .section-hero .hero-logo-glass img{max-height:90px}
 .section-hero .hero-grid > .hero-logo-glass.slot-brand-logo{
  width:min(310px,100%)!important;height:auto!important;min-height:112px;
  padding:18px!important;
 }
 .section-hero .hero-logo-glass.slot-brand-logo img{max-height:126px}
 .section-hero:has(.hero-logo-glass) .section-hero-art{
  position:relative;order:2;left:auto;right:auto;top:auto;bottom:auto;
  width:100%;height:210px;min-height:210px;margin-top:23px;
  opacity:1;overflow:hidden;border-radius:8px;background:#151219;
 }
 .section-hero:has(.hero-logo-glass) .section-hero-art:after{background:linear-gradient(0deg,#10101626,transparent 40%)}
 .section-hero:has(.hero-logo-glass) .section-hero-photo{opacity:1;object-fit:cover;object-position:66% center}
}
@media(max-width:600px){
 .section-hero--branded-art .hero-copy{width:100%;max-width:none;padding-right:0}
 .section-hero--branded-art .section-brand-logo{position:relative;order:-1;top:auto;right:auto;transform:none;align-self:flex-start;width:124px!important;height:72px!important;min-height:72px;margin:0 0 18px!important}
 .section-hero--branded-art .section-hero-art{position:relative;order:2;left:auto;right:auto;top:auto;bottom:auto;width:100%;height:190px;min-height:190px;margin-top:22px;opacity:1;overflow:hidden;border-radius:8px;background:#151219}
 .section-hero--branded-art .section-hero-art:after{background:linear-gradient(0deg,#10101626,transparent 40%)}
 .section-hero--branded-art .section-hero-photo{opacity:1;object-fit:cover;object-position:66% center}
}