/* Football-only visual layer. Loaded last so every page shares one field-first art direction. */
:root { --field-cyan: #00bddc; }

.about-hero-bg,
.services-hero-bg,
.partners-hero-bg,
.contact-hero-bg {
  background-image: linear-gradient(90deg, #020303 0%, rgba(2,3,3,.94) 29%, rgba(2,3,3,.18) 57%, rgba(2,3,3,.02)), url('../football-team-hero.png') !important;
  background-position: center !important;
}

.development-hero-bg {
  background-image: linear-gradient(90deg, #020303 0%, rgba(2,3,3,.94) 30%, rgba(2,3,3,.2) 59%), url('../football-development.png') !important;
  background-position: center !important;
}

.about-cta-bg,
.services-cta-bg,
.partners-cta-bg,
.contact-cta-bg,
.development-cta-bg,
.article-cta-image,
.sidebar-cta-bg,
.blog-article blockquote {
  background-image: linear-gradient(90deg, rgba(1,6,8,.92), rgba(1,6,8,.36)), url('../football-tunnel.png') !important;
  background-position: center !important;
}

.services-page .representation,
.services-page .partnership,
.services-page .advisory,
.services-page .communications { background-image: url('../football-representation.png') !important; }
.services-page .nil,
.services-page .digital { background-image: url('../football-development.png') !important; }
.services-page .content,
.services-page .studio { background-image: url('../football-huddle.png') !important; }

.development-page .program-card:nth-of-type(1) .program-image,
.development-page .program-card:nth-of-type(4) .program-image { background-image: url('../football-development.png') !important; }
.development-page .program-card:nth-of-type(2) .program-image,
.development-page .program-card:nth-of-type(5) .program-image { background-image: url('../football-representation.png') !important; }
.development-page .program-card:nth-of-type(3) .program-image { background-image: url('../football-huddle.png') !important; }
.development-page .dev-testimonial-image { background-image: url('../football-tunnel.png') !important; }

.content-page .article-hero-image { background-image: linear-gradient(90deg,#020303 0%,rgba(2,3,3,.94) 27%,rgba(2,3,3,.18) 60%), url('../football-team-hero.png') !important; }
.blog-page .blog-hero-bg { background-image: linear-gradient(90deg,#020303 0%,rgba(2,3,3,.94) 29%,rgba(2,3,3,.16) 61%), url('../football-team-hero.png') !important; }
.content-page .article-sidebar > img,
.blog-page .blog-feature,
.blog-page .related-panel img { object-position: center !important; }

/* Home keeps its original component structure, with football-specific field imagery. */
.home-page .sport-card.football,
.home-page .mini-card.a1,
.home-page .insight-image.one { background-image: linear-gradient(180deg, transparent, rgba(0,0,0,.75)), url('../football-team-hero.png') !important; }
.home-page .sport-card.flag,
.home-page .mini-card.a2,
.home-page .insight-image.two { background-image: linear-gradient(180deg, transparent, rgba(0,0,0,.75)), url('../football-development.png') !important; }
.home-page .sport-card.track,
.home-page .mini-card.a3,
.home-page .mini-card.a4,
.home-page .insight-image.three { background-image: linear-gradient(180deg, transparent, rgba(0,0,0,.75)), url('../football-huddle.png') !important; }
.home-page .partner-card { background-image: linear-gradient(100deg, rgba(0,5,7,.95), rgba(0,5,7,.35)), url('../football-tunnel.png') !important; }

@media (max-width: 820px) {
  .about-hero-bg,
  .services-hero-bg,
  .partners-hero-bg,
  .contact-hero-bg,
  .development-hero-bg { background-position: 65% center !important; }
}