/* Sports hero follows the approved natural blue-and-white category direction. */
.page-sports .sports-hero { background: #f4faff; color: #092b50; }
.sports-hero-scene {
  position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background-image: linear-gradient(90deg,#fffffff0 0%,#ffffffc4 28%,#ffffff45 48%,transparent 65%),url('../assets/sports-hero-number10.png');
  background-size: cover; background-position: center bottom;
}
.sports-hero .breadcrumb { color: #496681; }
.sports-hero-layout {
  display: flex; flex-direction: column; align-items: flex-start;
  justify-content: center; gap: 27px;
  min-height: clamp(570px,calc(56.25vw - 48px),760px); padding: 35px 0 115px;
}
.sports-hero-copy { max-width: 570px; }
.page-sports .sports-hero h1 { font-size: clamp(64px,6vw,84px); font-weight: 750; letter-spacing: .025em; line-height: 1.15; }
.sports-hero-heading { font-size: 32px; line-height: 1.5; font-weight: 500; margin-top: 20px; color: #193f60; }
.sports-hero-intro { font-size: 19px; line-height: 1.95; margin-top: 24px; color: #45667f; }
.sports-hero-actions { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; }
.page-sports .sports-primary {
  min-height: 56px; padding: 13px 27px; border-radius: 7px; font-size: 17px; gap: 28px;
  background: linear-gradient(115deg,#0c89f8,#0062e5); border: 1px solid #278ef1;
  box-shadow: 0 7px 24px #13548b28; white-space: nowrap;
}
.sports-secondary { color: #1268af; display: inline-flex; align-items: center; gap: 12px; min-height: 44px; font-size: 15px; line-height: 1.6; border-bottom: 1px solid transparent; }
.sports-secondary:hover { color: #004d9a; border-bottom-color: #a0cfff; }
.sports-hero a:focus-visible { outline: 3px solid #0074bf; outline-offset: 5px; }
@media(min-width:781px) and (max-width:1100px) {
  .sports-hero-layout { min-height: 540px; padding-bottom: 75px; }
  .sports-hero-scene { background-position: 60% bottom; }
  .page-sports .sports-hero h1 { font-size: 60px; }
  .sports-hero-heading { font-size: 28px; }
  .sports-hero-intro { font-size: 17px; }
}
@media(max-width:780px) {
  .sports-hero > .container { width: calc(100% - 40px); }
  .sports-hero .breadcrumb { padding-top: 16px; font-size: 11px; }
  .sports-hero-layout { min-height: 0; padding: 24px 0 385px; gap: 20px; }
  .sports-hero-copy { max-width: 100%; }
  .page-sports .sports-hero h1 { font-size: 46px; line-height: 1.2; }
  .sports-hero-heading { font-size: 23px; margin-top: 13px; }
  .sports-hero-intro { font-size: 15px; margin-top: 18px; line-height: 1.85; }
  .sports-hero-intro br { display: none; }
  .sports-hero-actions { gap: 5px; }
  .page-sports .sports-primary { font-size: 15px; min-height: 50px; padding: 11px 23px; }
  .sports-secondary { font-size: 14px; }
  .sports-hero-scene { top: auto; height: 365px; background-image: url('../assets/sports-hero-number10.png'); background-size: auto 365px; background-position: right bottom; background-repeat: no-repeat; }
  .sports-hero-scene::before { content: ''; position: absolute; inset: 0 0 auto; height: 45px; background: linear-gradient(#f4faff,transparent); }
}
@media(max-width:350px) {
  .sports-hero > .container { width: calc(100% - 32px); }
  .page-sports .sports-hero h1 { font-size: 40px; }
  .sports-hero-heading { font-size: 21px; }
  .sports-hero-intro { font-size: 14px; }
  .sports-hero-layout { padding-bottom: 335px; }
  .sports-hero-scene { height: 315px; background-size: auto 315px; }
}