/* The Nexus V56 — hero-motion quality recovery. Real Riot motion is preferred; never upscale a tiny champion icon/og thumbnail into the hero. */
.nx-rift-lab-v56.nx-rift-champion-detail .rl54-champion-cinematic{
  height:calc(100svh - 64px);min-height:720px;max-height:1080px;background:#020403;overflow:hidden;
}
.nx-rift-lab-v56.nx-rift-champion-detail .rl54-hero-motion{
  width:100%;height:100%;inset:0;object-fit:cover;object-position:50% 42%;filter:none!important;transform:none!important;
}
.nx-rift-lab-v56.nx-rift-champion-detail .rl56-hero-video{background:#020403}
.nx-rift-lab-v56.nx-rift-champion-detail .rl56-hero-fallback{
  object-fit:cover;object-position:50% 32%;filter:saturate(1.04) contrast(1.04)!important;image-rendering:auto;
}
.nx-rift-lab-v56.nx-rift-champion-detail .rl54-hero-overlay{
  background:linear-gradient(90deg,rgba(1,4,3,.93) 0%,rgba(1,4,3,.72) 23%,rgba(1,4,3,.30) 47%,rgba(1,4,3,.08) 72%,rgba(1,4,3,.20) 100%);
}
.nx-rift-lab-v56.nx-rift-champion-detail .rl54-hero-vignette{
  background:linear-gradient(180deg,rgba(1,4,3,.08) 0%,transparent 46%,rgba(3,9,6,.92) 100%),radial-gradient(ellipse at 52% 44%,transparent 25%,rgba(0,0,0,.08) 62%,rgba(0,0,0,.48) 100%);
}
.nx-rift-lab-v56.nx-rift-champion-detail .rl54-hero-copy{bottom:clamp(52px,8svh,96px)}
@media(max-width:900px){
 .nx-rift-lab-v56.nx-rift-champion-detail .rl54-champion-cinematic{height:78svh;min-height:570px;max-height:820px}
 .nx-rift-lab-v56.nx-rift-champion-detail .rl54-hero-motion{object-position:58% center}
 .nx-rift-lab-v56.nx-rift-champion-detail .rl56-hero-fallback{object-position:58% 30%}
}
@media(max-width:600px){
 .nx-rift-lab-v56.nx-rift-champion-detail .rl54-champion-cinematic{height:74svh;min-height:520px;max-height:700px}
 .nx-rift-lab-v56.nx-rift-champion-detail .rl54-hero-motion{object-position:62% center}
 .nx-rift-lab-v56.nx-rift-champion-detail .rl54-hero-copy{bottom:22px}
}

/* V139 — the champion page wasted a third of its first screen, then overspent the rest.
 *
 * MEASURED, not guessed. At 1440x900 the <h1> ended at y=316 and the banner did not begin
 * until y=625: a 309px dead band made of two stacked 100px paddings — riftlab-hero-detail's
 * bottom and riftlab-body's top — neither of which has anything between them. The banner then
 * ran 836px, because height:calc(100svh - 64px) above makes it as tall as the window, so the
 * whole first screen was empty space followed by a wall of art and the guide began below the
 * fold.
 *
 * The owner asked for the empty space to be used by the banner and for the banner to be
 * smaller. Both are the same fix: pull it up into the band and stop it filling the viewport.
 *
 * SCOPED TO THE DETAIL PAGE. .nx-rift-champion-detail is only on champion detail pages, so
 * the hubs — which use that 100px rhythm deliberately — are untouched.
 *
 * A fourth file is NOT added. v54, v55 and v56 already fight over this element's height, which
 * is why it took a computed-style dump to find out that v56 wins. The override belongs beside
 * the rule it corrects.
 *
 * WHY !important IS USED HERE, AND ONLY HERE.
 * The 100px is not written on these sections. It comes from a global
 *     section, .space, .space-top, .space-bottom { padding-top:100px!important;
 *                                                  padding-bottom:100px!important }
 * in the theme, found with CSS.getMatchedStylesForNode after four ordinary attempts failed.
 * It applies to the bare `section` TAG, so it lands on every <section> on the site and beats
 * every class-based rule regardless of specificity. rift-detail-v136.css already tries
 * `.riftlab-hero-detail{padding:26px 0 18px}` and has never once taken effect.
 * An !important declaration can only be answered by another one; this is not a shortcut past
 * a specificity problem, it is the only reply the cascade allows. */
.nx-rift-lab-v56.nx-rift-champion-detail .riftlab-hero-detail{padding-top:34px!important;padding-bottom:22px!important}
.nx-rift-lab-v56.nx-rift-champion-detail .riftlab-body{padding-top:14px!important}
.nx-rift-lab-v56.nx-rift-champion-detail .rl54-champion-cinematic{
  height:clamp(400px,48svh,560px);min-height:400px;max-height:560px}

@media(max-width:1180px){
 .nx-rift-lab-v56.nx-rift-champion-detail .rl54-champion-cinematic{height:clamp(360px,44svh,500px);min-height:360px;max-height:500px}
}
@media(max-width:780px){
 .nx-rift-lab-v56.nx-rift-champion-detail .riftlab-hero-detail{padding-bottom:18px!important}
 .nx-rift-lab-v56.nx-rift-champion-detail .riftlab-body{padding-top:16px!important}
 .nx-rift-lab-v56.nx-rift-champion-detail .rl54-champion-cinematic{height:clamp(300px,40svh,420px);min-height:300px;max-height:420px}
}