/* The official mark and the original portrait remain separate, unedited assets. */
.slide-intro .brand-hero-art {
  position: absolute;
  inset: 0;
  z-index: -2;
  overflow: hidden;
  pointer-events: none;
  background: radial-gradient(ellipse at 72% 47%, #b88c342b 0, #96702814 28%, transparent 61%), #080d15;
}
.slide-intro .brand-hero-art img { position: absolute; display: block; max-width: none; }
.slide-intro .brand-hero-seal {
  width: min(34vw, 640px);
  height: auto;
  right: 8%;
  top: 12%;
  opacity: .22;
}
.slide-intro .brand-hero-portrait {
  width: auto;
  height: 160%;
  right: 10%;
  top: 0;
  object-fit: contain;
  object-position: center top;
  filter: drop-shadow(0 0 40px #e6b84a22);
}
.slide-intro .brand-hero-art::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, #080d15 0%, #080d15b3 28%, transparent 56%), linear-gradient(0deg, #080d15 0%, transparent 24%);
}
@media (max-width: 1050px) and (min-width: 801px) {
  .slide-intro .brand-hero-portrait { right: 0; }
  .slide-intro .brand-hero-seal { right: 0; width: 42vw; }
}
@media (max-width: 800px) {
  .slide-intro .brand-hero-art { height: 430px; background: radial-gradient(ellipse at 65% 35%, #b88c3433, transparent 68%), #080d15; }
  .slide-intro .brand-hero-portrait { height: 800px; top: -8px; right: 4%; }
  .slide-intro .brand-hero-seal { width: 280px; right: 2%; top: 38px; opacity: .18; }
  .slide-intro .brand-hero-art::after { background: linear-gradient(0deg, #080d15 0%, #080d15c2 12%, transparent 55%); }
}
@media (max-width: 480px) {
  .slide-intro .brand-hero-art { height: 390px; }
  .slide-intro .brand-hero-portrait { height: 740px; top: -10px; right: -42px; }
  .slide-intro .brand-hero-seal { width: 210px; top: 38px; right: -28px; opacity: .2; }
}
@media (max-width: 1050px) and (max-height: 500px) and (orientation: landscape) {
  .slide-intro .brand-hero-art { height: 100%; }
  .slide-intro .brand-hero-portrait { height: 180%; top: -4%; right: -3%; }
  .slide-intro .brand-hero-seal { width: 29vw; top: 8%; right: 0; opacity: .13; }
  .slide-intro .brand-hero-art::after { background: linear-gradient(90deg, #080d15f5 0%, #080d15cf 38%, #080d154d 76%), linear-gradient(0deg, #080d15 0%, transparent 35%); }
}