.champion-hero{border-bottom:1px solid var(--line);color:#f4f5f7;background:#10151a;min-height:330px;display:grid;position:relative;overflow:hidden}.champion-hero .hero-art{object-fit:cover;object-position:center 30%;opacity:.8;width:72%;height:100%;position:absolute;inset:0 0 0 auto}.champion-hero .hero-shade{background:linear-gradient(90deg,#101218 8%,#101218e8 33%,#10121830 80%),linear-gradient(#0000 20%,#101218 100%);position:absolute;inset:0}.champion-hero .hero-content{grid-template-columns:minmax(0,1fr) 288px;align-items:start;gap:32px;padding-top:46px;padding-bottom:44px;display:grid;position:relative}.champion-hero .hero-copy{min-width:0}.champion-hero .hero-body,.champion-hero .hero-controls{grid-area:1/1}.champion-hero .hero-controls{pointer-events:none;grid-template-columns:minmax(0,1fr) 288px;align-content:start;gap:32px;width:100%;padding-top:46px;padding-bottom:44px;display:grid;position:relative}.champion-hero .hero-controls .matchup-app-jump{pointer-events:auto;grid-column:2}.champion-hero .game-label{color:#c7cbd5;text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:10px;font-size:.6875rem;font-weight:650;display:flex}.champion-hero .game-mark{color:var(--accent-ink,var(--accent));display:flex}.champion-hero .label-divider{background:#535961;width:1px;height:11px;margin-inline:3px}.champion-hero .hero-intro{color:#bfc4cf;max-width:49ch;font-size:.9375rem;line-height:1.65}.champion-hero .hero-author{align-items:center;gap:12px;margin-top:26px;display:flex}.champion-hero .hero-author img,.champion-hero .author-initial{border:1px solid var(--line);border-color:color-mix(in srgb, var(--accent) 32%, var(--line));object-fit:cover;border-radius:50%;width:38px;height:38px}.champion-hero .author-initial{background:var(--gaming-panel,var(--paper));background:color-mix(in srgb, var(--accent) 12%, var(--gaming-panel,var(--paper)));color:var(--accent-ink,var(--accent));place-items:center;display:grid}.champion-hero .hero-author>div{gap:3px;display:grid}.champion-hero .author-name{font-size:.8125rem;font-weight:650}.champion-hero .author-description{color:#a0a5b5;font-size:.6875rem}.champion-hero .hero-guide-count{color:#bec4cd;border-left:1px solid #3c424b;align-items:center;gap:7px;margin-left:6px;padding-left:18px;font-size:.75rem;display:flex}@media (width<=1000px){.champion-hero .hero-art{width:90%}.champion-hero .hero-shade{background:linear-gradient(90deg,#101218f5 10%,#101218aa 65%,#10121835),linear-gradient(#0000,#101218)}}@media (width<=760px){.champion-hero .hero-content{grid-template-columns:minmax(0,1fr);gap:24px;padding-bottom:24px}.champion-hero .hero-controls{grid-area:2/1;grid-template-columns:minmax(0,1fr);padding-top:0;padding-bottom:32px}.champion-hero .hero-controls .matchup-app-jump{grid-column:1;width:100%}}@media (width<=560px){.champion-hero .hero-content{padding-top:32px;padding-bottom:24px}.champion-hero .hero-art{object-position:66% center;opacity:.6;width:100%}.champion-hero .hero-shade{background:linear-gradient(90deg,#101218e8,#10121870),linear-gradient(#0000,#101218)}.champion-hero .game-label{gap:7px;font-size:.5625rem}.champion-hero .hero-intro{max-width:33ch;font-size:.875rem}.champion-hero .hero-author{gap:9px}.champion-hero .hero-guide-count{margin-left:2px;padding-left:12px;font-size:.6875rem}.champion-hero .author-name{font-size:.75rem}.champion-hero .author-description{font-size:.625rem}}.champion-hero h1{letter-spacing:-.055em;max-width:18ch;margin:22px 0 14px;font-size:clamp(2.4rem,4.8vw,3.8rem);font-weight:800;line-height:1.08}.champion-hero h1 span{color:var(--accent-ink,var(--accent))}:root:not([data-theme=gaming]) .champion-hero :is(.game-mark,h1 span){color:inherit}@supports (color:oklch(from red l c h)){:root:not([data-theme=gaming]) .champion-hero :is(.game-mark,h1 span){color:oklch(from var(--accent) max(l, .8) min(c, .13) h)}}.champion-hero h1{max-width:13ch;margin-top:22px;font-size:2.5rem}