/* Heretro: photo-led sport navigation. Scoped to the league section. */
.heretro-home-v2 #hr-leagues.hrh-games-section { padding-block:48px; }
.heretro-home-v2 #hr-leagues .hrh-games-heading { margin-bottom:24px; }
.heretro-home-v2 #hr-leagues .hrh-game-grid {
 display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px;
}
.heretro-home-v2 #hr-leagues .hrh-game {
 position:relative; isolation:isolate; min-width:0; height:390px;
 overflow:hidden; border:0; border-radius:10px; background:#101b29;
 box-shadow:0 6px 20px rgb(15 25 40 / 9%);
}
.heretro-home-v2 #hr-leagues .hrh-game-image-link {
 position:absolute; inset:0; z-index:0; display:block; overflow:hidden;
}
.heretro-home-v2 #hr-leagues .hrh-game-photo {
 display:block; width:100%; height:100%; max-width:none; max-height:none;
 object-fit:cover; object-position:50% 40%; transition:transform .45s ease;
}
.heretro-home-v2 #hr-leagues .hrh-game-mlb .hrh-game-photo { object-position:50% 58%; }
.heretro-home-v2 #hr-leagues .hrh-game-nba .hrh-game-photo { object-position:50% 30%; }
.heretro-home-v2 #hr-leagues .hrh-game-nhl .hrh-game-photo { object-position:50% 42%; }
.heretro-home-v2 #hr-leagues .hrh-game::after {
 content:""; position:absolute; inset:0; z-index:1; pointer-events:none;
 background:linear-gradient(180deg, rgb(10 18 29 / 4%) 0%, rgb(10 18 29 / 3%) 35%, rgb(10 18 29 / 38%) 57%, rgb(10 18 29 / 94%) 100%);
}
.heretro-home-v2 #hr-leagues .hrh-game-content {
 position:absolute; inset:auto 22px 22px; z-index:2; pointer-events:none;
}
.heretro-home-v2 #hr-leagues .hrh-game-content h3 {
 margin:0 0 5px; color:#fff; font-size:clamp(26px,2.85vw,38px);
 line-height:1.12; letter-spacing:-.025em; font-weight:700;
 text-shadow:0 2px 12px rgb(0 0 0 / 18%);
}
.heretro-home-v2 #hr-leagues .hrh-game-line {
 margin:0 0 17px; color:#e0e4e9; font-size:12px; line-height:1.5;
}
.heretro-home-v2 #hr-leagues .hrh-game-leagues {
 display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px;
}
.heretro-home-v2 #hr-leagues .hrh-game-leagues a {
 display:flex; align-items:center; justify-content:space-between; gap:8px;
 min-width:0; min-height:44px; padding:9px 11px; border:1px solid rgb(255 255 255 / 20%);
 border-radius:5px; background:rgb(255 255 255 / 13%); color:#fff;
 font-size:12px; line-height:1.3; font-weight:700; pointer-events:auto;
 transition:background .18s ease, color .18s ease, border-color .18s ease;
}
.heretro-home-v2 #hr-leagues .hrh-game-leagues a span { min-width:0; }
.heretro-home-v2 #hr-leagues .hrh-game-leagues b {
 flex:none; color:#fff; font-size:16px; font-weight:400; line-height:1;
}
.heretro-home-v2 #hr-leagues .hrh-game-leagues a:hover {
 background:#fff; border-color:#fff; color:#101b29;
}
.heretro-home-v2 #hr-leagues .hrh-game-leagues a:hover b { color:#ad2330; }
.heretro-home-v2 #hr-leagues .hrh-game-image-link:focus-visible,
.heretro-home-v2 #hr-leagues .hrh-game-leagues a:focus-visible {
 outline:3px solid #fff; outline-offset:-5px;
}
.heretro-home-v2 #hr-leagues .hrh-game:focus-within { box-shadow:0 0 0 3px #ad2330; }
.heretro-home-v2 #hr-leagues .hrh-game-credits {
 display:flex; flex-wrap:wrap; align-items:baseline; gap:0 4px;
 margin:14px 0 0; color:#5d6672; font-size:10px; line-height:1.8;
}
.heretro-home-v2 #hr-leagues .hrh-game-credits a { color:inherit; text-decoration:underline; text-underline-offset:2px; }
@media (hover:hover) and (prefers-reduced-motion:no-preference) {
 .heretro-home-v2 #hr-leagues .hrh-game:hover .hrh-game-photo { transform:scale(1.045); }
}
@media (max-width:1099px) {
 .heretro-home-v2 #hr-leagues .hrh-game { height:350px; }
 .heretro-home-v2 #hr-leagues .hrh-game-content { inset:auto 16px 18px; }
 .heretro-home-v2 #hr-leagues .hrh-game-leagues a { justify-content:center; padding-inline:7px; font-size:11px; }
 .heretro-home-v2 #hr-leagues .hrh-game-leagues b { display:none; }
}
@media (max-width:849px) {
 .heretro-home-v2 #hr-leagues.hrh-games-section { padding-block:38px; }
 .heretro-home-v2 #hr-leagues .hrh-game-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:15px; }
 .heretro-home-v2 #hr-leagues .hrh-game { height:340px; }
 .heretro-home-v2 #hr-leagues .hrh-game-content { inset:auto 20px 20px; }
 .heretro-home-v2 #hr-leagues .hrh-game-content h3 { font-size:34px; }
 .heretro-home-v2 #hr-leagues .hrh-game-leagues a { justify-content:space-between; font-size:12px; padding-inline:12px; }
 .heretro-home-v2 #hr-leagues .hrh-game-leagues b { display:block; }
}
@media (max-width:599px) {
 .heretro-home-v2 #hr-leagues.hrh-games-section { padding-block:32px; }
 .heretro-home-v2 #hr-leagues .hrh-games-heading { margin-bottom:18px; }
 .heretro-home-v2 #hr-leagues .hrh-games-heading h2 { font-size:clamp(27px,7vw,32px); }
 .heretro-home-v2 #hr-leagues .hrh-game-grid { gap:12px; }
 .heretro-home-v2 #hr-leagues .hrh-game { height:288px; border-radius:8px; }
 .heretro-home-v2 #hr-leagues .hrh-game-content { inset:auto 12px 13px; }
 .heretro-home-v2 #hr-leagues .hrh-game-content h3 { font-size:clamp(20px,6vw,29px); }
 .heretro-home-v2 #hr-leagues .hrh-game-line { font-size:10px; margin-bottom:12px; }
 .heretro-home-v2 #hr-leagues .hrh-game-leagues { gap:6px; }
 .heretro-home-v2 #hr-leagues .hrh-game-leagues a {
  justify-content:center; min-height:44px; padding:9px 5px; font-size:11px;
 }
 .heretro-home-v2 #hr-leagues .hrh-game-leagues b { display:none; }
 .heretro-home-v2 #hr-leagues .hrh-game-credits { gap:0 3px; font-size:9px; margin-top:11px; }
}
@media (prefers-reduced-motion:reduce) {
 .heretro-home-v2 #hr-leagues .hrh-game-photo,
 .heretro-home-v2 #hr-leagues .hrh-game-leagues a { transition:none; }
}