/* Hero styles for article pages 14-16 only. Header and footer are intentionally untouched. */
.new-hero{position:relative;overflow:hidden;padding:52px 20px 64px;background:#f7fbff}.new-hero__shell{position:relative;isolation:isolate;max-width:1180px;margin:0 auto;min-height:430px;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(320px,.98fr);gap:44px;align-items:center}.new-hero__copy{position:relative;z-index:3}.new-hero__eyebrow{margin:0 0 14px;font-size:.78rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:#078de7}.new-hero h1{margin:0;max-width:780px;font-size:clamp(2.15rem,4.8vw,4.65rem);line-height:1.02;letter-spacing:-.045em;font-weight:900;color:#0f172a}.new-hero__chips{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 0;padding:0;list-style:none}.new-hero__chips li{padding:9px 13px;border-radius:999px;font-size:.84rem;font-weight:800}.new-hero__media{position:relative;z-index:2;margin:0}.new-hero__media img{display:block;width:100%;height:360px;object-fit:cover}.new-hero__ornament{position:absolute;pointer-events:none}
/* Page 14: editorial odds-board hero. */
.new-hero--odds{background:linear-gradient(135deg,#f8fbff 0%,#eaf7ff 55%,#fff 100%)}.new-hero--odds .new-hero__shell{grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr);border-top:1px solid #bde9ff;border-bottom:1px solid #bde9ff;padding:34px 0}.new-hero--odds .new-hero__copy:before{content:"1  X  2";display:inline-grid;place-items:center;margin-bottom:24px;width:134px;height:42px;border-radius:10px;background:#071a2d;color:#78d8ff;font-weight:950;letter-spacing:.24em;box-shadow:0 12px 30px rgba(9,184,253,.18)}.new-hero--odds .new-hero__media{padding:10px;background:#fff;border:1px solid #bde9ff;box-shadow:20px 24px 0 #dff5ff}.new-hero--odds .new-hero__media img{border-radius:4px}.new-hero--odds .new-hero__chips li{background:#fff;border:1px solid #bae7fb;color:#0c5e8e}.new-hero--odds .new-hero__ornament{right:-100px;top:-120px;width:330px;height:330px;border-radius:50%;border:52px solid rgba(9,184,253,.07)}
/* Page 15: angular tactical / CS2 hero. */
.new-hero--cs2{background:#071521;color:white}.new-hero--cs2:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(14,165,233,.16),transparent 42%),repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 1px,transparent 1px 76px)}.new-hero--cs2 .new-hero__shell{min-height:470px}.new-hero--cs2 h1{color:#f8fafc}.new-hero--cs2 .new-hero__eyebrow{color:#7dd3fc}.new-hero--cs2 .new-hero__media{transform:skewX(-4deg);overflow:hidden;border:1px solid rgba(125,211,252,.35);box-shadow:-22px 22px 0 rgba(14,165,233,.11)}.new-hero--cs2 .new-hero__media img{height:390px;transform:scale(1.08) skewX(4deg)}.new-hero--cs2 .new-hero__chips li{background:rgba(14,165,233,.1);border:1px solid rgba(125,211,252,.25);color:#dff6ff}.new-hero--cs2 .new-hero__ornament{left:46%;bottom:-72px;width:360px;height:150px;border:1px solid rgba(56,189,248,.28);transform:rotate(-8deg)}
/* Page 16: layered map / arcane hero. */
.new-hero--dota{background:radial-gradient(circle at 80% 30%,rgba(14,165,233,.22),transparent 24%),linear-gradient(160deg,#eefaff 0%,#f8fbff 52%,#e8f5ff 100%)}.new-hero--dota .new-hero__shell{grid-template-columns:minmax(320px,.9fr) minmax(0,1.1fr)}.new-hero--dota .new-hero__copy{order:2;padding:30px 0 30px 18px}.new-hero--dota .new-hero__media{order:1}.new-hero--dota .new-hero__media:before,.new-hero--dota .new-hero__media:after{content:"";position:absolute;inset:18px -18px -18px 18px;border:1px solid rgba(2,132,199,.28);z-index:-1}.new-hero--dota .new-hero__media:after{inset:-16px 16px 16px -16px;border-color:rgba(14,165,233,.14)}.new-hero--dota .new-hero__media img{height:395px;border-radius:28px 7px 28px 7px;box-shadow:0 28px 70px rgba(15,55,105,.18)}.new-hero--dota .new-hero__chips li{background:#e0f5ff;border:1px solid #b9e8fb;color:#075985}.new-hero--dota .new-hero__ornament{right:-40px;top:32px;width:190px;height:190px;background:radial-gradient(circle,#38bdf8 0 4px,transparent 5px);background-size:22px 22px;opacity:.24}
@media(max-width:820px){.new-hero{padding:34px 18px 48px}.new-hero__shell,.new-hero--odds .new-hero__shell,.new-hero--dota .new-hero__shell{grid-template-columns:1fr;gap:28px;min-height:0}.new-hero h1{font-size:clamp(2rem,9vw,3.15rem)}.new-hero__media img,.new-hero--cs2 .new-hero__media img,.new-hero--dota .new-hero__media img{height:auto;max-height:380px}.new-hero--dota .new-hero__copy{order:1;padding:0}.new-hero--dota .new-hero__media{order:2}.new-hero--odds .new-hero__shell{padding:20px 0}.new-hero--odds .new-hero__media{box-shadow:10px 12px 0 #dff5ff}.new-hero--cs2 .new-hero__media{transform:none}.new-hero--cs2 .new-hero__media img{transform:none}}