.sports-header { background: #0a1219; border-bottom: 1px solid #405366; }
.sports-nav { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem; padding-block: 1.25rem; }
.sports-nav .brand { display: block; }
.sports-hero { background: linear-gradient(125deg, #0b1118, #292441); }
.sports-hero-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, .8fr); align-items: center; gap: clamp(1.5rem, 6vw, 5rem); padding-block: clamp(3rem, 8vw, 7rem); }
.sports-page h1, .sports-page h2 { font-family: Georgia, serif; line-height: 1.12; }
.sports-page h1 { margin: .25em 0; font-size: clamp(2.5rem, 6vw, 5rem); }
.sports-page h2 { margin: .4em 0; font-size: clamp(1.75rem, 4vw, 3rem); }
.sports-kicker { color: #cbc4f5; font-size: .8rem; font-weight: 800; letter-spacing: .14em; }
.sports-lead { color: #ded8fb; font-size: clamp(1.2rem, 3vw, 1.6rem); }
.sports-art { display: block; width: 100%; max-width: 25rem; height: auto; justify-self: center; border: 1px solid #766c9f; }
.sports-section { padding-block: clamp(2.5rem, 7vw, 5rem); }
.sports-section > p { max-width: 65ch; }
.sports-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; margin-top: 1.5rem; }
.sports-grid article { padding: 1.25rem; background: #211e34; border: 1px solid #655d8c; border-top: 3px solid #9b9bca; }
.sports-grid h3 { margin-top: 0; }
.sports-grid p { margin-bottom: 0; color: #d3dce4; }
.sports-examples, .sports-contact { background: #19172b; }
.sports-button { background: #d5cef6; color: #0b2034; }
.sports-button:hover { background: #ede8ff; }
@media (max-width: 46rem) {
  .sports-hero-grid, .sports-grid { grid-template-columns: 1fr; }
  .sports-art { justify-self: start; }
}