/* V19.15: ONE editorial tier, instead of duplicate number + historical tier. */
.gch-hybrid .gch-h-hero .gch-v7-tier--computed {
  display:flex; align-items:center; justify-content:center;
  min-height:clamp(83px,8vw,138px);
  padding:8px 14px;
}
.gch-hybrid .gch-h-hero .gch-v7-tier--computed strong {
  font-family:Impact,"Arial Black",sans-serif;
  font-size:clamp(51px,5.3vw,100px);
  line-height:1;
}

/* Relocate the real character biography onto the hero artwork at lower right.
   Keep the controls clickable and the biography readable over varying regions. */
.gch-hybrid .gch-h-hero .gch-h-hero-description {
  position:absolute!important;
  right:clamp(20px,2.2vw,45px);
  bottom:clamp(24px,2vw,38px);
  z-index:7!important;
  width:min(440px,45%);
  max-height:34%;
  overflow:auto;
  margin:0!important;
  padding:clamp(10px,1.05vw,17px);
  color:#fff;
  background:linear-gradient(115deg,rgba(15,28,49,.86),rgba(18,33,57,.72));
  border:2px solid rgba(255,248,226,.68);
  border-left:5px solid var(--gcc-element,#e0c77a);
  border-radius:6px;
  box-shadow:4px 5px 0 rgba(8,18,37,.62);
  font:600 clamp(12px,.95vw,16px)/1.5 "Trebuchet MS",Arial,sans-serif;
  text-shadow:0 1px 2px #111c31;
  backdrop-filter:blur(3px);
  overflow-wrap:anywhere;
}
/* Prevent motion control from covering the biography. */
.gch-hybrid .gch-h-hero .gch-h-motion-toggle {
  left:clamp(12px,1.8vw,28px)!important;
  right:auto!important;
}
@media(max-width:900px){
  .gch-hybrid .gch-h-hero .gch-h-hero-description {
    width:min(430px,55%);
    right:18px;
    bottom:18px;
    max-height:29%;
  }
}
@media(max-width:710px){
  .gch-hybrid .gch-h-hero .gch-h-hero-description {
    left:14px; right:14px; width:auto;
    bottom:13px;
    max-height:125px;
    padding:9px 11px;
    font-size:12px;
    line-height:1.38;
  }
  .gch-hybrid .gch-h-hero .gch-h-motion-toggle {
    top:10px!important; right:10px!important;
    left:auto!important; bottom:auto!important;
  }
  .gch-hybrid .gch-h-hero .gch-h-titleblock {bottom:166px!important;}
}
@media(max-width:470px){
  .gch-hybrid .gch-h-hero .gch-h-hero-description {
    left:10px;right:10px;bottom:10px;max-height:115px;
    padding:8px 9px;font-size:11px;
  }
  .gch-hybrid .gch-h-hero .gch-h-titleblock {bottom:151px!important;}
  .gch-hybrid .gch-h-hero .gch-v7-tier--computed {min-height:75px;padding:5px 10px;}
  .gch-hybrid .gch-h-hero .gch-v7-tier--computed strong {font-size:49px;}
}