.hh{padding-bottom:clamp(8px,2vw,24px)}
.hh-in{display:grid;grid-template-columns:300px minmax(0,1fr);column-gap:clamp(24px,4vw,64px);align-items:center;}
.hh-in>.logo{width:300px;height:auto;max-width:none}
.hh-in .acts{margin-top:24px}
@media(max-width:760px){.hh-in{display:block}.hh-in>.logo{width:min(300px,62%);margin-bottom:22px}}
.hh .logo{filter:drop-shadow(0 0 40px rgba(77,220,50,.4))}
.hh h1{font-size:clamp(40px,5.6vw,84px);letter-spacing:-.035em}
.hh h1 em{font-style:normal;color:var(--g);text-shadow:0 0 38px rgba(77,220,50,.55)}
.hh-sub{margin-top:16px;color:var(--mu);font-size:18px;max-width:52ch}
.hh .acts,.hs-card .acts{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
.hs-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,420px),1fr))}
.hs-card{background:linear-gradient(180deg,rgba(13,14,16,.35),rgba(13,14,16,.9)),var(--bg) center/cover no-repeat;min-height:260px;display:flex}
.hs-body{padding:clamp(18px,2vw,26px);display:flex;flex-direction:column;width:100%}
.hs-body h3{font-size:24px}
.hs-up{margin-top:10px;display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}
.hs-up b{font:700 18px var(--display);color:var(--g)}
.hs-heads{list-style:none;padding:0;display:flex;gap:8px;flex-wrap:wrap}
/* Who plays here: one row of sixteen that spans the full width, heads scale with it */
.hm-heads{list-style:none;padding:0;display:grid;grid-template-columns:repeat(16,minmax(0,1fr));gap:10px}
@media(max-width:1100px){.hm-heads{grid-template-columns:repeat(8,minmax(0,1fr))}}
@media(max-width:480px){.hm-heads{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}}
.hs-heads{margin-top:16px}
.hs-heads img{border-radius:8px;border:1px solid var(--line2);background:#1b1d21;image-rendering:pixelated}
.hs-heads a:hover img{border-color:var(--g)}
.hs-card .acts{margin-top:auto;padding-top:20px}
.hm-heads a{display:block;padding:8px}
.hm-heads img{display:block;width:100%;height:auto;aspect-ratio:1;border-radius:10px;image-rendering:pixelated}
.hs-lead{list-style:none;padding:0;margin-top:14px;display:grid;gap:8px}
.hs-lead li{display:flex;align-items:center;gap:10px;font-size:13.5px;color:var(--mu)}
.hs-lead .award-badge{flex:none}
.hs-lead small{display:block;font:600 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mu)}
.hs-lead b{color:var(--tx);font-family:var(--display)}
.hs-title{color:inherit}
.hs-title:hover{color:var(--g)}

/* name label on the members row: shows on hover and on keyboard focus */
.hm-heads li,.hs-heads li{position:relative}
.hm-heads a[data-name]::after,.hs-heads a[data-name]::after{content:attr(data-name);position:absolute;left:50%;bottom:calc(100% + 6px);transform:translate(-50%,4px);max-width:220px;padding:6px 10px;border-radius:999px;background:var(--bg2);border:1px solid var(--g-line);color:var(--tx);font:600 13px/1.2 var(--display);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 10px 24px rgba(0,0,0,.45);opacity:0;pointer-events:none;transition:opacity .12s,transform .12s;z-index:5}
.hm-heads a[data-name]:hover::after,.hm-heads a[data-name]:focus-visible::after,.hs-heads a[data-name]:hover::after,.hs-heads a[data-name]:focus-visible::after{opacity:1;transform:translate(-50%,0)}
@media(prefers-reduced-motion:reduce){.hm-heads a[data-name]::after,.hs-heads a[data-name]::after{transition:none}}

/* rotating heads: one shrinks away, the next bounces in */
.hm-heads li.hm-out{transform:scale(.2) rotate(-12deg);opacity:0;transition:transform .2s ease-in,opacity .2s ease-in}
@keyframes hm-bounce{0%{transform:scale(.2) rotate(10deg);opacity:0}55%{transform:scale(1.18) rotate(-4deg);opacity:1}78%{transform:scale(.94)}100%{transform:none}}
.hm-heads li.hm-in{animation:hm-bounce .55s cubic-bezier(.3,1.3,.5,1) both}
@media(prefers-reduced-motion:reduce){.hm-heads li.hm-out,.hm-heads li.hm-in{transition:none;animation:none}}

/* Latest videos and VODs: five across, then three, then one */
.vgrid5{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
@media(max-width:1200px){.vgrid5{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.vgrid5{grid-template-columns:1fr}}