.hmp-esports{--es-ink:#111721;--es-panel:#192331;--es-muted:#b8c7dd;--es-blue:#8cafff;--es-action:#b5ceff;--es-line:#3a4a63}
.hmp-esports #main .hmp-esports-hero{background:#101722;color:#fff;margin:20px auto 0;max-width:1320px;width:calc(100% - 48px);padding:0!important}
.hmp-esports .hmp-esports-hero .row{max-width:none;margin:0}
.hmp-esports .hmp-esports-hero .col{padding:0}
.hmp-esports .hmp-esports-hero .col-inner{height:100%}
.hmp-esports .hmp-esports-copy>.col-inner{padding:clamp(30px,6vw,82px);display:flex;flex-flow:column;justify-content:center;align-items:flex-start}
.hmp-esports #main .hmp-esports-hero h1{font-family:"Barlow Semi Condensed","Arial Narrow",Arial,sans-serif;color:#fff;font-size:clamp(39px,6vw,94px);letter-spacing:-.062em;line-height:.96;margin:0 0 .24em}
.hmp-esports .hmp-esports-copy p{font-size:clamp(15px,1.5vw,18px);line-height:1.55;color:#d2dded;max-width:37ch;margin:0 0 20px}
.hmp-esports .hmp-esports-hero .button{letter-spacing:0;text-transform:none;margin:0 0 7px;border:1px solid var(--es-action);min-height:46px;display:inline-flex;align-items:center;justify-content:center;padding-inline:14px}
.hmp-esports .hmp-esports-hero .button.primary{background:var(--es-action);color:#13213a}
.hmp-esports .hmp-esports-hero .button.is-outline{background:transparent;color:white}
.hmp-esports .hmp-esports-hero .hmp-esports-links{display:flex;gap:9px;flex-wrap:wrap}
.hmp-esports .hmp-esports-hero .hmp-esports-photo,.hmp-esports .hmp-esports-hero .img-inner{height:100%;min-height:440px}
.hmp-esports .hmp-esports-hero .img-inner{position:relative}
.hmp-esports .hmp-esports-hero .img-inner img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 52%}
.hmp-esports-format{display:flex;align-items:center;flex-wrap:wrap;gap:6px 13px;margin:12px 0;padding:11px 0;border-block:1px solid #d6deec;color:#253452;font-size:14px}
.hmp-esports-format strong{font-variant-numeric:tabular-nums;color:#17233d}
.hmp-esports-format span{color:#46546a}
.hmp-esports .hmp-esports-detail{border:1px solid #33435e;background:#121b29;color:#f3f7ff;margin:20px 0 36px;padding:clamp(18px,3vw,35px)!important}
.hmp-esports .hmp-esports-detail .row{margin:0;max-width:none;align-items:center}
.hmp-esports .hmp-esports-detail .col{padding:10px}
.hmp-esports #main .hmp-esports-detail h2{font-size:clamp(27px,3.8vw,50px);color:#fff;line-height:1.04;letter-spacing:-.045em}
.hmp-esports .hmp-esports-detail p{color:#c6d5ea;max-width:44ch;margin:8px 0 12px}
.hmp-esports .hmp-esports-detail .hmp-esports-dims{font:700 14px/1.4 "IBM Plex Mono",Consolas,monospace;color:#bdd3ff}
.hmp-esports .hmp-esports-diagram{border:1px solid #3c4d69;background:#172235;padding:20px 16px 8px;margin-top:8px}
.hmp-esports .hmp-esports-diagram svg{width:100%;height:auto;display:block}
.hmp-esports .hmp-esports-diagram figcaption{font-size:12px;color:#c6d5ea;margin:6px 0 3px}
.hmp-esports .hmp-esports-detail .img-inner img{height:auto;aspect-ratio:1.5;object-fit:cover}
@media(max-width:849px){
 .hmp-esports #main .hmp-esports-hero{width:calc(100% - 24px);margin-top:12px}
 .hmp-esports .hmp-esports-copy>.col-inner{padding:25px 17px 17px}
 .hmp-esports #main .hmp-esports-hero h1{font-size:clamp(43px,11vw,66px);max-width:12ch}
 .hmp-esports .hmp-esports-hero .hmp-esports-photo,.hmp-esports .hmp-esports-hero .img-inner{height:auto;min-height:0;aspect-ratio:1.4}
 .hmp-esports .hmp-esports-detail .col{padding:6px}
}

.hmp-esports .hmp-esports-diagram img{width:100%;height:auto;display:block}
.hmp-esports .hmp-esports-hero .hmp-esports-links{margin-top:5px}
.hmp-esports .hmp-esports-hero .hmp-esports-links .button{margin:0}
.hmp-esports .hmp-esports-hero .hmp-esports-links .button:focus-visible{outline:2px solid #d3e2ff;outline-offset:3px}
