.heroes-page{max-width:1200px;margin:auto;padding:120px 24px 64px}.heroes-heading{max-width:760px;margin-bottom:40px}.heroes-eyebrow{letter-spacing:2px;color:#f06828;font-size:11px;font-weight:700}.heroes-heading h1,.hero-intro h1{font-family:var(--font-rajdhani),sans-serif;margin:16px 0 24px;font-size:clamp(42px,6vw,72px);font-weight:700;line-height:1.02}.heroes-heading em,.heroes-home em{color:#e25000;font-style:normal}.heroes-heading p,.hero-intro p,.heroes-home p{color:#aaa;line-height:1.8}.heroes-filters{background:#111;border:1px solid #262626;border-radius:16px;padding:20px}.heroes-search{color:#f06828;align-items:center;gap:12px;display:flex}.heroes-search input{color:#fff;background:0 0;width:100%;min-width:0;padding:12px}.heroes-filter-row{border-top:1px solid #262626;flex-wrap:wrap;align-items:end;gap:16px;margin-top:18px;padding-top:18px;display:flex}.heroes-filter-row label{color:#aaa;flex:1;gap:6px;min-width:140px;font-size:12px;display:grid}.heroes-filter-row select{color:#fff;background:#080808;border:1px solid #333;border-radius:8px;padding:10px}.heroes-filter-row button,.heroes-empty button{color:#f06828;cursor:pointer;padding:10px}.heroes-count,.heroes-source{color:#999;margin:20px 0;font-size:13px;line-height:1.7}.heroes-source a{color:#f06828}.heroes-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.hero-card{background:#111;border:1px solid #262626;border-radius:12px;transition:transform .2s,border-color .2s;overflow:hidden}.hero-card:hover{border-color:#e25000;transform:translateY(-4px)}.hero-card img{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto}.hero-card>div{padding:14px}.hero-card span{color:#aaa;font-size:11px}.hero-card h2{font-family:var(--font-rajdhani),sans-serif;justify-content:space-between;align-items:center;gap:8px;margin-top:4px;font-size:24px;font-weight:700;display:flex}.heroes-empty{text-align:center;padding:64px 20px}.heroes-source{margin-top:40px}.heroes-back{color:#aaa;font-size:14px}.hero-intro{grid-template-columns:1.2fr 1fr;align-items:center;gap:40px;margin:36px 0;display:grid}.hero-intro h2{margin-bottom:14px;font-size:20px;font-weight:600}.hero-portrait{border-radius:16px;width:100%;height:auto}.hero-tags{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.hero-tags span{color:#bbb;border:1px solid #333;border-radius:6px;padding:6px 10px;font-size:12px}.hero-tabs{white-space:nowrap;color:#ccc;border-block:1px solid #262626;gap:24px;padding:18px 0;display:flex;overflow-x:auto}.hero-detail section{margin-top:48px;scroll-margin-top:90px}.hero-detail section>h2{font-family:var(--font-rajdhani),sans-serif;margin-bottom:20px;font-size:34px;font-weight:700}.hero-attributes{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px;display:grid}.hero-attributes>div{background:#111;border:1px solid #333;border-radius:12px;gap:6px;padding:20px;display:grid}.hero-attributes strong{font-size:32px;font-family:var(--font-rajdhani),sans-serif}.hero-attributes small{color:#aaa}.hero-stats{background:#262626;border:1px solid #262626;border-radius:12px;grid-template-columns:repeat(3,1fr);gap:1px;display:grid;overflow:hidden}.hero-stats>div{background:#111;padding:16px}.hero-stats dt{color:#aaa;font-size:12px}.hero-stats dd{margin-top:5px;font-weight:600}.hero-abilities{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:20px;display:grid}.hero-ability{background:#111;border:1px solid #262626;border-radius:16px;padding:24px}.hero-ability header{align-items:center;gap:16px;margin-bottom:18px;display:flex}.hero-ability header img{border-radius:10px}.hero-ability h3,.hero-upgrade h3{font-family:var(--font-rajdhani),sans-serif;font-size:26px;font-weight:700}.hero-ability p,.hero-upgrade p{color:#bbb;white-space:pre-line;overflow-wrap:anywhere;margin-top:12px;font-size:14px;line-height:1.8}.hero-ability dl{margin-top:18px;font-size:12px}.hero-ability dl>div{border-bottom:1px solid #262626;justify-content:space-between;gap:16px;padding:8px 0;display:flex}.hero-ability dt{color:#aaa}.hero-ability dd{text-align:right}.hero-ability details{margin-top:20px;font-size:13px}.hero-ability summary{cursor:pointer;color:#f06828}.hero-ability .hero-lore{color:#888;border-top:1px solid #262626;padding-top:14px;font-size:12px;font-style:italic}.hero-upgrade{background:#111;border:1px solid #262626;border-radius:12px;margin:12px 0;padding:20px 24px}.hero-upgrade strong{color:#f5a342}.hero-talents>div{background:#111;border-bottom:1px solid #333;grid-template-columns:1fr 50px 1fr;align-items:center;gap:18px;padding:18px;display:grid}.hero-talents p{color:#ccc;font-size:13px}.hero-talents p:first-child{text-align:right}.hero-talents strong{text-align:center;color:#f5a342;font-size:24px}.hero-story{color:#bbb;white-space:pre-line;max-width:850px;line-height:1.9}.hero-bottom-links{color:#f06828;flex-wrap:wrap;justify-content:space-between;gap:24px;margin-top:30px;display:flex}.heroes-home{grid-template-columns:1fr 1fr;align-items:center;gap:60px;max-width:1200px;margin:auto;padding:80px 24px;scroll-margin-top:80px;display:grid}.heroes-home h2{font-family:var(--font-rajdhani),sans-serif;margin:16px 0 22px;font-size:clamp(36px,4vw,52px);font-weight:700;line-height:1.05}.heroes-home p{max-width:440px;font-size:14px}.heroes-cta{background:#e25000;border-radius:12px;margin-top:24px;padding:14px 22px;font-size:14px;font-weight:600;display:inline-block}.heroes-cta:hover{background:#f06828}.heroes-home-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.heroes-home-grid a{background:#111;border:1px solid #262626;border-radius:12px;overflow:hidden}.heroes-home-grid a:hover{border-color:#e25000}.heroes-home-grid img{width:100%;height:auto}.heroes-home-grid span{font-family:var(--font-rajdhani),sans-serif;padding:10px;font-size:20px;font-weight:600;display:block}#skins,#jogos{scroll-margin-top:80px}@media (max-width:900px){.heroes-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-intro{gap:24px}.hero-stats{grid-template-columns:repeat(2,1fr)}.heroes-home{gap:24px}}@media (max-width:640px){.heroes-page{padding:100px 16px 40px}.heroes-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.hero-card>div{padding:10px}.hero-card h2{font-size:21px}.hero-intro,.hero-abilities,.heroes-home{grid-template-columns:1fr}.hero-portrait{grid-row:1}.hero-attributes>div{padding:12px}.hero-attributes small{font-size:11px}.hero-tabs{gap:18px;font-size:14px}.hero-ability{padding:18px}.hero-talents>div{grid-template-columns:1fr 30px 1fr;gap:10px;padding:14px 8px}.hero-talents p{font-size:12px}.heroes-home{padding:56px 20px}.heroes-filter-row{gap:10px}.heroes-filter-row label{min-width:120px}}@media (prefers-reduced-motion:reduce){.hero-card{transition:none}}.hero-detail .hero-intro{grid-template-columns:1fr 1.1fr;gap:28px;min-height:470px;margin-bottom:32px;position:relative}.hero-detail .hero-intro h1{text-transform:uppercase;letter-spacing:1px;margin:20px 0;font-size:clamp(56px,7vw,94px);line-height:.94}.hero-primary-attribute{align-items:center;gap:10px;display:flex}.hero-attribute-icon{object-fit:contain;width:28px;height:28px}.hero-stage-panel{min-width:0;position:relative}.hero-stage{isolation:isolate;justify-content:center;align-items:center;min-height:440px;display:flex;position:relative;overflow:hidden}.hero-stage-word{font-family:var(--font-rajdhani),sans-serif;text-transform:uppercase;letter-spacing:-4px;opacity:.035;overflow-wrap:anywhere;z-index:-1;pointer-events:none;font-size:clamp(70px,11vw,140px);font-weight:700;line-height:.8;position:absolute;inset:auto 0 15%}.hero-stage video,.hero-stage>img{object-fit:contain;width:120%;max-width:none;height:460px;position:relative;-webkit-mask-image:linear-gradient(#000 88%,#0000);mask-image:linear-gradient(#000 88%,#0000)}.hero-motion-toggle{color:#ccc;cursor:pointer;z-index:1;background:#111e;border:1px solid #393939;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:11px;display:flex;position:absolute;bottom:20px;right:8px}.hero-motion-toggle:hover{color:#fff;border-color:#e25000}.hero-vitals{text-shadow:1px 1px 2px #000;width:min(100%,400px);margin:-10px auto 0;font-size:14px;position:relative}.hero-vitals>div{border:1px solid #0008;justify-content:center;align-items:center;min-height:28px;display:flex;position:relative;box-shadow:inset 0 1px #ffffff15}.hero-vitals span{font-size:11px;position:absolute;right:10px}.hero-health{background:linear-gradient(90deg,#29421f,#4c7135)}.hero-mana{background:linear-gradient(90deg,#234151,#376476)}.hero-tabs{border-top:1px solid #e2500055}.hero-tabs a:hover{color:#f06828}.hero-attribute-label{align-items:center;gap:8px;font-size:13px;display:flex}.hero-detail .hero-attributes>div{background:#111;border-top:2px solid #e25000;border-radius:8px}.hero-detail .hero-ability{background:linear-gradient(150deg,#191919,#101010 55%);border-color:#303030;border-radius:12px;padding:22px;overflow:hidden}.hero-detail .hero-ability header{align-items:center;gap:12px;position:relative}.hero-ability header>div:nth-child(2){flex:1;min-width:0}.hero-detail .hero-ability header img{border-radius:4px}.hero-detail .hero-ability h3{margin-top:5px;font-size:25px;line-height:1.1}.hero-ability header .heroes-eyebrow{letter-spacing:1.5px;font-size:9px}.ability-upgrade-icons{flex-wrap:wrap;justify-content:end;gap:2px;max-width:88px;display:flex}.aghanim-icon{object-fit:contain;flex-shrink:0;width:56px;height:40px}.ability-upgrade-icons .aghanim-icon{width:40px;height:30px}.ability-demo{aspect-ratio:16/9;background:#050505;border-block:1px solid #303030;margin:0 -22px 20px;position:relative;overflow:hidden}.ability-demo video{object-fit:contain;width:100%;height:100%;display:block}.ability-demo-start{cursor:pointer;background:#080808;width:100%;height:100%;display:block;position:relative}.ability-demo-start>img{object-fit:cover;filter:brightness(.38)saturate(.6);width:100%;height:100%;transition:filter .2s,transform .3s}.ability-demo-start:hover>img{filter:brightness(.55)saturate(.9);transform:scale(1.03)}.ability-demo-play{color:#fff;background:#e25000;border:1px solid #ff9c6655;border-radius:50%;place-items:center;width:62px;height:62px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ability-demo-label{letter-spacing:2px;color:#eee;font-size:10px;font-weight:600;position:absolute;bottom:38px;left:0;right:0}.ability-demo-credit{pointer-events:none;letter-spacing:1.5px;color:#ddd;background:#0009;border-radius:3px;padding:4px 6px;font-size:8px;position:absolute;top:10px;left:12px}.ability-demo-missing{color:#888;border-block:1px solid #292929;margin-bottom:16px;padding:12px 0;font-size:12px}.hero-aghanim-heading{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.hero-aghanim-heading .aghanim-icon{width:48px}.hero-upgrade-description{align-items:flex-start;gap:14px;display:flex}.hero-upgrade-description>.aghanim-icon{margin-top:5px}.hero-detail .hero-upgrade{border-left:2px solid #e25000}.hero-detail .hero-upgrade strong{color:#eee}.hero-detail .hero-talents>div{background:#111;border:1px solid #2c2c2c;border-radius:6px;margin-bottom:6px}.hero-detail .hero-talents strong{color:#f06828;width:42px;height:42px;font-family:var(--font-rajdhani),sans-serif;border:1px solid #e2500055;border-radius:50%;place-items:center;display:grid}@media (max-width:900px){.hero-detail .hero-intro{grid-template-columns:1fr;min-height:0}.hero-stage-panel{grid-row:1}.hero-stage{min-height:340px}.hero-stage video,.hero-stage>img{width:100%;height:380px}.hero-detail .hero-intro h1{font-size:64px}.hero-stage-word{text-align:center;font-size:110px;inset:auto 0 16%}.hero-vitals{max-width:360px}}@media (max-width:640px){.hero-stage{min-height:280px}.hero-stage video,.hero-stage>img{height:320px}.hero-detail .hero-intro{margin-top:18px}.hero-detail .hero-intro h1{font-size:54px}.hero-motion-toggle{bottom:20px}.hero-detail .hero-ability{padding:18px}.ability-demo{margin-inline:-18px}.hero-aghanim-heading{font-size:28px!important}.hero-aghanim-heading .aghanim-icon{width:38px}.hero-upgrade-description{gap:8px}.hero-detail .hero-talents strong{width:30px;height:30px;font-size:20px}}@media (prefers-reduced-motion:reduce){.ability-demo-start>img{transition:none}}.hero-detail .hero-tabs{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#080808f5;position:sticky;top:64px}.hero-detail section{scroll-margin-top:140px}.hero-detail .hero-tabs a{padding-block:6px}