/* Blog landing page */
.blog-page { background: #f8f7f2; color: var(--ink); }
.blog-hero { min-height: 405px; background: #080808; }
.blog-hero::before { background: linear-gradient(90deg, rgba(0,0,0,.98) 0%, rgba(0,0,0,.88) 36%, rgba(0,0,0,.18) 69%, rgba(0,0,0,.62) 100%), url("../images/boxing-near-me.png") center / cover no-repeat; }
.blog-hero .wrap { max-width: 1470px; min-height: 405px; padding-top: 88px; padding-bottom: 25px; align-items: flex-end; }
.blog-hero h1 { margin: 10px 0 0; font-size: clamp(4rem, 6.2vw, 7.2rem); }
.blog-hero .lede { max-width: 510px; margin-top: 10px; font-size: clamp(1.12rem, 1.5vw, 1.65rem); }
.blog-content { padding-top: 27px; padding-bottom: 50px; }
.blog-tools { align-items: stretch; gap: 18px; margin-bottom: 19px; }
.blog-filter-list { gap: 12px; }
.blog-filter { min-height: 48px; padding: 0 24px; border-color: #808695; font-size: clamp(.9rem, 1.12vw, 1.15rem); }
.blog-search { display: flex; align-items: center; gap: 9px; width: 230px; height: 48px; padding: 0 13px; border: 1px solid #8f96a4; background: transparent; color: #0c0d12; }
.blog-search input { width: 100%; min-width: 0; border: 0; outline: 0; background: transparent; color: inherit; font: 400 .9rem var(--body); }
.featured-article { grid-template-columns: 50% 50%; margin-top: 0; border-color: #777e8d; }
.featured-media { min-height: 340px; background: linear-gradient(rgba(0,0,0,.05), rgba(0,0,0,.22)), url("../images/training-competition.png") center / cover no-repeat; filter: grayscale(1); }
.featured-copy { display: flex; flex-direction: column; justify-content: center; padding: 36px 33px; }
.featured-copy .eyebrow { margin: 0 0 10px; }
.featured-copy h2 { max-width: 570px; margin: 0 0 12px; font-size: clamp(2.8rem, 4vw, 5rem); }
.featured-copy p:not(.eyebrow) { max-width: 540px; margin-bottom: 20px; font-size: clamp(1rem, 1.4vw, 1.45rem); }
.featured-copy .button { align-self: flex-start; padding: 17px 25px; font-size: clamp(1rem, 1.3vw, 1.35rem); }
.articles-title { margin-top: 49px; font-size: clamp(2.7rem, 3.9vw, 4.55rem); }
.article-grid { gap: 18px; margin-top: 22px; }
.article-card { min-height: 360px; padding: 10px 10px 16px; border-color: #a1a6b0; }
.article-image { width: 100%; height: 185px; aspect-ratio: auto; object-fit: cover; filter: grayscale(1); }
.article-category { margin-top: 12px; font-size: .84rem; letter-spacing: .16em; }
.article-card h3 { margin: 5px 0 19px; font-size: clamp(1.75rem, 2.25vw, 2.8rem); }
.article-card a { font-size: .95rem; }
.article-card a span, .blog-pagination span { margin-left: 8px; font-size: 1.2em; }
.blog-pagination { margin-top: 34px; }
.blog-pagination a { min-width: 42px; height: 42px; padding: 0 13px; }
.blog-cta { margin-top: 0; }
.blog-cta .wrap { min-height: 116px; }
.blog-cta .cta-title { font-size: clamp(2.75rem, 4vw, 4.65rem); }
.blog-cta .button { min-width: 270px; }
.blog-cta-note { margin: 0; font: 800 .76rem/1.42 var(--display) !important; letter-spacing: .22em; text-align: right; text-transform: uppercase; }

@media (max-width: 800px) {
  .blog-hero, .blog-hero .wrap { min-height: 430px; }
  .blog-hero::before { background-position: center, 68% center; background-size: cover, cover; }
  .blog-hero .wrap { padding-top: 75px; padding-bottom: 35px; }
  .blog-hero h1 { font-size: clamp(3.6rem, 14vw, 5.4rem); }
  .blog-tools { display: block; }
  .blog-filter-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 9px; }
  .blog-filter { justify-content: center; padding: 0 10px; }
  .blog-search { width: 100%; margin-top: 10px; }
  .featured-article { grid-template-columns: 1fr; }
  .featured-media { min-height: 240px; }
  .featured-copy { padding: 25px 20px; }
  .article-grid { grid-template-columns: 1fr; }
  .article-card { min-height: 0; }
  .article-image { height: 210px; }
  .blog-cta .wrap { padding-top: 25px; padding-bottom: 25px; }
  .blog-cta-note { margin-top: 16px !important; text-align: left; }
}