/*!
Theme Name: Cleveland Flames
Theme URI: https://them.es/starter
Author: Gary Cooke
Author URI: https://clevelandtnsoccer.com/
Description: Bootstrap theme for soccer
Version: 3.6.2
Requires at least: 5.0
Tested up to: 6.9
Requires PHP: 7.2
License: GPL version 2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0
Tags: custom-background, custom-colors, featured-images, flexible-header, microformats, post-formats, rtl-language-support, theme-options, translation-ready, accessibility-ready
Text Domain: cleveland-flames-soccer
*/

/* Don't overwrite this file. Compile "/assets/main.scss" to "/build/main.css" */

/* From http://codex.wordpress.org/CSS */

.alignnone {
	margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
	display: block;
	margin: 5px auto 5px auto;
}

.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

a img.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

a img.alignnone {
	margin: 5px 20px 20px 0;
}

a img.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

a img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	max-width: 96%; /* Image does not overflow the content area */
	padding: 5px 3px 10px;
	text-align: center;
}
.wp-caption.alignnone {
	margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
	margin: 5px 0 20px 20px;
}
.wp-caption img {
	border: 0 none;
	height: auto;
	margin: 0;
	max-width: 98.5%;
	padding: 0;
	width: auto;
}
.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	margin: 0;
	padding: 0 4px 5px;
}

.gallery-item {
	display: inline-block;
	text-align: left;
	vertical-align: top;
	width: 50%;
}

.gallery-item a,
.gallery-item a:hover,
.gallery-item a:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
	background: none;
	display: inline-block;
	max-width: 100%;
}

.gallery-item a img {
	display: block;
	-webkit-transition: -webkit-filter 0.2s ease-in;
	transition: -webkit-filter 0.2s ease-in;
	transition: filter 0.2s ease-in;
	transition:
		filter 0.2s ease-in,
		-webkit-filter 0.2s ease-in;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.gallery-item a:hover img,
.gallery-item a:focus img {
	-webkit-filter: opacity(60%);
	filter: opacity(60%);
}

.gallery-caption {
	display: block;
	text-align: left;
	padding: 0 10px 0 0;
	margin-bottom: 0;
}

.gallery-columns-1 .gallery-item {
	max-width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
	display: none;
}

.bypostauthor {
	font-weight: bold;
}

#main {
    margin-top: 0 !important;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
   --bs-gutter-x: 0rem !important;
	}

.navbar-brand, a.navbar-brand {color: #ffffff !important;}
header, nav#header, #header {background-color: #000000 !important;}
header.entry-header {background-color: #ffffff !important;}
.btn-outline-secondary {background-color: maroon !important; color: #ffffff !important;}
.entry-title {margin-top: 25px;}
.post-thumbnail {margin: 0px 0px 55px 0px !important;}
.page .entry-title {display: none !important;}

/* ============================================================
   CLEVELAND FLAMES FUTBOL CLUB — HOMEPAGE CSS
   Page-specific only. Scope: .flames-homepage
   Compatible with: Bootscore / Bootstrap 5 / WordPress
   Do NOT add to global stylesheet. Use as page-specific CSS
   or paste into Appearance > Customize > Additional CSS.
============================================================ */


/* ============================================================
   CSS CUSTOM PROPERTIES
   Defined on root wrapper so all children inherit
============================================================ */
.flames-homepage {
  --flames-main:          #a52d35;
  --flames-main-dark:     #7e2029;
  --flames-main-xdark:    #5a1620;
  --flames-accent:        #f9c031;
  --flames-accent-dark:   #d9a41a;
  --flames-dark:          #1a1617;
  --flames-dark-alt:      #2a2224;
  --flames-light:         #ffffff;
  --flames-muted:         #6b6366;
  --flames-body:          #3d3638;
  --flames-bg-light:      #f8f7f7;
  --flames-bg-section:    #faf9f9;
  --flames-border:        rgba(26, 22, 23, 0.08);
  --flames-radius:        12px;
  --flames-radius-sm:     8px;
  --flames-radius-pill:   100px;
  --flames-shadow:        0 4px 24px rgba(26, 22, 23, 0.09);
  --flames-shadow-hover:  0 10px 40px rgba(165, 45, 53, 0.18);
  --flames-shadow-dark:   0 10px 40px rgba(0, 0, 0, 0.28);
  --flames-transition:    0.28s cubic-bezier(0.4, 0, 0.2, 1);

  font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif;
  color: var(--flames-dark);
  overflow-x: hidden;
}


/* ============================================================
   SHARED BUTTON STYLES
============================================================ */
.flames-homepage .btn {
  font-weight: 700;
  letter-spacing: 0.025em;
  border-radius: var(--flames-radius-sm);
  padding: 0.78rem 1.85rem;
  font-size: 0.94rem;
  transition:
    background-color var(--flames-transition),
    border-color var(--flames-transition),
    color var(--flames-transition),
    box-shadow var(--flames-transition),
    transform var(--flames-transition);
  text-decoration: none;
  display: inline-block;
  border: 2px solid transparent;
  cursor: pointer;
  line-height: 1.4;
}

/* Primary — main red */
.flames-homepage .flames-btn-primary {
  background-color: var(--flames-main);
  color: var(--flames-light);
  border-color: var(--flames-main);
}
.flames-homepage .flames-btn-primary:hover,
.flames-homepage .flames-btn-primary:focus {
  background-color: var(--flames-main-dark);
  border-color: var(--flames-main-dark);
  color: var(--flames-light);
  transform: translateY(-2px);
  box-shadow: 0 6px 22px rgba(165, 45, 53, 0.38);
}

/* Accent — gold */
.flames-homepage .flames-btn-accent {
  background-color: var(--flames-accent);
  color: var(--flames-dark);
  border-color: var(--flames-accent);
}
.flames-homepage .flames-btn-accent:hover,
.flames-homepage .flames-btn-accent:focus {
  background-color: var(--flames-accent-dark);
  border-color: var(--flames-accent-dark);
  color: var(--flames-dark);
  transform: translateY(-2px);
  box-shadow: 0 6px 22px rgba(249, 192, 49, 0.42);
}

/* Outline white — for dark/hero backgrounds */
.flames-homepage .flames-btn-outline {
  background-color: transparent;
  color: var(--flames-light);
  border-color: rgba(255, 255, 255, 0.60);
}
.flames-homepage .flames-btn-outline:hover,
.flames-homepage .flames-btn-outline:focus {
  background-color: var(--flames-light);
  color: var(--flames-main);
  border-color: var(--flames-light);
  transform: translateY(-2px);
}

/* Outline light — translucent white border */
.flames-homepage .flames-btn-outline-light {
  background-color: rgba(255, 255, 255, 0.08);
  color: var(--flames-light);
  border-color: rgba(255, 255, 255, 0.55);
}
.flames-homepage .flames-btn-outline-light:hover,
.flames-homepage .flames-btn-outline-light:focus {
  background-color: rgba(255, 255, 255, 0.18);
  color: var(--flames-light);
  border-color: rgba(255, 255, 255, 0.90);
  transform: translateY(-2px);
}


/* ============================================================
   SHARED SECTION LABELS & HEADINGS
============================================================ */
.flames-homepage .flames-section-label {
  display: inline-block;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  font-size: 0.75rem;
  font-weight: 800;
  color: var(--flames-main);
  background-color: rgba(165, 45, 53, 0.09);
  padding: 0.32rem 0.9rem;
  border-radius: var(--flames-radius-pill);
  margin-bottom: 0.75rem;
}

.flames-homepage .flames-section-label--light {
  color: var(--flames-accent);
  background-color: rgba(249, 192, 49, 0.14);
}

.flames-homepage .flames-section-title {
  font-size: clamp(1.75rem, 3.5vw, 2.45rem);
  font-weight: 900;
  line-height: 1.18;
  color: var(--flames-dark);
  margin-bottom: 1.1rem;
  letter-spacing: -0.025em;
}

.flames-homepage .flames-section-title--light {
  color: var(--flames-light);
}


/* ============================================================
   SECTION 1: HERO
============================================================ */
.flames-homepage .flames-hero {
  position: relative;
  min-height: 92vh;
  background-image: url('/wp-content/uploads/flames-hero.jpg');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  padding: 8rem 0 6rem;
  overflow: hidden;
}

.flames-homepage .flames-hero__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    140deg,
    rgba(165, 45, 53, 0.94) 0%,
    rgba(26, 22, 23, 0.92) 55%,
    rgba(26, 22, 23, 0.80) 100%
  );
  z-index: 1;
}

.flames-homepage .flames-hero .container {
  position: relative;
  z-index: 2;
}

.flames-homepage .flames-badge {
  display: inline-block;
  background-color: var(--flames-accent);
  color: var(--flames-dark);
  font-size: 0.75rem;
  font-weight: 800;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  padding: 0.42rem 1.15rem;
  border-radius: var(--flames-radius-pill);
  margin-bottom: 1.75rem;
  box-shadow: 0 2px 12px rgba(249, 192, 49, 0.30);
}

.flames-homepage .flames-hero__headline {
  font-size: clamp(2.5rem, 6vw, 4.2rem);
  font-weight: 900;
  line-height: 1.08;
  color: var(--flames-light);
  letter-spacing: -0.035em;
  margin-bottom: 1.35rem;
}

.flames-homepage .flames-hero__subheadline {
  font-size: clamp(1.1rem, 2.3vw, 1.35rem);
  color: var(--flames-accent);
  font-weight: 600;
  margin-bottom: 1.1rem;
  line-height: 1.55;
}

.flames-homepage .flames-hero__text {
  font-size: 1.05rem;
  color: rgba(255, 255, 255, 0.80);
  max-width: 680px;
  margin: 0 auto 2.5rem;
  line-height: 1.80;
}

.flames-homepage .flames-hero__buttons {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  justify-content: center;
}


/* ============================================================
   SECTION 2: TRUST / QUICK HIGHLIGHTS
============================================================ */
.flames-homepage .flames-highlights {
  padding: 5.5rem 0;
  background-color: var(--flames-bg-light);
  border-bottom: 1px solid var(--flames-border);
}

.flames-homepage .flames-highlight-card {
  background-color: var(--flames-light);
  border-radius: var(--flames-radius);
  padding: 2rem 1.75rem 2rem 2.25rem;
  height: 100%;
  box-shadow: var(--flames-shadow);
  border: 1px solid var(--flames-border);
  transition:
    transform var(--flames-transition),
    box-shadow var(--flames-transition);
  position: relative;
  overflow: hidden;
}

/* Left accent bar */
.flames-homepage .flames-highlight-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 100%;
  background: linear-gradient(
    180deg,
    var(--flames-main) 0%,
    var(--flames-accent) 100%
  );
  border-radius: var(--flames-radius) 0 0 var(--flames-radius);
}

.flames-homepage .flames-highlight-card:hover {
  box-shadow: var(--flames-shadow-hover);
  transform: translateY(-5px);
}

.flames-homepage .flames-highlight-card__icon {
  color: var(--flames-main);
  margin-bottom: 1.1rem;
  display: block;
}

.flames-homepage .flames-highlight-card__title {
  font-size: 1.05rem;
  font-weight: 800;
  color: var(--flames-dark);
  margin-bottom: 0.6rem;
  line-height: 1.30;
}

.flames-homepage .flames-highlight-card__text {
  font-size: 0.91rem;
  color: var(--flames-muted);
  line-height: 1.72;
  margin: 0;
}


/* ============================================================
   SECTION 3: CLUB INTRODUCTION
============================================================ */
.flames-homepage .flames-intro {
  padding: 6.5rem 0;
  background-color: var(--flames-light);
}

.flames-homepage .flames-intro__text {
  font-size: 1.05rem;
  color: var(--flames-body);
  line-height: 1.82;
  margin-bottom: 1.15rem;
}

.flames-homepage .flames-intro__text:last-child {
  margin-bottom: 0;
}

/* The Flames Difference box */
.flames-homepage .flames-difference-box {
  background: linear-gradient(
    140deg,
    var(--flames-main) 0%,
    var(--flames-main-dark) 60%,
    var(--flames-main-xdark) 100%
  );
  border-radius: var(--flames-radius);
  padding: 2.5rem 2.1rem;
  box-shadow: 0 12px 44px rgba(165, 45, 53, 0.28);
  position: relative;
  overflow: hidden;
}

/* Decorative circle */
.flames-homepage .flames-difference-box::after {
  content: '';
  position: absolute;
  bottom: -40px;
  right: -40px;
  width: 160px;
  height: 160px;
  border-radius: 50%;
  background: rgba(249, 192, 49, 0.12);
  pointer-events: none;
}

.flames-homepage .flames-difference-box__title {
  font-size: 1.3rem;
  font-weight: 900;
  color: var(--flames-accent);
  margin-bottom: 1.35rem;
  letter-spacing: -0.015em;
}

.flames-homepage .flames-difference-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.flames-homepage .flames-difference-list li {
  color: rgba(255, 255, 255, 0.88);
  font-size: 0.97rem;
  font-weight: 500;
  padding: 0.6rem 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.10);
  display: flex;
  align-items: center;
  gap: 0.7rem;
  line-height: 1.4;
}

.flames-homepage .flames-difference-list li:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.flames-homepage .flames-difference-list li::before {
  content: '';
  flex-shrink: 0;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--flames-accent);
}


/* ============================================================
   SECTION 4: PLAYER PATHWAY
============================================================ */
.flames-homepage .flames-pathway {
  padding: 7rem 0;
  background: linear-gradient(
    135deg,
    var(--flames-dark) 0%,
    #261b1e 50%,
    #1e1215 100%
  );
  position: relative;
  overflow: hidden;
}

/* Decorative background shapes */
.flames-homepage .flames-pathway::before {
  content: '';
  position: absolute;
  top: -100px;
  right: -100px;
  width: 480px;
  height: 480px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(165, 45, 53, 0.14) 0%, transparent 70%);
  pointer-events: none;
}

.flames-homepage .flames-pathway::after {
  content: '';
  position: absolute;
  bottom: -120px;
  left: -80px;
  width: 360px;
  height: 360px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(249, 192, 49, 0.08) 0%, transparent 70%);
  pointer-events: none;
}

/* Pathway Cards */
.flames-homepage .flames-pathway-card {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: var(--flames-radius);
  padding: 2.1rem 1.75rem;
  height: 100%;
  transition:
    transform var(--flames-transition),
    background-color var(--flames-transition),
    border-color var(--flames-transition),
    box-shadow var(--flames-transition);
  position: relative;
}

.flames-homepage .flames-pathway-card:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(249, 192, 49, 0.32);
  transform: translateY(-5px);
  box-shadow: var(--flames-shadow-dark);
}

/* Highlighted card variant */
.flames-homepage .flames-pathway-card--highlight {
  background: rgba(165, 45, 53, 0.22);
  border-color: rgba(165, 45, 53, 0.45);
}

.flames-homepage .flames-pathway-card--highlight:hover {
  background: rgba(165, 45, 53, 0.30);
  border-color: rgba(165, 45, 53, 0.65);
}

.flames-homepage .flames-pathway-card__step {
  font-size: 3.2rem;
  font-weight: 900;
  color: rgba(249, 192, 49, 0.18);
  line-height: 1;
  margin-bottom: 0.45rem;
  letter-spacing: -0.05em;
}

.flames-homepage .flames-pathway-card__age {
  font-size: 0.77rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--flames-accent);
  background: rgba(249, 192, 49, 0.12);
  display: inline-block;
  padding: 0.28rem 0.78rem;
  border-radius: var(--flames-radius-pill);
  margin-bottom: 0.75rem;
  border: 1px solid rgba(249, 192, 49, 0.20);
}

.flames-homepage .flames-pathway-card__title {
  font-size: 1.2rem;
  font-weight: 800;
  color: var(--flames-light);
  margin-bottom: 0.85rem;
  line-height: 1.25;
}

.flames-homepage .flames-pathway-card__focus {
  font-size: 0.91rem;
  color: rgba(255, 255, 255, 0.70);
  line-height: 1.68;
  margin: 0;
}

.flames-homepage .flames-pathway-card__focus strong {
  color: rgba(255, 255, 255, 0.88);
  font-weight: 700;
}


/* ============================================================
   SECTION 5: COMPETITIVE PROGRAMS
============================================================ */
.flames-homepage .flames-programs {
  padding: 6.5rem 0;
  background-color: var(--flames-bg-section);
}

.flames-homepage .flames-programs__intro {
  color: var(--flames-muted);
  font-size: 1.05rem;
  line-height: 1.78;
  max-width: 700px;
  margin: 0 auto;
}

.flames-homepage .flames-program-card {
  background-color: var(--flames-light);
  border-radius: var(--flames-radius);
  padding: 0 1.75rem 2.1rem;
  height: 100%;
  box-shadow: var(--flames-shadow);
  border: 1px solid var(--flames-border);
  transition:
    transform var(--flames-transition),
    box-shadow var(--flames-transition);
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

/* Top gradient bar */
.flames-homepage .flames-program-card__top-bar {
  height: 4px;
  background: linear-gradient(90deg, var(--flames-main), var(--flames-accent));
  margin: 0 -1.75rem 1.75rem;
  border-radius: var(--flames-radius) var(--flames-radius) 0 0;
}

.flames-homepage .flames-program-card--featured {
  border-color: rgba(165, 45, 53, 0.22);
  box-shadow: 0 8px 36px rgba(165, 45, 53, 0.14);
}

.flames-homepage .flames-program-card:hover {
  transform: translateY(-5px);
  box-shadow: var(--flames-shadow-hover);
}

.flames-homepage .flames-program-card__icon {
  color: var(--flames-main);
  margin-bottom: 1rem;
}

.flames-homepage .flames-program-card__title {
  font-size: 1.2rem;
  font-weight: 800;
  color: var(--flames-dark);
  margin-bottom: 0.8rem;
  line-height: 1.25;
  letter-spacing: -0.01em;
}

.flames-homepage .flames-program-card__text {
  font-size: 0.93rem;
  color: var(--flames-muted);
  line-height: 1.72;
  margin-bottom: 1.35rem;
  flex: 1;
}

.flames-homepage .flames-program-card__link {
  font-size: 0.88rem;
  font-weight: 800;
  color: var(--flames-main);
  text-decoration: none;
  letter-spacing: 0.02em;
  display: inline-flex;
  align-items: center;
  gap: 0.32rem;
  transition: gap var(--flames-transition), color var(--flames-transition);
}

.flames-homepage .flames-program-card__link:hover {
  color: var(--flames-main-dark);
  gap: 0.6rem;
}


/* ============================================================
   SECTION 6: PARENT EDUCATION / SEO
============================================================ */
.flames-homepage .flames-education {
  padding: 6.5rem 0;
  background-color: var(--flames-light);
}

.flames-homepage .flames-education__intro {
  color: var(--flames-muted);
  font-size: 1.05rem;
  line-height: 1.78;
  max-width: 700px;
  margin: 0 auto;
}

/* Blog Cards */
.flames-homepage .flames-blog-card {
  background-color: var(--flames-light);
  border-radius: var(--flames-radius);
  box-shadow: var(--flames-shadow);
  border: 1px solid var(--flames-border);
  overflow: hidden;
  height: 100%;
  display: flex;
  flex-direction: column;
  transition:
    transform var(--flames-transition),
    box-shadow var(--flames-transition);
}

.flames-homepage .flames-blog-card:hover {
  transform: translateY(-5px);
  box-shadow: var(--flames-shadow-hover);
}

.flames-homepage .flames-blog-card__img-wrap {
  overflow: hidden;
  height: 208px;
  background-color: var(--flames-bg-light);
  flex-shrink: 0;
}

.flames-homepage .flames-blog-card__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.50s ease;
}

.flames-homepage .flames-blog-card:hover .flames-blog-card__img {
  transform: scale(1.06);
}

.flames-homepage .flames-blog-card__body {
  padding: 1.5rem 1.5rem 1.85rem;
  display: flex;
  flex-direction: column;
  flex: 1;
}

.flames-homepage .flames-blog-card__tag {
  font-size: 0.70rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: var(--flames-main);
  background-color: rgba(165, 45, 53, 0.08);
  padding: 0.28rem 0.70rem;
  border-radius: var(--flames-radius-pill);
  display: inline-block;
  margin-bottom: 0.8rem;
}

.flames-homepage .flames-blog-card__title {
  font-size: 1.02rem;
  font-weight: 800;
  color: var(--flames-dark);
  line-height: 1.40;
  margin-bottom: 0.7rem;
  letter-spacing: -0.01em;
}

.flames-homepage .flames-blog-card__excerpt {
  font-size: 0.90rem;
  color: var(--flames-muted);
  line-height: 1.72;
  flex: 1;
  margin-bottom: 1rem;
}

.flames-homepage .flames-blog-card__link {
  font-size: 0.86rem;
  font-weight: 800;
  color: var(--flames-main);
  text-decoration: none;
  letter-spacing: 0.02em;
  display: inline-flex;
  align-items: center;
  gap: 0.30rem;
  transition: gap var(--flames-transition), color var(--flames-transition);
}

.flames-homepage .flames-blog-card__link:hover {
  color: var(--flames-main-dark);
  gap: 0.55rem;
}


/* ============================================================
   SECTION 7: COACHES CORNER
============================================================ */
.flames-homepage .flames-coaches {
  padding: 6.5rem 0;
  background: linear-gradient(
    140deg,
    #1a0f12 0%,
    var(--flames-dark) 50%,
    #200f13 100%
  );
  position: relative;
  overflow: hidden;
}

/* Decorative radial glow */
.flames-homepage .flames-coaches::before {
  content: '';
  position: absolute;
  top: -60px;
  right: -60px;
  width: 400px;
  height: 400px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(165, 45, 53, 0.22) 0%, transparent 65%);
  pointer-events: none;
}

.flames-homepage .flames-coaches::after {
  content: '';
  position: absolute;
  bottom: -80px;
  left: 20%;
  width: 280px;
  height: 280px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(249, 192, 49, 0.07) 0%, transparent 70%);
  pointer-events: none;
}

.flames-homepage .flames-coaches__text {
  font-size: 1.06rem;
  color: rgba(255, 255, 255, 0.78);
  line-height: 1.82;
}

/* Coach Portal card */
.flames-homepage .flames-coaches-portal {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: var(--flames-radius);
  padding: 2.25rem 2rem;
  position: relative;
  z-index: 1;
}

.flames-homepage .flames-coaches-portal__badge {
  display: inline-block;
  background: rgba(249, 192, 49, 0.14);
  color: var(--flames-accent);
  font-size: 0.72rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  padding: 0.32rem 0.85rem;
  border-radius: var(--flames-radius-pill);
  margin-bottom: 1.25rem;
  border: 1px solid rgba(249, 192, 49, 0.25);
}

.flames-homepage .flames-coaches-portal__title {
  font-size: 1.45rem;
  font-weight: 900;
  color: var(--flames-light);
  margin-bottom: 0.75rem;
  letter-spacing: -0.02em;
}

.flames-homepage .flames-coaches-portal__text {
  font-size: 0.93rem;
  color: rgba(255, 255, 255, 0.70);
  line-height: 1.72;
  margin-bottom: 1.35rem;
}

.flames-homepage .flames-coaches-portal__list {
  list-style: none;
  padding: 0;
  margin: 0 0 1.85rem;
}

.flames-homepage .flames-coaches-portal__list li {
  font-size: 0.90rem;
  color: rgba(255, 255, 255, 0.78);
  font-weight: 500;
  padding: 0.45rem 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
  display: flex;
  align-items: center;
  gap: 0.65rem;
  line-height: 1.4;
}

.flames-homepage .flames-coaches-portal__list li:last-child {
  border-bottom: none;
}

.flames-homepage .flames-coaches-portal__list li::before {
  content: '';
  flex-shrink: 0;
  width: 6px;
  height: 6px;
  background-color: var(--flames-accent);
  border-radius: 50%;
}


/* ============================================================
   SECTION 8: COMMUNITY / LOCAL SEO
============================================================ */
.flames-homepage .flames-community {
  padding: 6.5rem 0;
  background-color: var(--flames-bg-section);
}

.flames-homepage .flames-community__text {
  font-size: 1.05rem;
  color: var(--flames-body);
  line-height: 1.82;
  margin-bottom: 1.1rem;
}

.flames-homepage .flames-community__text:last-of-type {
  margin-bottom: 0;
}

/* Area tags */
.flames-homepage .flames-community__areas {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 1.75rem;
}

.flames-homepage .flames-community__area-tag {
  display: inline-block;
  background-color: rgba(165, 45, 53, 0.07);
  color: var(--flames-main);
  font-size: 0.82rem;
  font-weight: 700;
  padding: 0.38rem 0.9rem;
  border-radius: var(--flames-radius-pill);
  border: 1px solid rgba(165, 45, 53, 0.16);
  transition:
    background-color var(--flames-transition),
    color var(--flames-transition),
    border-color var(--flames-transition);
  cursor: default;
}

.flames-homepage .flames-community__area-tag:hover {
  background-color: var(--flames-main);
  color: var(--flames-light);
  border-color: var(--flames-main);
}

/* Community image */
.flames-homepage .flames-community__img-wrap {
  border-radius: var(--flames-radius);
  overflow: hidden;
  box-shadow: 0 14px 50px rgba(165, 45, 53, 0.16);
}

.flames-homepage .flames-community__img {
  width: 100%;
  height: 400px;
  object-fit: cover;
  display: block;
  transition: transform 0.55s ease;
}

.flames-homepage .flames-community__img-wrap:hover .flames-community__img {
  transform: scale(1.04);
}


/* ============================================================
   SECTION 9: TRYOUT CALL-TO-ACTION
============================================================ */
.flames-homepage .flames-tryout-cta {
  padding: 7rem 0;
  background: linear-gradient(
    140deg,
    var(--flames-main) 0%,
    var(--flames-main-dark) 55%,
    var(--flames-main-xdark) 100%
  );
  position: relative;
  overflow: hidden;
}

/* Background shapes */
.flames-homepage .flames-tryout-cta__bg-shape {
  position: absolute;
  inset: 0;
  pointer-events: none;
  overflow: hidden;
}

.flames-homepage .flames-tryout-cta__bg-shape::before {
  content: '';
  position: absolute;
  top: -80px;
  right: -100px;
  width: 380px;
  height: 380px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.06);
}

.flames-homepage .flames-tryout-cta__bg-shape::after {
  content: '';
  position: absolute;
  bottom: -100px;
  left: -70px;
  width: 300px;
  height: 300px;
  border-radius: 50%;
  background: rgba(249, 192, 49, 0.10);
}

.flames-homepage .flames-tryout-cta__title {
  font-size: clamp(1.9rem, 4.5vw, 2.9rem);
  font-weight: 900;
  color: var(--flames-light);
  margin-bottom: 1.1rem;
  letter-spacing: -0.025em;
  line-height: 1.12;
}

.flames-homepage .flames-tryout-cta__text {
  font-size: 1.1rem;
  color: rgba(255, 255, 255, 0.84);
  line-height: 1.75;
  max-width: 600px;
  margin: 0 auto 2.5rem;
}

.flames-homepage .flames-tryout-cta__buttons {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  justify-content: center;
}


/* ============================================================
   SECTION 10: FOOTER CTA STRIP
============================================================ */
.flames-homepage .flames-footer-strip {
  padding: 1.6rem 0;
  background-color: var(--flames-dark);
  border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.flames-homepage .flames-footer-strip__text {
  font-size: 0.88rem;
  color: rgba(255, 255, 255, 0.55);
  font-weight: 500;
  letter-spacing: 0.01em;
  margin: 0;
  line-height: 1.5;
}


/* ============================================================
   ACCESSIBILITY — FOCUS STATES
============================================================ */
.flames-homepage a:focus-visible,
.flames-homepage button:focus-visible {
  outline: 3px solid var(--flames-accent);
  outline-offset: 3px;
  border-radius: 4px;
}

.flames-homepage a:focus:not(:focus-visible),
.flames-homepage button:focus:not(:focus-visible) {
  outline: none;
}


/* ============================================================
   RESPONSIVE — TABLET (max 991px)
============================================================ */
@media (max-width: 991.98px) {
  .flames-homepage .flames-hero {
    min-height: 80vh;
    padding: 6.5rem 0 5rem;
  }

  .flames-homepage .flames-intro,
  .flames-homepage .flames-programs,
  .flames-homepage .flames-education,
  .flames-homepage .flames-coaches,
  .flames-homepage .flames-community {
    padding: 5rem 0;
  }

  .flames-homepage .flames-pathway {
    padding: 5rem 0;
  }

  .flames-homepage .flames-tryout-cta {
    padding: 5.5rem 0;
  }

  .flames-homepage .flames-difference-box {
    margin-top: 0.5rem;
  }

  .flames-homepage .flames-community__img {
    height: 320px;
  }

  .flames-homepage .flames-coaches-portal {
    margin-top: 0;
  }
}


/* ============================================================
   RESPONSIVE — MOBILE LARGE (max 767px)
============================================================ */
@media (max-width: 767.98px) {
  .flames-homepage .flames-hero {
    min-height: 100svh;
    padding: 5.5rem 0 4rem;
    text-align: center;
  }

  .flames-homepage .flames-section-title {
    font-size: 1.7rem;
  }

  .flames-homepage .flames-hero__text {
    font-size: 0.97rem;
  }

  /* Stack buttons vertically */
  .flames-homepage .flames-hero__buttons,
  .flames-homepage .flames-tryout-cta__buttons {
    flex-direction: column;
    align-items: center;
  }

  .flames-homepage .flames-hero__buttons .btn,
  .flames-homepage .flames-tryout-cta__buttons .btn {
    width: 100%;
    max-width: 310px;
    text-align: center;
  }

  .flames-homepage .flames-highlights {
    padding: 4rem 0;
  }

  .flames-homepage .flames-intro,
  .flames-homepage .flames-programs,
  .flames-homepage .flames-education,
  .flames-homepage .flames-coaches,
  .flames-homepage .flames-community {
    padding: 4rem 0;
  }

  .flames-homepage .flames-pathway {
    padding: 4rem 0;
  }

  .flames-homepage .flames-tryout-cta {
    padding: 4.5rem 0;
  }

  .flames-homepage .flames-footer-strip {
    text-align: center;
    padding: 2rem 0;
  }

  .flames-homepage .flames-footer-strip .col-md-4 {
    text-align: center !important;
  }

  .flames-homepage .flames-footer-strip .btn {
    margin-top: 1rem;
    width: 100%;
    max-width: 280px;
  }

  .flames-homepage .flames-community__areas {
    justify-content: center;
  }

  .flames-homepage .flames-community__img {
    height: 240px;
  }

  .flames-homepage .flames-blog-card__img-wrap {
    height: 185px;
  }

  .flames-homepage .flames-pathway-card {
    padding: 1.75rem 1.5rem;
  }
}


/* ============================================================
   RESPONSIVE — MOBILE SMALL (max 575px)
============================================================ */
@media (max-width: 575.98px) {
  .flames-homepage .flames-hero__headline {
    font-size: 2.1rem;
  }

  .flames-homepage .flames-pathway-card__step {
    font-size: 2.5rem;
  }

  .flames-homepage .flames-highlight-card {
    padding: 1.6rem 1.35rem 1.6rem 1.8rem;
  }

  .flames-homepage .flames-program-card {
    padding: 0 1.5rem 1.85rem;
  }

  .flames-homepage .flames-program-card__top-bar {
    margin: 0 -1.5rem 1.5rem;
  }

  .flames-homepage .flames-difference-box {
    padding: 1.85rem 1.6rem;
  }

  .flames-homepage .flames-coaches-portal {
    padding: 1.85rem 1.6rem;
  }

  .flames-homepage .flames-tryout-cta__title {
    font-size: 1.85rem;
  }

  .flames-homepage .flames-tryout-cta__text {
    font-size: 1rem;
  }
}
/* ============================================================
   CLEVELAND FLAMES FUTBOL CLUB — HOMEPAGE CSS
   Scoped under .flames-homepage
   Bootscore / Bootstrap 5 / WordPress Compatible
   Hero background: clevelandtnsoccer.com slide image
   Download image and re-upload to avoid hotlink breakage
============================================================ */*

*/* ============================================================
   CSS CUSTOM PROPERTIES
============================================================ */
.flames-homepage {
  --flames-main:          #a52d35;
  --flames-main-dark:     #7e2029;
  --flames-main-xdark:    #5a1620;
  --flames-accent:        #f9c031;
  --flames-accent-dark:   #d9a41a;
  --flames-dark:          #1a1617;
  --flames-dark-alt:      #2a2224;
  --flames-light:         #ffffff;
  --flames-muted:         #6b6366;
  --flames-body:          #3d3638;
  --flames-bg-light:      #f8f7f7;
  --flames-bg-section:    #faf9f9;
  --flames-border:        rgba(26, 22, 23, 0.08);
  --flames-radius:        12px;
  --flames-radius-sm:     8px;
  --flames-radius-pill:   100px;
  --flames-shadow:        0 4px 24px rgba(26, 22, 23, 0.09);
  --flames-shadow-hover:  0 10px 40px rgba(165, 45, 53, 0.18);
  --flames-shadow-dark:   0 10px 40px rgba(0, 0, 0, 0.30);
  --flames-transition:    0.28s cubic-bezier(0.4, 0, 0.2, 1);*

*font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif;
  color: var(--flames-dark);
  overflow-x: hidden;
}*

*/* ============================================================
   BUTTONS
============================================================ */
.flames-homepage .btn {
  font-weight: 700;
  letter-spacing: 0.025em;
  border-radius: var(--flames-radius-sm);
  padding: 0.80rem 1.90rem;
  font-size: 0.94rem;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  border: 2px solid transparent;
  cursor: pointer;
  line-height: 1.4;
  transition:
    background-color var(--flames-transition),
    border-color var(--flames-transition),
    color var(--flames-transition),
    box-shadow var(--flames-transition),
    transform var(--flames-transition),
    gap var(--flames-transition);
}*

*.flames-homepage .flames-btn-primary {
  background-color: var(--flames-main);
  color: var(--flames-light);
  border-color: var(--flames-main);
}
.flames-homepage .flames-btn-primary:hover,
.flames-homepage .flames-btn-primary:focus {
  background-color: var(--flames-main-dark);
  border-color: var(--flames-main-dark);
  color: var(--flames-light);
  transform: translateY(-2px);
  box-shadow: 0 6px 22px rgba(165, 45, 53, 0.40);
}*

*.flames-homepage .flames-btn-accent {
  background-color: var(--flames-accent);
  color: var(--flames-dark);
  border-color: var(--flames-accent);
}
.flames-homepage .flames-btn-accent:hover,
.flames-homepage .flames-btn-accent:focus {
  background-color: var(--flames-accent-dark);
  border-color: var(--flames-accent-dark);
  color: var(--flames-dark);
  transform: translateY(-2px);
  box-shadow: 0 6px 22px rgba(249, 192, 49, 0.46);
  gap: 0.65rem;
}*

*.flames-homepage .flames-btn-outline {
  background-color: rgba(255, 255, 255, 0.08);
  color: var(--flames-light);
  border-color: rgba(255, 255, 255, 0.55);
  backdrop-filter: blur(4px);
}
.flames-homepage .flames-btn-outline:hover,
.flames-homepage .flames-btn-outline:focus {
  background-color: var(--flames-light);
  color: var(--flames-main);
  border-color: var(--flames-light);
  transform: translateY(-2px);
}*

*.flames-homepage .flames-btn-outline-light {
  background-color: rgba(255, 255, 255, 0.10);
  color: var(--flames-light);
  border-color: rgba(255, 255, 255, 0.52);
  backdrop-filter: blur(4px);
}
.flames-homepage .flames-btn-outline-light:hover,
.flames-homepage .flames-btn-outline-light:focus {
  background-color: rgba(255, 255, 255, 0.20);
  color: var(--flames-light);
  border-color: rgba(255, 255, 255, 0.88);
  transform: translateY(-2px);
}*

*/* ============================================================
   SECTION LABELS & HEADINGS
============================================================ */
.flames-homepage .flames-section-label {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  font-size: 0.74rem;
  font-weight: 800;
  color: var(--flames-main);
  background-color: rgba(165, 45, 53, 0.09);
  padding: 0.32rem 0.9rem;
  border-radius: var(--flames-radius-pill);
  margin-bottom: 0.8rem;
}*

*.flames-homepage .flames-section-label--light {
  color: var(--flames-accent);
  background-color: rgba(249, 192, 49, 0.14);
}*

*.flames-homepage .flames-section-title {
  font-size: clamp(1.75rem, 3.5vw, 2.45rem);
  font-weight: 900;
  line-height: 1.18;
  color: var(--flames-dark);
  margin-bottom: 1.1rem;
  letter-spacing: -0.025em;
}*

*.flames-homepage .flames-section-title--light {
  color: var(--flames-light);
}*

*/* ============================================================
   SECTION 1: HERO
   Background: clevelandtnsoccer.com slide image
   Fallback: flames-hero.jpg (upload to WP Media Library)
============================================================ */
.flames-homepage .flames-hero {
  position: relative;
  min-height: 100vh;
  background-image: url('https://clevelandtnsoccer.com/wp-content/uploads/revslider/home-4/h4-slide-3-background.jpg');*
background-size: cover;
  background-position: center 30%;
  background-repeat: no-repeat;
  background-attachment: fixed; /* subtle parallax on desktop */
  display: flex;
  align-items: center;
  padding: 9rem 0 7rem;
  overflow: hidden;
}

.flames-homepage .flames-hero__overlay {
  position: absolute;
  inset: 0;
  background:
    /* Top vignette — keeps sky readable */
    linear-gradient(
      to bottom,
      rgba(26, 22, 23, 0.55) 0%,
      rgba(26, 22, 23, 0.10) 20%,
      rgba(26, 22, 23, 0.10) 45%,
      rgba(165, 45, 53, 0.55) 75%,
      rgba(165, 45, 53, 0.80) 100%
    ),
    /* Full warm tint so text pops everywhere */
    linear-gradient(
      135deg,
      rgba(26, 22, 23, 0.60) 0%,
      rgba(165, 45, 53, 0.42) 100%
    );
  z-index: 1;
}

.flames-homepage .flames-hero__bottom-fade {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 120px;
  background: linear-gradient(to bottom, transparent, var(--flames-bg-light));
  z-index: 2;
  pointer-events: none;
}

.flames-homepage .flames-hero .container {
  position: relative;
  z-index: 3;
}

.flames-homepage .flames-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  background-color: var(--flames-accent);
  color: var(--flames-dark);
  font-size: 0.74rem;
  font-weight: 800;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  padding: 0.42rem 1.1rem 0.42rem 0.85rem;
  border-radius: var(--flames-radius-pill);
  margin-bottom: 1.85rem;
  box-shadow: 0 4px 18px rgba(249, 192, 49, 0.35);
}

.flames-homepage .flames-badge__dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: var(--flames-main);
  flex-shrink: 0;
  animation: flames-pulse 2s ease-in-out infinite;
}

@keyframes flames-pulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50%       { opacity: 0.55; transform: scale(0.80); }
}

*/* Headline */
.flames-homepage .flames-hero__headline {
  font-size: clamp(2.6rem, 6.5vw, 4.5rem);
  font-weight: 900;
  line-height: 1.07;
  color: var(--flames-light);
  letter-spacing: -0.035em;
  margin-bottom: 1.35rem;
  text-shadow: 0 2px 24px rgba(0, 0, 0, 0.45);
}*

*/* Subheadline */
.flames-homepage .flames-hero__subheadline {
  font-size: clamp(1.1rem, 2.3vw, 1.35rem);
  color: var(--flames-accent);
  font-weight: 600;
  margin-bottom: 1.1rem;
  line-height: 1.55;
  text-shadow: 0 1px 8px rgba(0, 0, 0, 0.30);
}*

*/* Supporting text */
.flames-homepage .flames-hero__text {
  font-size: clamp(1.0625rem, 2vw, 1.3125rem);
  color: rgba(255, 255, 255, 0.82);
  max-width: 680px;
  margin: 0 auto 2.5rem;
  line-height: 1.80;
  text-shadow: 0 1px 6px rgba(0, 0, 0, 0.25);
}*

*/* Button group */
.flames-homepage .flames-hero__buttons {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 3.5rem;
}*

*/* Scroll indicator */
.flames-homepage .flames-hero__scroll {
  display: flex;
  justify-content: center;
  color: rgba(255, 255, 255, 0.45);
  animation: flames-bounce 2.2s ease-in-out infinite;
}*

*@keyframes flames-bounce {
  0%, 100% { transform: translateY(0); opacity: 0.45; }
  50%       { transform: translateY(6px); opacity: 0.80; }
}*

*/* Disable parallax on mobile (performance) */
@media (max-width: 991.98px) {
  .flames-homepage .flames-hero {
    background-attachment: scroll;
  }
}*

*/* ============================================================
   SECTION 2: TRUST / QUICK HIGHLIGHTS
============================================================ */
.flames-homepage .flames-highlights {
  padding: 5.5rem 0;
  background-color: var(--flames-bg-light);
  border-bottom: 1px solid var(--flames-border);
}

.flames-homepage .flames-highlight-card {
  background-color: var(--flames-light);
  border-radius: var(--flames-radius);
  padding: 2rem 1.75rem 2rem 2.25rem;
  height: 100%;
  box-shadow: var(--flames-shadow);
  border: 1px solid var(--flames-border);
  transition: transform var(--flames-transition), box-shadow var(--flames-transition);
  position: relative;
  overflow: hidden;
}

/* ============================================================
   CLEVELAND FLAMES FUTBOL CLUB — ABOUT PAGE CSS
   Wrapper scope:  .flames-about-page
   Class prefix:   fab- (flames-about-page)
   Theme:          Bootscore / Bootstrap 5 / WordPress
   Page-specific only — do NOT add to global stylesheet
   Paste into: Appearance > Customize > Additional CSS
   or enqueue via child theme as page-specific stylesheet
============================================================ */


/* ============================================================
   CSS CUSTOM PROPERTIES
============================================================ */
.flames-about-page {
  --fab-main:          #a52d35;
  --fab-main-dark:     #7e2029;
  --fab-main-xdark:    #5a1620;
  --fab-accent:        #f9c031;
  --fab-accent-dark:   #d9a41a;
  --fab-dark:          #1a1617;
  --fab-dark-alt:      #2a2224;
  --fab-light:         #ffffff;
  --fab-muted:         #6b6366;
  --fab-body:          #3d3638;
  --fab-bg-light:      #f8f7f7;
  --fab-bg-section:    #faf9f9;
  --fab-border:        rgba(26, 22, 23, 0.08);
  --fab-radius:        12px;
  --fab-radius-sm:     8px;
  --fab-radius-pill:   100px;
  --fab-shadow:        0 4px 24px rgba(26, 22, 23, 0.09);
  --fab-shadow-hover:  0 10px 40px rgba(165, 45, 53, 0.18);
  --fab-shadow-dark:   0 10px 40px rgba(0, 0, 0, 0.30);
  --fab-transition:    0.28s cubic-bezier(0.4, 0, 0.2, 1);

  font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif;
  color: var(--fab-dark);
  overflow-x: hidden;
}


/* ============================================================
   SHARED BUTTONS
============================================================ */
.flames-about-page .btn {
  font-weight: 700;
  letter-spacing: 0.025em;
  border-radius: var(--fab-radius-sm);
  padding: 0.80rem 1.90rem;
  font-size: 0.94rem;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  border: 2px solid transparent;
  cursor: pointer;
  line-height: 1.4;
  transition:
    background-color var(--fab-transition),
    border-color     var(--fab-transition),
    color            var(--fab-transition),
    box-shadow       var(--fab-transition),
    transform        var(--fab-transition);
}

.flames-about-page .fab-btn-accent {
  background-color: var(--fab-accent);
  color: var(--fab-dark);
  border-color: var(--fab-accent);
}
.flames-about-page .fab-btn-accent:hover,
.flames-about-page .fab-btn-accent:focus {
  background-color: var(--fab-accent-dark);
  border-color: var(--fab-accent-dark);
  color: var(--fab-dark);
  transform: translateY(-2px);
  box-shadow: 0 6px 22px rgba(249, 192, 49, 0.46);
}

.flames-about-page .fab-btn-primary {
  background-color: var(--fab-main);
  color: var(--fab-light);
  border-color: var(--fab-main);
}
.flames-about-page .fab-btn-primary:hover,
.flames-about-page .fab-btn-primary:focus {
  background-color: var(--fab-main-dark);
  border-color: var(--fab-main-dark);
  color: var(--fab-light);
  transform: translateY(-2px);
  box-shadow: 0 6px 22px rgba(165, 45, 53, 0.40);
}

.flames-about-page .fab-btn-outline {
  background-color: rgba(255, 255, 255, 0.08);
  color: var(--fab-light);
  border-color: rgba(255, 255, 255, 0.55);
  backdrop-filter: blur(4px);
}
.flames-about-page .fab-btn-outline:hover,
.flames-about-page .fab-btn-outline:focus {
  background-color: var(--fab-light);
  color: var(--fab-main);
  border-color: var(--fab-light);
  transform: translateY(-2px);
}

.flames-about-page .fab-btn-outline-light {
  background-color: rgba(255, 255, 255, 0.10);
  color: var(--fab-light);
  border-color: rgba(255, 255, 255, 0.52);
}
.flames-about-page .fab-btn-outline-light:hover,
.flames-about-page .fab-btn-outline-light:focus {
  background-color: rgba(255, 255, 255, 0.20);
  color: var(--fab-light);
  border-color: rgba(255, 255, 255, 0.88);
  transform: translateY(-2px);
}


/* ============================================================
   SHARED LABELS & HEADINGS
============================================================ */
.flames-about-page .fab-section-label {
  display: inline-block;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  font-size: 0.74rem;
  font-weight: 800;
  color: var(--fab-main);
  background-color: rgba(165, 45, 53, 0.09);
  padding: 0.32rem 0.90rem;
  border-radius: var(--fab-radius-pill);
  margin-bottom: 0.80rem;
}

.flames-about-page .fab-section-label--light {
  color: var(--fab-accent);
  background-color: rgba(249, 192, 49, 0.14);
}

.flames-about-page .fab-section-title {
  font-size: clamp(1.75rem, 3.5vw, 2.45rem);
  font-weight: 900;
  line-height: 1.18;
  color: var(--fab-dark);
  margin-bottom: 1.10rem;
  letter-spacing: -0.025em;
}

.flames-about-page .fab-section-title--light {
  color: var(--fab-light);
}


/* ============================================================
   SECTION 1: HERO
============================================================ */
.flames-about-page .fab-hero {
  position: relative;
  min-height: 78vh;
  background-image: url('https://clevelandtnsoccer.com/wp-content/uploads/revslider/home-2/h2-slide-4-background.jpg');
  /* Fallback once you re-host locally:
     background-image: url('/wp-content/uploads/flames-hero.jpg'); */
  background-size: cover;
  background-position: center 35%;
  background-repeat: no-repeat;
  background-attachment: fixed;
  display: flex;
  align-items: center;
  padding: 9rem 0 6.5rem;
  overflow: hidden;
}

/* Multi-layer overlay */
.flames-about-page .fab-hero__overlay {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(
      to bottom,
      rgba(26, 22, 23, 0.65) 0%,
      rgba(26, 22, 23, 0.15) 28%,
      rgba(26, 22, 23, 0.15) 48%,
      rgba(165, 45, 53, 0.55) 75%,
      rgba(165, 45, 53, 0.85) 100%
    ),
    linear-gradient(
      135deg,
      rgba(26, 22, 23, 0.55) 0%,
      rgba(165, 45, 53, 0.38) 100%
    );
  z-index: 1;
}

.flames-about-page .fab-hero__bottom-fade {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100px;
  background: linear-gradient(to bottom, transparent, var(--fab-bg-light));
  z-index: 2;
  pointer-events: none;
}

.flames-about-page .fab-hero .container {
  position: relative;
  z-index: 3;
}

.flames-about-page .fab-hero__label {
  display: inline-block;
  background-color: var(--fab-accent);
  color: var(--fab-dark);
  font-size: 0.73rem;
  font-weight: 800;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  padding: 0.42rem 1.10rem;
  border-radius: var(--fab-radius-pill);
  margin-bottom: 1.80rem;
  box-shadow: 0 4px 18px rgba(249, 192, 49, 0.32);
}

.flames-about-page .fab-hero__headline {
  font-size: clamp(2.1rem, 5.2vw, 3.8rem);
  font-weight: 900;
  line-height: 1.08;
  color: var(--fab-light);
  letter-spacing: -0.03em;
  margin-bottom: 1.10rem;
  text-shadow: 0 2px 20px rgba(0, 0, 0, 0.40);
}

.flames-about-page .fab-hero__subheadline {
font-size: clamp(1.0625rem, 2vw, 1.3125rem);
  color: var(--fab-accent);
  font-weight: 700;
  margin-bottom: 1.35rem;
  line-height: 1.50;
  letter-spacing: 0.01em;
}

.flames-about-page .fab-hero__text {
    font-size: clamp(.9375rem, 1.5vw, 1.0625rem);
  color: rgba(255, 255, 255, 0.82);
  margin: 0 auto 0.90rem;
  line-height: 1.82;
  text-shadow: 0 1px 6px rgba(0, 0, 0, 0.20);
}

.flames-about-page .fab-hero__text:last-of-type {
  margin-bottom: 2.25rem;
}

.flames-about-page .fab-hero__buttons {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  justify-content: center;
}


/* ============================================================
   SECTION 2: OUR STORY
============================================================ */
.flames-about-page .fab-story {
  padding: 7rem 0;
  background-color: var(--fab-bg-light);
}

.flames-about-page .fab-story__text {
  font-size: 1.05rem;
  color: var(--fab-body);
  line-height: 1.82;
  margin-bottom: 1.10rem;
}
.flames-about-page .fab-story__text:last-child { margin-bottom: 0; }

/* By The Numbers sidebar box */
.flames-about-page .fab-numbers-box {
  background: linear-gradient(
    140deg,
    var(--fab-main) 0%,
    var(--fab-main-dark) 60%,
    var(--fab-main-xdark) 100%
  );
  border-radius: var(--fab-radius);
  overflow: hidden;
  box-shadow: 0 14px 50px rgba(165, 45, 53, 0.28);
  position: relative;
}

.flames-about-page .fab-numbers-box::after {
  content: '';
  position: absolute;
  bottom: -55px;
  right: -55px;
  width: 190px;
  height: 190px;
  border-radius: 50%;
  background: rgba(249, 192, 49, 0.10);
  pointer-events: none;
}

.flames-about-page .fab-numbers-box__header {
  padding: 1.65rem 2rem 1.25rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.13);
}

.flames-about-page .fab-numbers-box__title {
  font-size: 1.20rem;
  font-weight: 900;
  color: var(--fab-accent);
  margin: 0;
  letter-spacing: -0.01em;
}

.flames-about-page .fab-numbers-list {
  list-style: none;
  padding: 0.5rem 1.85rem 1.85rem;
  margin: 0;
}

.flames-about-page .fab-numbers-list li {
  display: flex;
  align-items: flex-start;
  gap: 0.80rem;
  color: rgba(255, 255, 255, 0.88);
  font-size: 0.95rem;
  font-weight: 500;
  padding: 0.70rem 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.09);
  line-height: 1.45;
}
.flames-about-page .fab-numbers-list li:last-child { border-bottom: none; }

.flames-about-page .fab-numbers-list__icon {
  color: var(--fab-accent);
  flex-shrink: 0;
  margin-top: 2px;
}


/* ============================================================
   SECTION 3: OUR MISSION
============================================================ */
.flames-about-page .fab-mission {
  padding: 7rem 0;
  background: linear-gradient(135deg, var(--fab-dark) 0%, #231519 50%, #1c1012 100%);
  position: relative;
  overflow: hidden;
}

.flames-about-page .fab-mission::before {
  content: '';
  position: absolute;
  top: -100px; right: -100px;
  width: 500px; height: 500px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(165, 45, 53, 0.14) 0%, transparent 70%);
  pointer-events: none;
}

.flames-about-page .fab-mission::after {
  content: '';
  position: absolute;
  bottom: -120px; left: -60px;
  width: 380px; height: 380px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(249, 192, 49, 0.07) 0%, transparent 70%);
  pointer-events: none;
}

.flames-about-page .fab-mission__intro {
  font-size: 1.02rem;
  color: rgba(255, 255, 255, 0.80);
  line-height: 1.80;
  margin-bottom: 0.90rem;
}

/* Mission Pillar Cards */
.flames-about-page .fab-pillar-card {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.10);
  border-radius: var(--fab-radius);
  padding: 2.25rem 1.75rem;
  height: 100%;
  text-align: center;
  position: relative;
  transition:
    transform           var(--fab-transition),
    box-shadow          var(--fab-transition),
    background-color    var(--fab-transition),
    border-color        var(--fab-transition);
}

.flames-about-page .fab-pillar-card:hover {
  background: rgba(255, 255, 255, 0.09);
  border-color: rgba(249, 192, 49, 0.30);
  transform: translateY(-5px);
  box-shadow: var(--fab-shadow-dark);
}

.flames-about-page .fab-pillar-card--accent {
  background: rgba(165, 45, 53, 0.20);
  border-color: rgba(165, 45, 53, 0.40);
}
.flames-about-page .fab-pillar-card--accent:hover {
  background: rgba(165, 45, 53, 0.28);
  border-color: rgba(249, 192, 49, 0.30);
}

.flames-about-page .fab-pillar-card__icon {
  color: var(--fab-accent);
  margin: 0 auto 1.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: rgba(249, 192, 49, 0.12);
  border: 1px solid rgba(249, 192, 49, 0.18);
}

.flames-about-page .fab-pillar-card__title {
  font-size: 1.30rem;
  font-weight: 900;
  color: var(--fab-light);
  margin-bottom: 0.70rem;
  letter-spacing: -0.015em;
}

.flames-about-page .fab-pillar-card__text {
  font-size: 0.91rem;
  color: rgba(255, 255, 255, 0.72);
  line-height: 1.70;
  margin: 0;
}


/* ============================================================
   SECTION 4: OUR PHILOSOPHY
============================================================ */
.flames-about-page .fab-philosophy {
  padding: 7rem 0;
  background-color: var(--fab-bg-light);
}

.flames-about-page .fab-philosophy__text {
  font-size: 1.04rem;
  color: var(--fab-body);
  line-height: 1.82;
  margin-bottom: 1.10rem;
}
.flames-about-page .fab-philosophy__text:last-child { margin-bottom: 0; }

.flames-about-page .fab-philosophy__text em {
  font-style: italic;
  color: var(--fab-main);
  font-weight: 600;
}

/* Philosophy Icon Boxes */
.flames-about-page .fab-phil-box {
  background-color: var(--fab-light);
  border-radius: var(--fab-radius);
  padding: 1.5rem 1.5rem 1.5rem 1.80rem;
  height: 100%;
  box-shadow: var(--fab-shadow);
  border: 1px solid var(--fab-border);
  border-left: 3px solid var(--fab-main);
  transition: transform var(--fab-transition), box-shadow var(--fab-transition), border-left-color var(--fab-transition);
}

.flames-about-page .fab-phil-box:hover {
  transform: translateY(-4px);
  box-shadow: var(--fab-shadow-hover);
  border-left-color: var(--fab-accent);
}

.flames-about-page .fab-phil-box__icon {
  color: var(--fab-main);
  margin-bottom: 0.80rem;
  display: block;
}

.flames-about-page .fab-phil-box__title {
  font-size: 0.96rem;
  font-weight: 800;
  color: var(--fab-dark);
  margin-bottom: 0.50rem;
  letter-spacing: -0.01em;
}

.flames-about-page .fab-phil-box__text {
  font-size: 0.88rem;
  color: var(--fab-muted);
  line-height: 1.70;
  margin: 0;
}


/* ============================================================
   SECTION 5: PLAYER DEVELOPMENT MODEL
============================================================ */
.flames-about-page .fab-pathway {
  padding: 7rem 0;
  background: linear-gradient(
    160deg,
    var(--fab-dark) 0%,
    #231519 50%,
    #1c1012 100%
  );
  position: relative;
  overflow: hidden;
}

.flames-about-page .fab-pathway::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image:
    radial-gradient(circle at 15% 60%, rgba(165, 45, 53, 0.12) 0%, transparent 50%),
    radial-gradient(circle at 85% 40%, rgba(249, 192, 49, 0.06) 0%, transparent 50%);
  pointer-events: none;
}

.flames-about-page .fab-pathway__intro {
  font-size: 1.05rem;
  color: rgba(255, 255, 255, 0.72);
  line-height: 1.75;
  margin-top: 0.5rem;
}

/* Connector track (decorative) */
.flames-about-page .fab-pathway__track {
  display: none;
  position: relative;
  margin: 2.75rem 0 0;
  height: 2px;
}

.flames-about-page .fab-pathway__track-line {
  height: 2px;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(249, 192, 49, 0.20) 10%,
    rgba(249, 192, 49, 0.55) 50%,
    rgba(249, 192, 49, 0.20) 90%,
    transparent 100%
  );
}

@media (min-width: 1200px) {
  .flames-about-page .fab-pathway__track { display: block; }
}

/* Pathway Cards */
.flames-about-page .fab-pathway-card {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: var(--fab-radius);
  padding: 2rem 1.75rem 1.75rem;
  height: 100%;
  display: flex;
  flex-direction: column;
  transition:
    transform          var(--fab-transition),
    background-color   var(--fab-transition),
    border-color       var(--fab-transition),
    box-shadow         var(--fab-transition);
}

.flames-about-page .fab-pathway-card:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(249, 192, 49, 0.32);
  transform: translateY(-5px);
  box-shadow: var(--fab-shadow-dark);
}

.flames-about-page .fab-pathway-card--highlight {
  background: rgba(165, 45, 53, 0.22);
  border-color: rgba(165, 45, 53, 0.45);
}
.flames-about-page .fab-pathway-card--highlight:hover {
  background: rgba(165, 45, 53, 0.30);
  border-color: rgba(249, 192, 49, 0.30);
}

.flames-about-page .fab-pathway-card__number {
  font-size: 3.2rem;
  font-weight: 900;
  color: rgba(249, 192, 49, 0.17);
  line-height: 1;
  letter-spacing: -0.05em;
  margin-bottom: 0.50rem;
}

.flames-about-page .fab-pathway-card__age {
  font-size: 0.74rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--fab-accent);
  background: rgba(249, 192, 49, 0.12);
  display: inline-block;
  padding: 0.28rem 0.78rem;
  border-radius: var(--fab-radius-pill);
  margin-bottom: 0.80rem;
  border: 1px solid rgba(249, 192, 49, 0.20);
}

.flames-about-page .fab-pathway-card__title {
  font-size: 1.18rem;
  font-weight: 800;
  color: var(--fab-light);
  margin-bottom: 0.80rem;
  line-height: 1.25;
}

.flames-about-page .fab-pathway-card__text {
  font-size: 0.90rem;
  color: rgba(255, 255, 255, 0.68);
  line-height: 1.70;
  margin-bottom: 1.35rem;
  flex: 1;
}

.flames-about-page .fab-pathway-card__tag {
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.42);
  border-top: 1px solid rgba(255, 255, 255, 0.07);
  padding-top: 0.90rem;
  margin-top: auto;
}


/* ============================================================
   SECTION 6: OUR OBJECTIVES
============================================================ */
.flames-about-page .fab-objectives {
  padding: 7rem 0;
  background-color: var(--fab-light);
}

.flames-about-page .fab-objectives__intro {
  color: var(--fab-muted);
  font-size: 1.05rem;
  line-height: 1.78;
  max-width: 680px;
  margin: 0 auto;
}

.flames-about-page .fab-obj-card {
  background-color: var(--fab-bg-section);
  border-radius: var(--fab-radius);
  padding: 2rem 1.75rem;
  height: 100%;
  border: 1px solid var(--fab-border);
  position: relative;
  overflow: hidden;
  transition:
    transform       var(--fab-transition),
    box-shadow      var(--fab-transition),
    border-color    var(--fab-transition);
}

/* Gradient top bar on hover */
.flames-about-page .fab-obj-card::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--fab-main), var(--fab-accent));
  border-radius: var(--fab-radius) var(--fab-radius) 0 0;
  opacity: 0;
  transition: opacity var(--fab-transition);
}

.flames-about-page .fab-obj-card:hover::before {
  opacity: 1;
}

.flames-about-page .fab-obj-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--fab-shadow-hover);
  border-color: rgba(165, 45, 53, 0.14);
}

.flames-about-page .fab-obj-card__icon {
  color: var(--fab-main);
  display: block;
  margin-bottom: 1rem;
}

.flames-about-page .fab-obj-card__title {
  font-size: 1.05rem;
  font-weight: 800;
  color: var(--fab-dark);
  margin-bottom: 0.65rem;
  letter-spacing: -0.01em;
}

.flames-about-page .fab-obj-card__text {
  font-size: 0.91rem;
  color: var(--fab-muted);
  line-height: 1.72;
  margin: 0;
}


/* ============================================================
   SECTION 7: THE FLAMES DIFFERENCE
============================================================ */
.flames-about-page .fab-difference {
  padding: 7rem 0;
  background: linear-gradient(135deg, var(--fab-dark) 0%, #231519 55%, #1c1012 100%);
  position: relative;
  overflow: hidden;
}

.flames-about-page .fab-difference::before {
  content: '';
  position: absolute;
  top: -80px; right: -80px;
  width: 440px; height: 440px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(165, 45, 53, 0.18) 0%, transparent 65%);
  pointer-events: none;
}

.flames-about-page .fab-difference::after {
  content: '';
  position: absolute;
  bottom: -80px; left: -60px;
  width: 360px; height: 360px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(249, 192, 49, 0.06) 0%, transparent 70%);
  pointer-events: none;
}

/* Difference Feature List */
.flames-about-page .fab-diff-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.flames-about-page .fab-diff-list__item {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  padding: 1.05rem 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}
.flames-about-page .fab-diff-list__item:first-child  { padding-top: 0; }
.flames-about-page .fab-diff-list__item:last-child   { border-bottom: none; padding-bottom: 0; }

.flames-about-page .fab-diff-list__bullet {
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background-color: var(--fab-accent);
  color: var(--fab-dark);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 1px;
}

.flames-about-page .fab-diff-list__item > div { flex: 1; }

.flames-about-page .fab-diff-list__item strong {
  display: block;
  font-size: 0.96rem;
  font-weight: 700;
  color: var(--fab-light);
  margin-bottom: 0.22rem;
  line-height: 1.35;
}

.flames-about-page .fab-diff-list__item p {
  font-size: 0.88rem;
  color: rgba(255, 255, 255, 0.62);
  line-height: 1.65;
  margin: 0;
}

/* Quote Card */
.flames-about-page .fab-quote-card {
  background: rgba(165, 45, 53, 0.20);
  border: 1px solid rgba(165, 45, 53, 0.42);
  border-radius: var(--fab-radius);
  padding: 2.5rem 2.1rem 2rem;
  margin: 0 0 1.5rem;
  position: relative;
}

.flames-about-page .fab-quote-card__mark {
  color: rgba(249, 192, 49, 0.28);
  display: block;
  margin-bottom: 1rem;
  line-height: 1;
}

.flames-about-page .fab-quote-card__text {
  font-size: 1.13rem;
  font-weight: 600;
  color: var(--fab-light);
  line-height: 1.72;
  margin-bottom: 1.25rem;
  font-style: italic;
}

.flames-about-page .fab-quote-card__footer {
  display: flex;
  align-items: center;
  gap: 0.50rem;
}

.flames-about-page .fab-quote-card__dash {
  color: var(--fab-accent);
  font-size: 1.20rem;
  font-weight: 700;
  font-style: normal;
}

.flames-about-page .fab-quote-card__attr {
  font-size: 0.86rem;
  font-weight: 800;
  color: var(--fab-accent);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-style: normal;
}

/* Team Image */
.flames-about-page .fab-difference__img-wrap {
  border-radius: var(--fab-radius);
  overflow: hidden;
  box-shadow: 0 16px 52px rgba(0, 0, 0, 0.38);
}

.flames-about-page .fab-difference__img {
  width: 100%;
  height: 260px;
  object-fit: cover;
  display: block;
  transition: transform 0.55s ease;
}
.flames-about-page .fab-difference__img-wrap:hover .fab-difference__img {
  transform: scale(1.04);
}


/* ============================================================
   SECTION 8: COMMUNITY
============================================================ */
.flames-about-page .fab-community {
  padding: 6.5rem 0;
  background-color: var(--fab-bg-section);
}

.flames-about-page .fab-community__text {
  font-size: 1.05rem;
  color: var(--fab-body);
  line-height: 1.82;
  margin-bottom: 1.10rem;
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
}

.flames-about-page .fab-community__areas {
  display: flex;
  flex-wrap: wrap;
  gap: 0.50rem;
  justify-content: center;
  margin-top: 2rem;
}

.flames-about-page .fab-area-tag {
  display: inline-block;
  background-color: rgba(165, 45, 53, 0.07);
  color: var(--fab-main);
  font-size: 0.82rem;
  font-weight: 700;
  padding: 0.38rem 0.90rem;
  border-radius: var(--fab-radius-pill);
  border: 1px solid rgba(165, 45, 53, 0.16);
  transition: background-color var(--fab-transition), color var(--fab-transition);
  cursor: default;
}
.flames-about-page .fab-area-tag:hover {
  background-color: var(--fab-main);
  color: var(--fab-light);
}


/* ============================================================
   SECTION 9: CALL TO ACTION
============================================================ */
.flames-about-page .fab-cta {
  padding: 7rem 0;
  background: linear-gradient(
    140deg,
    var(--fab-main) 0%,
    var(--fab-main-dark) 55%,
    var(--fab-main-xdark) 100%
  );
  position: relative;
  overflow: hidden;
}

.flames-about-page .fab-cta__bg-deco {
  position: absolute;
  inset: 0;
  pointer-events: none;
  overflow: hidden;
}
.flames-about-page .fab-cta__bg-deco::before {
  content: '';
  position: absolute;
  top: -80px; right: -100px;
  width: 420px; height: 420px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.06);
}
.flames-about-page .fab-cta__bg-deco::after {
  content: '';
  position: absolute;
  bottom: -100px; left: -70px;
  width: 330px; height: 330px;
  border-radius: 50%;
  background: rgba(249, 192, 49, 0.10);
}

.flames-about-page .fab-cta__title {
  font-size: clamp(1.9rem, 4.5vw, 2.9rem);
  font-weight: 900;
  color: var(--fab-light);
  margin-bottom: 1.10rem;
  letter-spacing: -0.025em;
  line-height: 1.12;
}

.flames-about-page .fab-cta__text {
  font-size: 1.10rem;
  color: rgba(255, 255, 255, 0.84);
  line-height: 1.75;
  max-width: 620px;
  margin: 0 auto 2.5rem;
}

.flames-about-page .fab-cta__buttons {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  justify-content: center;
}


/* ============================================================
   ACCESSIBILITY — FOCUS STATES
============================================================ */
.flames-about-page a:focus-visible,
.flames-about-page button:focus-visible {
  outline: 3px solid var(--fab-accent);
  outline-offset: 3px;
  border-radius: 4px;
}
.flames-about-page a:focus:not(:focus-visible),
.flames-about-page button:focus:not(:focus-visible) {
  outline: none;
}


/* ============================================================
   RESPONSIVE — TABLET (max 991px)
============================================================ */
@media (max-width: 991.98px) {
  .flames-about-page .fab-hero {
    min-height: 68vh;
    padding: 7rem 0 5.5rem;
    background-attachment: scroll;
  }

  .flames-about-page .fab-story,
  .flames-about-page .fab-philosophy,
  .flames-about-page .fab-objectives,
  .flames-about-page .fab-community {
    padding: 5.5rem 0;
  }

  .flames-about-page .fab-mission,
  .flames-about-page .fab-pathway,
  .flames-about-page .fab-difference,
  .flames-about-page .fab-cta {
    padding: 5.5rem 0;
  }

  .flames-about-page .fab-numbers-box {
    margin-top: 1rem;
  }

  .flames-about-page .fab-difference__img {
    height: 210px;
  }
}


/* ============================================================
   RESPONSIVE — MOBILE (max 767px)
============================================================ */
@media (max-width: 767.98px) {
  .flames-about-page .fab-hero {
    min-height: 88svh;
    padding: 6rem 0 4.5rem;
    text-align: center;
    background-position: 58% center;
  }

  .flames-about-page .fab-hero__bottom-fade {
    height: 70px;
  }

  .flames-about-page .fab-section-title {
    font-size: 1.70rem;
  }

  .flames-about-page .fab-hero__buttons,
  .flames-about-page .fab-cta__buttons {
    flex-direction: column;
    align-items: center;
  }
  .flames-about-page .fab-hero__buttons .btn,
  .flames-about-page .fab-cta__buttons .btn {
    width: 100%;
    max-width: 315px;
    justify-content: center;
  }

  .flames-about-page .fab-story,
  .flames-about-page .fab-philosophy,
  .flames-about-page .fab-objectives,
  .flames-about-page .fab-community {
    padding: 4rem 0;
  }

  .flames-about-page .fab-mission,
  .flames-about-page .fab-pathway,
  .flames-about-page .fab-difference,
  .flames-about-page .fab-cta {
    padding: 4.5rem 0;
  }

  .flames-about-page .fab-diff-list__item {
    gap: 0.75rem;
  }

  .flames-about-page .fab-quote-card__text {
    font-size: 1.03rem;
  }

  .flames-about-page .fab-difference__img {
    height: 195px;
  }

  .flames-about-page .fab-community__areas {
    justify-content: center;
  }
}


/* ============================================================
   RESPONSIVE — MOBILE SMALL (max 575px)
============================================================ */
@media (max-width: 575.98px) {
  .flames-about-page .fab-hero__headline {
    font-size: 1.95rem;
  }

  .flames-about-page .fab-phil-box {
    padding: 1.35rem 1.25rem 1.35rem 1.55rem;
  }

  .flames-about-page .fab-numbers-list {
    padding: 0.5rem 1.50rem 1.50rem;
  }

  .flames-about-page .fab-numbers-box__header {
    padding: 1.4rem 1.50rem 1.10rem;
  }

  .flames-about-page .fab-pathway-card__number {
    font-size: 2.5rem;
  }

  .flames-about-page .fab-quote-card {
    padding: 2rem 1.50rem 1.75rem;
  }

  .flames-about-page .fab-pillar-card {
    padding: 1.75rem 1.35rem;
  }
}


/* ============================================================
   REDUCED MOTION
============================================================ */
@media (prefers-reduced-motion: reduce) {
  .flames-about-page .fab-hero {
    background-attachment: scroll;
  }

  .flames-about-page .fab-pillar-card,
  .flames-about-page .fab-phil-box,
  .flames-about-page .fab-pathway-card,
  .flames-about-page .fab-obj-card,
  .flames-about-page .btn {
    transition: none;
  }

  .flames-about-page .fab-pillar-card:hover,
  .flames-about-page .fab-phil-box:hover,
  .flames-about-page .fab-pathway-card:hover,
  .flames-about-page .fab-obj-card:hover,
  .flames-about-page .btn:hover {
    transform: none;
  }

  .flames-about-page .fab-difference__img,
  .flames-about-page .fab-obj-card::before {
    transition: none;
  }

  .flames-about-page .fab-difference__img-wrap:hover .fab-difference__img {
    transform: none;
  }
}

/* ============================================================
   CLEVELAND FLAMES — JR ACADEMY PAGE
   Scope wrapper : .flames-jr-academy-page
   Class prefix  : fja-
   Stack         : Bootstrap 5 + Bootscore (zero global bleed)
============================================================ */

/* ─────────────────────────────────────────
   DESIGN TOKENS
───────────────────────────────────────── */
.flames-jr-academy-page {
  --fja-red:          #a52d35;
  --fja-red-d:        #7e2029;
  --fja-red-xd:       #5a1620;
  --fja-gold:         #f9c031;
  --fja-gold-d:       #d9a41a;
  --fja-dark:         #1a1617;
  --fja-dark2:        #231e1f;
  --fja-muted:        #6b6366;
  --fja-muted2:       #9e979a;
  --fja-light:        #ffffff;
  --fja-offwhite:     #faf8f8;
  --fja-border:       #ede8e9;
  --fja-body-clr:     #4a4347;
  --fja-radius:       12px;
  --fja-radius-lg:    18px;
  --fja-radius-pill:  100px;
  --fja-shadow:       0 4px 24px rgba(26,22,23,.08);
  --fja-shadow-h:     0 10px 40px rgba(165,45,53,.16);
  --fja-ease:         0.28s cubic-bezier(.4,0,.2,1);
  --fja-hero-img:     url('https://clevelandtnsoccer.com/wp-content/uploads/revslider/home-1/h2-slide-2-background.jpg');
  /* ↑ Download and re-host locally to avoid third-party dependency:
       url('/wp-content/uploads/flames-hero-bg.jpg') */
}

/* ─────────────────────────────────────────
   BASE RESET (scoped)
───────────────────────────────────────── */
.flames-jr-academy-page *,
.flames-jr-academy-page *::before,
.flames-jr-academy-page *::after {
  box-sizing: border-box;
}

.flames-jr-academy-page {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  color: var(--fja-dark);
  line-height: 1.65;
  overflow-x: hidden;
}

.flames-jr-academy-page img {
  max-width: 100%;
  height: auto;
  display: block;
}

/* ─────────────────────────────────────────
   SHARED TYPOGRAPHY
───────────────────────────────────────── */
.flames-jr-academy-page .fja-label {
  font-size: .78rem;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--fja-red);
}

.flames-jr-academy-page .fja-label--light { color: var(--fja-gold); }

.flames-jr-academy-page .fja-title {
  font-size: clamp(1.75rem, 3.5vw, 2.5rem);
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: -.02em;
  color: var(--fja-dark);
}

.flames-jr-academy-page .fja-title--light { color: var(--fja-light); }

.flames-jr-academy-page .fja-body {
  font-size: 1.0625rem;
  color: var(--fja-body-clr);
  line-height: 1.7;
}

.flames-jr-academy-page .fja-body--light { color: rgba(255,255,255,.78); }

.flames-jr-academy-page .fja-link {
  color: var(--fja-red);
  text-decoration: underline;
  text-underline-offset: 3px;
  font-weight: 600;
  transition: color var(--fja-ease);
}

.flames-jr-academy-page .fja-link:hover,
.flames-jr-academy-page .fja-link:focus-visible { color: var(--fja-red-d); }

.flames-jr-academy-page .fja-link--light { color: var(--fja-gold); }

.flames-jr-academy-page .fja-link--light:hover,
.flames-jr-academy-page .fja-link--light:focus-visible { color: #fff; }

/* ─────────────────────────────────────────
   SHARED BUTTONS
───────────────────────────────────────── */
.flames-jr-academy-page .fja-btn {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  padding: .875rem 1.75rem;
  border-radius: var(--fja-radius-pill);
  font-size: .9375rem;
  font-weight: 700;
  letter-spacing: .02em;
  text-decoration: none;
  border: 2px solid transparent;
  line-height: 1;
  cursor: pointer;
  transition:
    background var(--fja-ease),
    color var(--fja-ease),
    border-color var(--fja-ease),
    box-shadow var(--fja-ease),
    transform var(--fja-ease);
}

.flames-jr-academy-page .fja-btn:focus-visible {
  outline: 3px solid var(--fja-gold);
  outline-offset: 3px;
}

/* primary */
.flames-jr-academy-page .fja-btn--primary {
  background: var(--fja-red);
  color: var(--fja-light);
  border-color: var(--fja-red);
  box-shadow: 0 4px 20px rgba(165,45,53,.35);
}
.flames-jr-academy-page .fja-btn--primary:hover {
  background: var(--fja-red-d);
  border-color: var(--fja-red-d);
  box-shadow: 0 8px 32px rgba(165,45,53,.5);
  transform: translateY(-2px);
  color: var(--fja-light);
}

/* ghost (hero / cta) */
.flames-jr-academy-page .fja-btn--ghost {
  background: rgba(255,255,255,.12);
  color: var(--fja-light);
  border-color: rgba(255,255,255,.45);
  backdrop-filter: blur(8px);
}
.flames-jr-academy-page .fja-btn--ghost:hover {
  background: rgba(255,255,255,.22);
  border-color: rgba(255,255,255,.75);
  color: var(--fja-light);
  transform: translateY(-2px);
}

/* outline */
.flames-jr-academy-page .fja-btn--outline {
  background: transparent;
  color: var(--fja-red);
  border-color: var(--fja-red);
}
.flames-jr-academy-page .fja-btn--outline:hover {
  background: var(--fja-red);
  color: var(--fja-light);
  transform: translateY(-2px);
  box-shadow: var(--fja-shadow-h);
}

/* accent (gold) */
.flames-jr-academy-page .fja-btn--accent {
  background: var(--fja-gold);
  color: var(--fja-dark);
  border-color: var(--fja-gold);
  box-shadow: 0 4px 20px rgba(249,192,49,.4);
}
.flames-jr-academy-page .fja-btn--accent:hover {
  background: var(--fja-gold-d);
  border-color: var(--fja-gold-d);
  color: var(--fja-dark);
  transform: translateY(-2px);
  box-shadow: 0 8px 32px rgba(249,192,49,.55);
}

@media (prefers-reduced-motion: reduce) {
  .flames-jr-academy-page .fja-btn { transition: none; }
  .flames-jr-academy-page .fja-btn:hover { transform: none; }
}

/* ─────────────────────────────────────────
   ① HERO
───────────────────────────────────────── */
.flames-jr-academy-page .fja-hero {
  background-image: var(--fja-hero-img);
  background-size: cover;
  background-position: center 30%;
  background-attachment: fixed;
  min-height: 100vh;
  min-height: 100svh;
  color: var(--fja-light);
}

.flames-jr-academy-page .fja-hero__overlay {
  background:
    linear-gradient(to bottom,
      rgba(26,22,23,.62)  0%,
      rgba(26,22,23,.10) 25%,
      rgba(165,45,53,.55) 72%,
      rgba(165,45,53,.88) 100%),
    linear-gradient(135deg,
      rgba(26,22,23,.65)   0%,
      rgba(165,45,53,.38) 100%);
  z-index: 1;
}

.flames-jr-academy-page .fja-hero__inner {
  position: relative;
  z-index: 2;
}

.flames-jr-academy-page .fja-hero__title {
  font-size: clamp(2.5rem, 6vw, 4.5rem);
  font-weight: 900;
  line-height: 1.1;
  letter-spacing: -.03em;
  color: var(--fja-light);
  text-shadow: 0 2px 24px rgba(26,22,23,.45);
}

.flames-jr-academy-page .fja-hero__sub {
    font-size: clamp(.9375rem, 1.5vw, 1.0625rem);
  color: rgba(255,255,255,.88);
  margin-left: auto;
  margin-right: auto;
  margin-top: 1.25rem;
  line-height: 1.6;
}

.flames-jr-academy-page .fja-hero__fade {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 120px;
  background: linear-gradient(to bottom, transparent 0%, var(--fja-offwhite) 100%);
  z-index: 3;
  pointer-events: none;
}

/* badge */
.flames-jr-academy-page .fja-badge {
  background: rgba(255,255,255,.12);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255,255,255,.28);
  border-radius: var(--fja-radius-pill);
  padding: .45rem 1.125rem;
  font-size: .8125rem;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--fja-light);
  position: relative;
  z-index: 2;
}

.flames-jr-academy-page .fja-badge__dot {
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--fja-gold);
  flex-shrink: 0;
  animation: fja-pulse 2s ease-in-out infinite;
}

@keyframes fja-pulse {
  0%,100% { box-shadow: 0 0 0 0 rgba(249,192,49,.6); }
  50%      { box-shadow: 0 0 0 6px rgba(249,192,49,0); }
}

/* scroll cue */
.flames-jr-academy-page .fja-scroll-cue {
  position: absolute;
  bottom: 1.5rem;
  left: 50%;
  transform: translateX(-50%);
  color: rgba(255,255,255,.5);
  z-index: 4;
  animation: fja-bounce 2.2s ease-in-out infinite;
}

@keyframes fja-bounce {
  0%,100% { transform: translateX(-50%) translateY(0); }
  50%      { transform: translateX(-50%) translateY(8px); }
}

@media (prefers-reduced-motion: reduce) {
  .flames-jr-academy-page .fja-badge__dot { animation: none; }
  .flames-jr-academy-page .fja-scroll-cue { animation: none; }
}

@media (max-width: 991.98px) {
  .flames-jr-academy-page .fja-hero { background-attachment: scroll; }
}

/* ─────────────────────────────────────────
   ② FOUNDATION INTRO
───────────────────────────────────────── */
.flames-jr-academy-page .fja-intro {
  background: var(--fja-offwhite);
}

.flames-jr-academy-page .fja-focus-box {
  background: var(--fja-light);
  border-radius: var(--fja-radius-lg);
  padding: 2.25rem 2rem;
  box-shadow: var(--fja-shadow);
  border-left: 5px solid var(--fja-red);
}

.flames-jr-academy-page .fja-focus-box__heading {
  font-size: 1.0625rem;
  font-weight: 800;
  color: var(--fja-dark);
  margin-bottom: 1.25rem;
  display: flex;
  align-items: center;
  gap: .625rem;
}

.flames-jr-academy-page .fja-focus-box__heading svg {
  color: var(--fja-red);
  flex-shrink: 0;
}

.flames-jr-academy-page .fja-focus-box__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: .75rem;
}

.flames-jr-academy-page .fja-focus-box__list li {
  position: relative;
  padding-left: 1.375rem;
  font-size: .9375rem;
  color: var(--fja-body-clr);
  line-height: 1.55;
}

.flames-jr-academy-page .fja-focus-box__list li::before {
  content: '';
  position: absolute;
  left: 0;
  top: .52em;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--fja-gold);
}

/* ─────────────────────────────────────────
   ③ WHY JR ACADEMY
───────────────────────────────────────── */
.flames-jr-academy-page .fja-why {
  background: var(--fja-dark);
  position: relative;
  overflow: hidden;
}

.flames-jr-academy-page .fja-why::before {
  content: '';
  position: absolute;
  top: -200px;
  right: -200px;
  width: 580px;
  height: 580px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(165,45,53,.18) 0%, transparent 68%);
  pointer-events: none;
}

.flames-jr-academy-page .fja-why-card {
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: var(--fja-radius-lg);
  padding: 2rem 1.75rem;
  transition: background var(--fja-ease), border-color var(--fja-ease), transform var(--fja-ease);
}

.flames-jr-academy-page .fja-why-card:hover {
  background: rgba(255,255,255,.09);
  border-color: rgba(249,192,49,.35);
  transform: translateY(-4px);
}

.flames-jr-academy-page .fja-why-card__icon {
  width: 62px;
  height: 62px;
  border-radius: 15px;
  background: rgba(165,45,53,.25);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.25rem;
  color: var(--fja-gold);
}

.flames-jr-academy-page .fja-why-card__title {
  font-size: 1.0625rem;
  font-weight: 800;
  color: var(--fja-light);
  margin-bottom: .5rem;
}

.flames-jr-academy-page .fja-why-card__body {
  font-size: .9375rem;
  color: rgba(255,255,255,.7);
  line-height: 1.65;
  margin-bottom: 0;
}

@media (prefers-reduced-motion: reduce) {
  .flames-jr-academy-page .fja-why-card:hover { transform: none; }
}

/* ─────────────────────────────────────────
   ④ TRAINING PHILOSOPHY
───────────────────────────────────────── */
.flames-jr-academy-page .fja-philosophy {
  background: var(--fja-offwhite);
}

.flames-jr-academy-page .fja-pillar {
  background: var(--fja-light);
  border-radius: var(--fja-radius-lg);
  padding: 2rem 1.75rem;
  box-shadow: var(--fja-shadow);
  border-top: 4px solid transparent;
  position: relative;
  overflow: hidden;
  transition: border-top-color var(--fja-ease), box-shadow var(--fja-ease), transform var(--fja-ease);
}

.flames-jr-academy-page .fja-pillar:hover {
  border-top-color: var(--fja-red);
  box-shadow: var(--fja-shadow-h);
  transform: translateY(-4px);
}

.flames-jr-academy-page .fja-pillar__num {
  position: absolute;
  top: 1.125rem;
  right: 1.375rem;
  font-size: 2.5rem;
  font-weight: 900;
  color: rgba(165,45,53,.07);
  line-height: 1;
  letter-spacing: -.04em;
  pointer-events: none;
  user-select: none;
}

.flames-jr-academy-page .fja-pillar__icon {
  width: 50px;
  height: 50px;
  border-radius: 12px;
  background: rgba(165,45,53,.09);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.125rem;
  color: var(--fja-red);
}

.flames-jr-academy-page .fja-pillar__title {
  font-size: 1.0625rem;
  font-weight: 800;
  color: var(--fja-dark);
  margin-bottom: .5rem;
}

.flames-jr-academy-page .fja-pillar__body {
  font-size: .9375rem;
  color: var(--fja-muted);
  line-height: 1.65;
  margin-bottom: 0;
}

@media (prefers-reduced-motion: reduce) {
  .flames-jr-academy-page .fja-pillar:hover { transform: none; }
}

/* ─────────────────────────────────────────
   ⑤ WHAT PLAYERS WILL LEARN
───────────────────────────────────────── */
.flames-jr-academy-page .fja-learn {
  background: var(--fja-dark);
  position: relative;
  overflow: hidden;
}

.flames-jr-academy-page .fja-learn::after {
  content: '';
  position: absolute;
  bottom: -160px;
  left: -160px;
  width: 500px;
  height: 500px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(249,192,49,.07) 0%, transparent 68%);
  pointer-events: none;
}

.flames-jr-academy-page .fja-learn-col {
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.1);
  border-radius: var(--fja-radius-lg);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.flames-jr-academy-page .fja-learn-col__hd {
  background: var(--fja-red);
  padding: 1.375rem 1.75rem;
  display: flex;
  align-items: center;
  gap: .875rem;
  flex-shrink: 0;
}

.flames-jr-academy-page .fja-learn-col__ico {
  width: 42px;
  height: 42px;
  border-radius: 10px;
  background: rgba(255,255,255,.18);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--fja-light);
  flex-shrink: 0;
}

.flames-jr-academy-page .fja-learn-col__title {
  font-size: 1.0625rem;
  font-weight: 800;
  color: var(--fja-light);
  margin: 0;
}

.flames-jr-academy-page .fja-learn-col__list {
  list-style: none;
  padding: 1.5rem 1.75rem;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: .875rem;
}

.flames-jr-academy-page .fja-learn-col__list li {
  display: flex;
  align-items: flex-start;
  gap: .625rem;
  font-size: .9375rem;
  color: rgba(255,255,255,.78);
  line-height: 1.55;
}

.flames-jr-academy-page .fja-learn-col__list li svg {
  color: var(--fja-gold);
  flex-shrink: 0;
  margin-top: .2em;
}

/* ─────────────────────────────────────────
   ⑥ PLAYER PATHWAY
───────────────────────────────────────── */
.flames-jr-academy-page .fja-pathway {
  background: var(--fja-offwhite);
}

.flames-jr-academy-page .fja-path-card {
  background: var(--fja-light);
  border-radius: var(--fja-radius-lg);
  padding: 1.875rem 1.5rem;
  box-shadow: var(--fja-shadow);
  border-top: 4px solid var(--fja-border);
  text-align: center;
  transition: border-top-color var(--fja-ease), box-shadow var(--fja-ease), transform var(--fja-ease);
  position: relative;
}

.flames-jr-academy-page .fja-path-card:hover {
  border-top-color: var(--fja-red);
  box-shadow: var(--fja-shadow-h);
  transform: translateY(-4px);
}

.flames-jr-academy-page .fja-path-card--active {
  background: var(--fja-red);
  border-top-color: var(--fja-red-d);
}

.flames-jr-academy-page .fja-path-card__stage {
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--fja-muted);
  margin-bottom: .5rem;
}

.flames-jr-academy-page .fja-path-card--active .fja-path-card__stage {
  color: rgba(255,255,255,.6);
}

.flames-jr-academy-page .fja-path-card__badge {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  background: var(--fja-gold);
  color: var(--fja-dark);
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .05em;
  text-transform: uppercase;
  padding: .3rem .75rem;
  border-radius: var(--fja-radius-pill);
  margin-bottom: .875rem;
}

.flames-jr-academy-page .fja-path-card__title {
  font-size: 1.1875rem;
  font-weight: 800;
  color: var(--fja-dark);
  margin-bottom: .3rem;
}

.flames-jr-academy-page .fja-path-card--active .fja-path-card__title {
  color: var(--fja-light);
}

.flames-jr-academy-page .fja-path-card__ages {
  font-size: .8rem;
  font-weight: 700;
  color: var(--fja-red);
  letter-spacing: .06em;
  text-transform: uppercase;
  margin-bottom: .875rem;
}

.flames-jr-academy-page .fja-path-card--active .fja-path-card__ages {
  color: var(--fja-gold);
}

.flames-jr-academy-page .fja-path-card__body {
  font-size: .9rem;
  color: var(--fja-muted);
  line-height: 1.6;
  margin-bottom: 0;
}

.flames-jr-academy-page .fja-path-card--active .fja-path-card__body {
  color: rgba(255,255,255,.82);
}

@media (prefers-reduced-motion: reduce) {
  .flames-jr-academy-page .fja-path-card:hover { transform: none; }
}

/* ─────────────────────────────────────────
   ⑦ PARENT EDUCATION
───────────────────────────────────────── */
.flames-jr-academy-page .fja-parents {
  background: var(--fja-dark);
  position: relative;
  overflow: hidden;
}

.flames-jr-academy-page .fja-parents::before {
  content: '';
  position: absolute;
  top: -100px;
  left: -100px;
  width: 450px;
  height: 450px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(165,45,53,.15) 0%, transparent 68%);
  pointer-events: none;
}

.flames-jr-academy-page .fja-expect-card {
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.09);
  border-radius: var(--fja-radius-lg);
  padding: 2rem 1.75rem;
  transition: background var(--fja-ease), border-color var(--fja-ease), transform var(--fja-ease);
}

.flames-jr-academy-page .fja-expect-card:hover {
  background: rgba(255,255,255,.08);
  border-color: rgba(165,45,53,.4);
  transform: translateY(-4px);
}

.flames-jr-academy-page .fja-expect-card__icon {
  width: 58px;
  height: 58px;
  border-radius: 14px;
  background: rgba(165,45,53,.22);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.25rem;
  color: var(--fja-gold);
}

.flames-jr-academy-page .fja-expect-card__title {
  font-size: 1.0625rem;
  font-weight: 800;
  color: var(--fja-light);
  margin-bottom: .6rem;
}

.flames-jr-academy-page .fja-expect-card__body {
  font-size: .9375rem;
  color: rgba(255,255,255,.7);
  line-height: 1.65;
  margin-bottom: 0;
}

@media (prefers-reduced-motion: reduce) {
  .flames-jr-academy-page .fja-expect-card:hover { transform: none; }
}

/* ─────────────────────────────────────────
   ⑧ THE FLAMES DIFFERENCE
───────────────────────────────────────── */
.flames-jr-academy-page .fja-difference {
  background: var(--fja-offwhite);
}

/* quote block */
.flames-jr-academy-page .fja-quote {
  background: var(--fja-red);
  border-radius: var(--fja-radius-lg);
  padding: 2rem 1.875rem;
  margin: 0;
  position: relative;
  overflow: hidden;
}

.flames-jr-academy-page .fja-quote::before {
  content: '\201C';
  position: absolute;
  top: -.5rem;
  left: 1rem;
  font-size: 6rem;
  font-weight: 900;
  color: rgba(255,255,255,.12);
  line-height: 1;
  pointer-events: none;
}

.flames-jr-academy-page .fja-quote__text {
  font-size: 1.0625rem;
  font-weight: 600;
  font-style: italic;
  color: var(--fja-light);
  line-height: 1.65;
  margin-bottom: 1rem;
  position: relative;
  z-index: 1;
}

.flames-jr-academy-page .fja-quote__attr {
  font-size: .875rem;
  color: rgba(255,255,255,.7);
  position: relative;
  z-index: 1;
}

.flames-jr-academy-page .fja-quote__attr cite {
  font-style: normal;
  font-weight: 700;
}

/* diff items */
.flames-jr-academy-page .fja-diff-item {
  display: flex;
  align-items: flex-start;
  gap: .875rem;
  background: var(--fja-light);
  border-radius: var(--fja-radius);
  padding: 1.25rem;
  box-shadow: var(--fja-shadow);
  height: 100%;
  transition: box-shadow var(--fja-ease), transform var(--fja-ease);
}

.flames-jr-academy-page .fja-diff-item:hover {
  box-shadow: var(--fja-shadow-h);
  transform: translateY(-3px);
}

.flames-jr-academy-page .fja-diff-item__check {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: var(--fja-red);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--fja-light);
  flex-shrink: 0;
  margin-top: .1rem;
}

.flames-jr-academy-page .fja-diff-item__title {
  font-size: .9375rem;
  font-weight: 800;
  color: var(--fja-dark);
  margin-bottom: .25rem;
}

.flames-jr-academy-page .fja-diff-item__body {
  font-size: .875rem;
  color: var(--fja-muted);
  line-height: 1.6;
  margin-bottom: 0;
}

@media (prefers-reduced-motion: reduce) {
  .flames-jr-academy-page .fja-diff-item:hover { transform: none; }
}

/* ─────────────────────────────────────────
   ⑨ PROGRAM DETAILS
───────────────────────────────────────── */
.flames-jr-academy-page .fja-details {
  background: var(--fja-dark);
  position: relative;
  overflow: hidden;
}

.flames-jr-academy-page .fja-details::after {
  content: '';
  position: absolute;
  bottom: -200px;
  right: -200px;
  width: 600px;
  height: 600px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(249,192,49,.06) 0%, transparent 68%);
  pointer-events: none;
}

.flames-jr-academy-page .fja-detail-card {
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.09);
  border-radius: var(--fja-radius-lg);
  padding: 1.875rem 1.625rem;
  transition: background var(--fja-ease), border-color var(--fja-ease), transform var(--fja-ease);
}

.flames-jr-academy-page .fja-detail-card:hover {
  background: rgba(255,255,255,.09);
  border-color: rgba(165,45,53,.45);
  transform: translateY(-4px);
}

.flames-jr-academy-page .fja-detail-card__icon {
  color: var(--fja-gold);
  margin-bottom: 1.125rem;
}

.flames-jr-academy-page .fja-detail-card__label {
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--fja-muted2);
  margin-bottom: .3rem;
}

.flames-jr-academy-page .fja-detail-card__value {
  font-size: 1.125rem;
  font-weight: 800;
  color: var(--fja-light);
  margin-bottom: .625rem;
}

.flames-jr-academy-page .fja-detail-card__note {
  font-size: .875rem;
  color: rgba(255,255,255,.6);
  line-height: 1.6;
  margin-bottom: 0;
}

@media (prefers-reduced-motion: reduce) {
  .flames-jr-academy-page .fja-detail-card:hover { transform: none; }
}

/* ─────────────────────────────────────────
   ⑩ FAQ (Bootstrap 5 Accordion)
───────────────────────────────────────── */
.flames-jr-academy-page .fja-faq {
  background: var(--fja-offwhite);
}

/* Override Bootstrap accordion defaults scoped to this page */
.flames-jr-academy-page .fja-accordion .accordion-item {
  background: var(--fja-light);
  border: 1px solid var(--fja-border) !important;
  border-radius: var(--fja-radius) !important;
  margin-bottom: .875rem;
  overflow: hidden;
  box-shadow: var(--fja-shadow);
}

.flames-jr-academy-page .fja-accordion .accordion-item:last-child {
  margin-bottom: 0;
}

.flames-jr-academy-page .fja-accordion .accordion-button {
  background: var(--fja-light);
  color: var(--fja-dark);
  font-weight: 700;
  font-size: 1rem;
  padding: 1.375rem 1.625rem;
  border-radius: 0 !important;
  box-shadow: none !important;
  transition: background var(--fja-ease), color var(--fja-ease);
}

.flames-jr-academy-page .fja-accordion .accordion-button:not(.collapsed) {
  background: var(--fja-red);
  color: var(--fja-light);
  box-shadow: none !important;
}

/* tint the chevron white when open */
.flames-jr-academy-page .fja-accordion .accordion-button:not(.collapsed)::after {
  filter: brightness(0) invert(1);
}

.flames-jr-academy-page .fja-accordion .accordion-button:focus {
  outline: none;
  box-shadow: none !important;
}

.flames-jr-academy-page .fja-accordion .accordion-button:focus-visible {
  outline: 3px solid var(--fja-red);
  outline-offset: -3px;
}

.flames-jr-academy-page .fja-accordion .accordion-body {
  padding: 1.5rem 1.625rem;
  font-size: .9375rem;
  color: var(--fja-body-clr);
  line-height: 1.7;
}

/* ─────────────────────────────────────────
   ⑪ FINAL CTA
───────────────────────────────────────── */
.flames-jr-academy-page .fja-cta {
  background-image: var(--fja-hero-img);
  background-size: cover;
  background-position: center 40%;
  background-attachment: fixed;
  color: var(--fja-light);
}

.flames-jr-academy-page .fja-cta__overlay {
  background:
    linear-gradient(135deg,
      rgba(90,22,32,.93)  0%,
      rgba(165,45,53,.88) 50%,
      rgba(26,22,23,.93) 100%);
  z-index: 1;
}

.flames-jr-academy-page .fja-cta__inner {
  position: relative;
  z-index: 2;
}

.flames-jr-academy-page .fja-cta__note {
  font-size: .875rem;
  color: rgba(255,255,255,.6);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: .4rem;
}

.flames-jr-academy-page .fja-cta__note svg {
  color: var(--fja-gold);
  flex-shrink: 0;
}

@media (max-width: 991.98px) {
  .flames-jr-academy-page .fja-cta { background-attachment: scroll; }
}

/* ─────────────────────────────────────────
   ⑫ FOOTER STRIP
───────────────────────────────────────── */
.flames-jr-academy-page .fja-footer {
  background: var(--fja-dark);
  border-top: 1px solid rgba(255,255,255,.08);
  padding: 1.25rem 0;
}

.flames-jr-academy-page .fja-footer__brand {
  font-size: .875rem;
  font-weight: 800;
  color: var(--fja-light);
}

.flames-jr-academy-page .fja-footer__nav a {
  font-size: .8125rem;
  font-weight: 600;
  color: rgba(255,255,255,.52);
  text-decoration: none;
  transition: color var(--fja-ease);
}

.flames-jr-academy-page .fja-footer__nav a:hover,
.flames-jr-academy-page .fja-footer__nav a:focus-visible {
  color: var(--fja-gold);
}

.flames-jr-academy-page .fja-footer__legal {
  font-size: .775rem;
  color: rgba(255,255,255,.32);
}

/* ─────────────────────────────────────────
   RESPONSIVE OVERRIDES
───────────────────────────────────────── */
@media (max-width: 767.98px) {
  .flames-jr-academy-page .fja-focus-box { padding: 1.75rem 1.5rem; }

  .flames-jr-academy-page .fja-pillar,
  .flames-jr-academy-page .fja-why-card,
  .flames-jr-academy-page .fja-expect-card,
  .flames-jr-academy-page .fja-detail-card { padding: 1.5rem 1.375rem; }

  .flames-jr-academy-page .fja-learn-col__hd { padding: 1.25rem 1.375rem; }
  .flames-jr-academy-page .fja-learn-col__list { padding: 1.25rem 1.375rem; }

  .flames-jr-academy-page .fja-footer .row { text-align: center; }
  .flames-jr-academy-page .fja-footer__nav { justify-content: center; }
}

@media (max-width: 575.98px) {
  .flames-jr-academy-page .fja-btn {
    padding: .8125rem 1.375rem;
    font-size: .875rem;
  }

  .flames-jr-academy-page .fja-hero .d-flex,
  .flames-jr-academy-page .fja-cta .d-flex {
    flex-direction: column;
    align-items: center;
  }

  .flames-jr-academy-page .fja-hero .fja-btn,
  .flames-jr-academy-page .fja-cta .fja-btn {
    width: 100%;
    max-width: 300px;
    justify-content: center;
  }

  .flames-jr-academy-page .fja-accordion .accordion-button {
    padding: 1.125rem 1.25rem;
    font-size: .9375rem;
  }

  .flames-jr-academy-page .fja-accordion .accordion-body {
    padding: 1.25rem;
  }
}

/* ============================================================
   CLEVELAND FLAMES FUTBOL CLUB — SR ACADEMY PAGE
   Scope wrapper : .flames-sr-academy-page
   Class prefix  : fsa-
   Stack         : Bootstrap 5 + Bootscore (zero global bleed)
============================================================ */

/* ─────────────────────────────────────────
   DESIGN TOKENS
───────────────────────────────────────── */
.flames-sr-academy-page {
  --fsa-red:         #a52d35;
  --fsa-red-d:       #7e2029;
  --fsa-red-xd:      #5a1620;
  --fsa-gold:        #f9c031;
  --fsa-gold-d:      #d9a41a;
  --fsa-dark:        #1a1617;
  --fsa-dark2:       #231e1f;
  --fsa-muted:       #6b6366;
  --fsa-muted2:      #9e979a;
  --fsa-light:       #ffffff;
  --fsa-offwhite:    #faf8f8;
  --fsa-border:      #ede8e9;
  --fsa-body-clr:    #4a4347;
  --fsa-radius:      12px;
  --fsa-radius-lg:   18px;
  --fsa-radius-pill: 100px;
  --fsa-shadow:      0 4px 24px rgba(26,22,23,.08);
  --fsa-shadow-h:    0 10px 40px rgba(165,45,53,.16);
  --fsa-ease:        0.28s cubic-bezier(.4,0,.2,1);
  --fsa-hero-img:    url('https://clevelandtnsoccer.com/wp-content/uploads/revslider/home-1/h1-slide-6-background.jpg');
}

/* ─────────────────────────────────────────
   SCOPED RESET
───────────────────────────────────────── */
.flames-sr-academy-page *,
.flames-sr-academy-page *::before,
.flames-sr-academy-page *::after { box-sizing: border-box; }

.flames-sr-academy-page {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  color: var(--fsa-dark);
  line-height: 1.65;
  overflow-x: hidden;
}

.flames-sr-academy-page img { max-width: 100%; height: auto; display: block; }

/* ─────────────────────────────────────────
   SHARED TYPOGRAPHY
───────────────────────────────────────── */
.flames-sr-academy-page .fsa-label {
  font-size: .78rem;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--fsa-red);
}

.flames-sr-academy-page .fsa-label--light { color: var(--fsa-gold); }

.flames-sr-academy-page .fsa-title {
  font-size: clamp(1.75rem, 3.5vw, 2.5rem);
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: -.02em;
  color: var(--fsa-dark);
  margin-bottom: 0;
}

.flames-sr-academy-page .fsa-title--light { color: var(--fsa-light); }

.flames-sr-academy-page .fsa-body {
  font-size: 1.0625rem;
  color: var(--fsa-body-clr);
  line-height: 1.7;
}

.flames-sr-academy-page .fsa-body--light { color: rgba(255,255,255,.78); }

.flames-sr-academy-page .fsa-link {
  color: var(--fsa-red);
  text-decoration: underline;
  text-underline-offset: 3px;
  font-weight: 600;
  transition: color var(--fsa-ease);
}

.flames-sr-academy-page .fsa-link:hover,
.flames-sr-academy-page .fsa-link:focus-visible { color: var(--fsa-red-d); }

.flames-sr-academy-page .fsa-link--light { color: var(--fsa-gold); }

.flames-sr-academy-page .fsa-link--light:hover,
.flames-sr-academy-page .fsa-link--light:focus-visible { color: #fff; }

/* ─────────────────────────────────────────
   SHARED BUTTONS
───────────────────────────────────────── */
.flames-sr-academy-page .fsa-btn {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  padding: .875rem 1.75rem;
  border-radius: var(--fsa-radius-pill);
  font-size: .9375rem;
  font-weight: 700;
  letter-spacing: .02em;
  text-decoration: none;
  border: 2px solid transparent;
  line-height: 1;
  cursor: pointer;
  transition:
    background var(--fsa-ease),
    color var(--fsa-ease),
    border-color var(--fsa-ease),
    box-shadow var(--fsa-ease),
    transform var(--fsa-ease);
}

.flames-sr-academy-page .fsa-btn:focus-visible {
  outline: 3px solid var(--fsa-gold);
  outline-offset: 3px;
}

.flames-sr-academy-page .fsa-btn--sm {
  padding: .625rem 1.25rem;
  font-size: .875rem;
}

/* primary */
.flames-sr-academy-page .fsa-btn--primary {
  background: var(--fsa-red);
  color: var(--fsa-light);
  border-color: var(--fsa-red);
  box-shadow: 0 4px 20px rgba(165,45,53,.38);
}
.flames-sr-academy-page .fsa-btn--primary:hover {
  background: var(--fsa-red-d);
  border-color: var(--fsa-red-d);
  box-shadow: 0 8px 32px rgba(165,45,53,.52);
  transform: translateY(-2px);
  color: var(--fsa-light);
}

/* ghost */
.flames-sr-academy-page .fsa-btn--ghost {
  background: rgba(255,255,255,.12);
  color: var(--fsa-light);
  border-color: rgba(255,255,255,.45);
  backdrop-filter: blur(8px);
}
.flames-sr-academy-page .fsa-btn--ghost:hover {
  background: rgba(255,255,255,.22);
  border-color: rgba(255,255,255,.75);
  color: var(--fsa-light);
  transform: translateY(-2px);
}

/* outline */
.flames-sr-academy-page .fsa-btn--outline {
  background: transparent;
  color: var(--fsa-red);
  border-color: var(--fsa-red);
}
.flames-sr-academy-page .fsa-btn--outline:hover {
  background: var(--fsa-red);
  color: var(--fsa-light);
  transform: translateY(-2px);
  box-shadow: var(--fsa-shadow-h);
}

/* accent */
.flames-sr-academy-page .fsa-btn--accent {
  background: var(--fsa-gold);
  color: var(--fsa-dark);
  border-color: var(--fsa-gold);
  box-shadow: 0 4px 20px rgba(249,192,49,.4);
}
.flames-sr-academy-page .fsa-btn--accent:hover {
  background: var(--fsa-gold-d);
  border-color: var(--fsa-gold-d);
  color: var(--fsa-dark);
  transform: translateY(-2px);
  box-shadow: 0 8px 32px rgba(249,192,49,.55);
}

@media (prefers-reduced-motion: reduce) {
  .flames-sr-academy-page .fsa-btn { transition: none; }
  .flames-sr-academy-page .fsa-btn:hover { transform: none; }
}

/* ─────────────────────────────────────────
   ① HERO
───────────────────────────────────────── */
.flames-sr-academy-page .fsa-hero {
  background-image: var(--fsa-hero-img);
  background-size: cover;
  background-position: center 35%;
  background-attachment: fixed;
  min-height: 100vh;
  min-height: 100svh;
  color: var(--fsa-light);
}

.flames-sr-academy-page .fsa-hero__overlay {
  background:
    linear-gradient(to bottom,
      rgba(26,22,23,.72)  0%,
      rgba(26,22,23,.18) 25%,
      rgba(90,22,32,.62)  72%,
      rgba(90,22,32,.92) 100%),
    linear-gradient(135deg,
      rgba(26,22,23,.70)   0%,
      rgba(165,45,53,.42) 100%);
  z-index: 1;
}

.flames-sr-academy-page .fsa-hero__inner {
  position: relative;
  z-index: 2;
}

.flames-sr-academy-page .fsa-hero__title {
  font-size: clamp(2.5rem, 6vw, 4.75rem);
  font-weight: 900;
  line-height: 1.08;
  letter-spacing: -.03em;
  color: var(--fsa-light);
  text-shadow: 0 2px 28px rgba(26,22,23,.5);
  margin-bottom: 0;
}

.flames-sr-academy-page .fsa-hero__lead {
  font-size: clamp(1.0625rem, 2vw, 1.3125rem);
  color: rgba(255,255,255,.92);
  margin: 1.25rem auto .5rem;
  line-height: 1.55;
  font-weight: 500;
}

.flames-sr-academy-page .fsa-hero__sub {
  font-size: clamp(.9375rem, 1.5vw, 1.0625rem);
  color: rgba(255,255,255,.72);
  margin: 0 auto;
  line-height: 1.7;
}

.flames-sr-academy-page .fsa-hero__fade {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 120px;
  background: linear-gradient(to bottom, transparent 0%, var(--fsa-offwhite) 100%);
  z-index: 3;
  pointer-events: none;
}

/* badge */
.flames-sr-academy-page .fsa-badge {
  background: rgba(255,255,255,.12);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255,255,255,.28);
  border-radius: var(--fsa-radius-pill);
  padding: .45rem 1.125rem;
  font-size: .8125rem;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--fsa-light);
  position: relative;
  z-index: 2;
}

.flames-sr-academy-page .fsa-badge__dot {
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--fsa-gold);
  flex-shrink: 0;
  animation: fsa-pulse 2s ease-in-out infinite;
}

@keyframes fsa-pulse {
  0%,100% { box-shadow: 0 0 0 0 rgba(249,192,49,.6); }
  50%      { box-shadow: 0 0 0 6px rgba(249,192,49,0); }
}

/* scroll cue */
.flames-sr-academy-page .fsa-scroll-cue {
  position: absolute;
  bottom: 1.5rem;
  left: 50%;
  transform: translateX(-50%);
  color: rgba(255,255,255,.45);
  z-index: 4;
  animation: fsa-bounce 2.2s ease-in-out infinite;
}

@keyframes fsa-bounce {
  0%,100% { transform: translateX(-50%) translateY(0); }
  50%      { transform: translateX(-50%) translateY(8px); }
}

@media (prefers-reduced-motion: reduce) {
  .flames-sr-academy-page .fsa-badge__dot { animation: none; }
  .flames-sr-academy-page .fsa-scroll-cue { animation: none; }
}

@media (max-width: 991.98px) {
  .flames-sr-academy-page .fsa-hero { background-attachment: scroll; }
}

/* ─────────────────────────────────────────
   ② INTRO
───────────────────────────────────────── */
.flames-sr-academy-page .fsa-intro {
  background: var(--fsa-offwhite);
}

.flames-sr-academy-page .fsa-focus-box {
  background: var(--fsa-light);
  border-radius: var(--fsa-radius-lg);
  padding: 2.25rem 2rem;
  box-shadow: var(--fsa-shadow);
  border-left: 5px solid var(--fsa-red);
}

.flames-sr-academy-page .fsa-focus-box__heading {
  font-size: 1.0625rem;
  font-weight: 800;
  color: var(--fsa-dark);
  margin-bottom: 1.25rem;
  display: flex;
  align-items: center;
  gap: .625rem;
}

.flames-sr-academy-page .fsa-focus-box__heading svg {
  color: var(--fsa-red);
  flex-shrink: 0;
}

.flames-sr-academy-page .fsa-focus-box__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: .75rem;
}

.flames-sr-academy-page .fsa-focus-box__list li {
  position: relative;
  padding-left: 1.375rem;
  font-size: .9375rem;
  color: var(--fsa-body-clr);
  line-height: 1.55;
}

.flames-sr-academy-page .fsa-focus-box__list li::before {
  content: '';
  position: absolute;
  left: 0;
  top: .52em;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--fsa-gold);
}

/* ─────────────────────────────────────────
   ③ WHY SR ACADEMY
───────────────────────────────────────── */
.flames-sr-academy-page .fsa-why {
  background: var(--fsa-dark);
  position: relative;
  overflow: hidden;
}

.flames-sr-academy-page .fsa-why::before {
  content: '';
  position: absolute;
  top: -220px;
  right: -220px;
  width: 620px;
  height: 620px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(165,45,53,.2) 0%, transparent 68%);
  pointer-events: none;
}

.flames-sr-academy-page .fsa-why-card {
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: var(--fsa-radius-lg);
  padding: 2rem 1.75rem;
  transition: background var(--fsa-ease), border-color var(--fsa-ease), transform var(--fsa-ease);
}

.flames-sr-academy-page .fsa-why-card:hover {
  background: rgba(255,255,255,.09);
  border-color: rgba(249,192,49,.35);
  transform: translateY(-4px);
}

.flames-sr-academy-page .fsa-why-card__icon {
  width: 62px;
  height: 62px;
  border-radius: 15px;
  background: rgba(165,45,53,.28);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.25rem;
  color: var(--fsa-gold);
}

.flames-sr-academy-page .fsa-why-card__title {
  font-size: 1.0625rem;
  font-weight: 800;
  color: var(--fsa-light);
  margin-bottom: .5rem;
}

.flames-sr-academy-page .fsa-why-card__body {
  font-size: .9375rem;
  color: rgba(255,255,255,.7);
  line-height: 1.65;
  margin-bottom: 0;
}

@media (prefers-reduced-motion: reduce) {
  .flames-sr-academy-page .fsa-why-card:hover { transform: none; }
}

/* ─────────────────────────────────────────
   ④ AGE GROUP DEVELOPMENT MODEL
───────────────────────────────────────── */
.flames-sr-academy-page .fsa-ages {
  background: var(--fsa-offwhite);
}

.flames-sr-academy-page .fsa-age-card {
  background: var(--fsa-light);
  border-radius: var(--fsa-radius-lg);
  overflow: hidden;
  box-shadow: var(--fsa-shadow);
  display: flex;
  flex-direction: column;
  transition: box-shadow var(--fsa-ease), transform var(--fsa-ease);
}

.flames-sr-academy-page .fsa-age-card:hover {
  box-shadow: var(--fsa-shadow-h);
  transform: translateY(-4px);
}

.flames-sr-academy-page .fsa-age-card__hd {
  padding: 1.875rem 1.75rem;
  color: var(--fsa-light);
}

.flames-sr-academy-page .fsa-age-card__hd--1 { background: var(--fsa-red-d); }
.flames-sr-academy-page .fsa-age-card__hd--2 { background: var(--fsa-red); }
.flames-sr-academy-page .fsa-age-card__hd--3 { background: var(--fsa-dark); }

.flames-sr-academy-page .fsa-age-card__phase {
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--fsa-gold);
  margin-bottom: .5rem;
}

.flames-sr-academy-page .fsa-age-card__title {
  font-size: 2rem;
  font-weight: 900;
  color: var(--fsa-light);
  margin-bottom: .625rem;
  line-height: 1.1;
  letter-spacing: -.02em;
}

.flames-sr-academy-page .fsa-age-card__focus {
  font-size: .9375rem;
  color: rgba(255,255,255,.78);
  line-height: 1.55;
  font-style: italic;
  margin-bottom: 0;
}

.flames-sr-academy-page .fsa-age-card__body {
  padding: 1.75rem;
  flex: 1;
}

.flames-sr-academy-page .fsa-age-card__body p {
  font-size: .9375rem;
  color: var(--fsa-body-clr);
  line-height: 1.65;
  margin-bottom: 1rem;
}

.flames-sr-academy-page .fsa-age-card__body p:last-of-type { margin-bottom: 1.25rem; }

.flames-sr-academy-page .fsa-age-card__list-title {
  font-size: .78rem;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--fsa-red);
  margin-bottom: .75rem;
}

/* shared dev list */
.flames-sr-academy-page .fsa-dev-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: .55rem;
}

.flames-sr-academy-page .fsa-dev-list li {
  position: relative;
  padding-left: 1.25rem;
  font-size: .9rem;
  color: var(--fsa-body-clr);
  line-height: 1.5;
}

.flames-sr-academy-page .fsa-dev-list li::before {
  content: '';
  position: absolute;
  left: 0;
  top: .5em;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--fsa-red);
}

@media (prefers-reduced-motion: reduce) {
  .flames-sr-academy-page .fsa-age-card:hover { transform: none; }
}

/* ─────────────────────────────────────────
   ⑤ TRAINING PHILOSOPHY
───────────────────────────────────────── */
.flames-sr-academy-page .fsa-philosophy {
  background: var(--fsa-dark);
  position: relative;
  overflow: hidden;
}

.flames-sr-academy-page .fsa-philosophy::after {
  content: '';
  position: absolute;
  bottom: -180px;
  left: -180px;
  width: 540px;
  height: 540px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(249,192,49,.07) 0%, transparent 68%);
  pointer-events: none;
}

.flames-sr-academy-page .fsa-pillar {
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.09);
  border-radius: var(--fsa-radius-lg);
  padding: 2rem 1.75rem;
  position: relative;
  overflow: hidden;
  transition: background var(--fsa-ease), border-color var(--fsa-ease), transform var(--fsa-ease);
}

.flames-sr-academy-page .fsa-pillar:hover {
  background: rgba(255,255,255,.09);
  border-color: rgba(249,192,49,.3);
  transform: translateY(-4px);
}

.flames-sr-academy-page .fsa-pillar__num {
  position: absolute;
  top: 1rem;
  right: 1.25rem;
  font-size: 2.5rem;
  font-weight: 900;
  color: rgba(255,255,255,.06);
  line-height: 1;
  letter-spacing: -.04em;
  pointer-events: none;
  user-select: none;
}

.flames-sr-academy-page .fsa-pillar__icon {
  width: 50px;
  height: 50px;
  border-radius: 12px;
  background: rgba(165,45,53,.3);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.125rem;
  color: var(--fsa-gold);
}

.flames-sr-academy-page .fsa-pillar__title {
  font-size: 1.0625rem;
  font-weight: 800;
  color: var(--fsa-light);
  margin-bottom: .5rem;
}

.flames-sr-academy-page .fsa-pillar__body {
  font-size: .9375rem;
  color: rgba(255,255,255,.68);
  line-height: 1.65;
  margin-bottom: 0;
}

@media (prefers-reduced-motion: reduce) {
  .flames-sr-academy-page .fsa-pillar:hover { transform: none; }
}

/* ─────────────────────────────────────────
   ⑥ WHAT PLAYERS WILL LEARN
───────────────────────────────────────── */
.flames-sr-academy-page .fsa-learn {
  background: var(--fsa-offwhite);
}

.flames-sr-academy-page .fsa-learn-col {
  background: var(--fsa-light);
  border-radius: var(--fsa-radius-lg);
  overflow: hidden;
  box-shadow: var(--fsa-shadow);
  display: flex;
  flex-direction: column;
}

.flames-sr-academy-page .fsa-learn-col__hd {
  padding: 1.375rem 1.75rem;
  display: flex;
  align-items: center;
  gap: .875rem;
}

.flames-sr-academy-page .fsa-learn-col__hd--tech    { background: var(--fsa-red); }
.flames-sr-academy-page .fsa-learn-col__hd--tactic  { background: var(--fsa-red-d); }
.flames-sr-academy-page .fsa-learn-col__hd--mental  { background: var(--fsa-dark); }

.flames-sr-academy-page .fsa-learn-col__ico {
  width: 42px;
  height: 42px;
  border-radius: 10px;
  background: rgba(255,255,255,.18);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--fsa-light);
  flex-shrink: 0;
}

.flames-sr-academy-page .fsa-learn-col__title {
  font-size: 1.0625rem;
  font-weight: 800;
  color: var(--fsa-light);
  margin: 0;
}

.flames-sr-academy-page .fsa-learn-col__list {
  list-style: none;
  padding: 1.5rem 1.75rem;
  margin: 0;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: .875rem;
}

.flames-sr-academy-page .fsa-learn-col__list li {
  display: flex;
  align-items: flex-start;
  gap: .625rem;
  font-size: .9375rem;
  color: var(--fsa-body-clr);
  line-height: 1.55;
}

.flames-sr-academy-page .fsa-learn-col__list li svg {
  color: var(--fsa-red);
  flex-shrink: 0;
  margin-top: .2em;
}

/* ─────────────────────────────────────────
   ⑦ TENNESSEE STATE LEAGUE
───────────────────────────────────────── */
.flames-sr-academy-page .fsa-league {
  background: var(--fsa-dark);
  position: relative;
  overflow: hidden;
}

.flames-sr-academy-page .fsa-league::before {
  content: '';
  position: absolute;
  top: -150px;
  right: -150px;
  width: 500px;
  height: 500px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(165,45,53,.18) 0%, transparent 68%);
  pointer-events: none;
}

.flames-sr-academy-page .fsa-league-card {
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.1);
  border-radius: var(--fsa-radius-lg);
  padding: 2.25rem 2rem;
  text-align: center;
  transition: background var(--fsa-ease), border-color var(--fsa-ease), transform var(--fsa-ease);
}

.flames-sr-academy-page .fsa-league-card:hover {
  background: rgba(255,255,255,.1);
  border-color: rgba(249,192,49,.4);
  transform: translateY(-4px);
}

.flames-sr-academy-page .fsa-league-card__icon {
  width: 68px;
  height: 68px;
  border-radius: 50%;
  background: rgba(165,45,53,.28);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 1.375rem;
  color: var(--fsa-gold);
}

.flames-sr-academy-page .fsa-league-card__title {
  font-size: 1.0625rem;
  font-weight: 800;
  color: var(--fsa-light);
  margin-bottom: .625rem;
}

.flames-sr-academy-page .fsa-league-card__body {
  font-size: .9375rem;
  color: rgba(255,255,255,.7);
  line-height: 1.65;
  margin-bottom: 0;
}

@media (prefers-reduced-motion: reduce) {
  .flames-sr-academy-page .fsa-league-card:hover { transform: none; }
}

/* ─────────────────────────────────────────
   ⑧ PLAYER PATHWAY
───────────────────────────────────────── */
.flames-sr-academy-page .fsa-pathway {
  background: var(--fsa-offwhite);
}

.flames-sr-academy-page .fsa-path-card {
  background: var(--fsa-light);
  border-radius: var(--fsa-radius-lg);
  padding: 1.875rem 1.5rem;
  box-shadow: var(--fsa-shadow);
  border-top: 4px solid var(--fsa-border);
  text-align: center;
  display: flex;
  flex-direction: column;
  transition: border-top-color var(--fsa-ease), box-shadow var(--fsa-ease), transform var(--fsa-ease);
}

.flames-sr-academy-page .fsa-path-card:hover {
  border-top-color: var(--fsa-red);
  box-shadow: var(--fsa-shadow-h);
  transform: translateY(-4px);
}

.flames-sr-academy-page .fsa-path-card--active {
  background: var(--fsa-red);
  border-top-color: var(--fsa-red-d);
}

.flames-sr-academy-page .fsa-path-card__stage {
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--fsa-muted);
  margin-bottom: .5rem;
}

.flames-sr-academy-page .fsa-path-card--active .fsa-path-card__stage {
  color: rgba(255,255,255,.6);
}

.flames-sr-academy-page .fsa-path-card__badge {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  background: var(--fsa-gold);
  color: var(--fsa-dark);
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .05em;
  text-transform: uppercase;
  padding: .3rem .75rem;
  border-radius: var(--fsa-radius-pill);
  margin-bottom: .75rem;
}

.flames-sr-academy-page .fsa-path-card__title {
  font-size: 1.1875rem;
  font-weight: 800;
  color: var(--fsa-dark);
  margin-bottom: .3rem;
}

.flames-sr-academy-page .fsa-path-card--active .fsa-path-card__title { color: var(--fsa-light); }

.flames-sr-academy-page .fsa-path-card__ages {
  font-size: .8rem;
  font-weight: 700;
  color: var(--fsa-red);
  letter-spacing: .06em;
  text-transform: uppercase;
  margin-bottom: .875rem;
}

.flames-sr-academy-page .fsa-path-card--active .fsa-path-card__ages { color: var(--fsa-gold); }

.flames-sr-academy-page .fsa-path-card__body {
  font-size: .9rem;
  color: var(--fsa-muted);
  line-height: 1.6;
  margin-bottom: .875rem;
  flex: 1;
}

.flames-sr-academy-page .fsa-path-card--active .fsa-path-card__body { color: rgba(255,255,255,.8); }

.flames-sr-academy-page .fsa-path-card__link {
  font-size: .8125rem;
  font-weight: 700;
  color: var(--fsa-red);
  text-decoration: none;
  letter-spacing: .04em;
  margin-top: auto;
  transition: color var(--fsa-ease);
}

.flames-sr-academy-page .fsa-path-card__link:hover { color: var(--fsa-red-d); }

@media (prefers-reduced-motion: reduce) {
  .flames-sr-academy-page .fsa-path-card:hover { transform: none; }
}

/* ─────────────────────────────────────────
   ⑨ PARENT EDUCATION
───────────────────────────────────────── */
.flames-sr-academy-page .fsa-parents {
  background: var(--fsa-dark);
  position: relative;
  overflow: hidden;
}

.flames-sr-academy-page .fsa-parents::before {
  content: '';
  position: absolute;
  bottom: -120px;
  left: -120px;
  width: 480px;
  height: 480px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(165,45,53,.14) 0%, transparent 68%);
  pointer-events: none;
}

.flames-sr-academy-page .fsa-expect-card {
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.09);
  border-radius: var(--fsa-radius-lg);
  padding: 2rem 1.75rem;
  transition: background var(--fsa-ease), border-color var(--fsa-ease), transform var(--fsa-ease);
}

.flames-sr-academy-page .fsa-expect-card:hover {
  background: rgba(255,255,255,.08);
  border-color: rgba(165,45,53,.4);
  transform: translateY(-4px);
}

.flames-sr-academy-page .fsa-expect-card__icon {
  width: 58px;
  height: 58px;
  border-radius: 14px;
  background: rgba(165,45,53,.25);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.25rem;
  color: var(--fsa-gold);
}

.flames-sr-academy-page .fsa-expect-card__title {
  font-size: 1.0625rem;
  font-weight: 800;
  color: var(--fsa-light);
  margin-bottom: .6rem;
}

.flames-sr-academy-page .fsa-expect-card__body {
  font-size: .9375rem;
  color: rgba(255,255,255,.68);
  line-height: 1.65;
  margin-bottom: 0;
}

@media (prefers-reduced-motion: reduce) {
  .flames-sr-academy-page .fsa-expect-card:hover { transform: none; }
}

/* ─────────────────────────────────────────
   ⑩ THE FLAMES DIFFERENCE
───────────────────────────────────────── */
.flames-sr-academy-page .fsa-difference {
  background: var(--fsa-offwhite);
}

/* quote */
.flames-sr-academy-page .fsa-quote {
  background: var(--fsa-red);
  border-radius: var(--fsa-radius-lg);
  padding: 2rem 1.875rem;
  margin: 0;
  position: relative;
  overflow: hidden;
}

.flames-sr-academy-page .fsa-quote::before {
  content: '\201C';
  position: absolute;
  top: -.5rem;
  left: 1rem;
  font-size: 6rem;
  font-weight: 900;
  color: rgba(255,255,255,.12);
  line-height: 1;
  pointer-events: none;
}

.flames-sr-academy-page .fsa-quote__text {
  font-size: 1.0625rem;
  font-weight: 600;
  font-style: italic;
  color: var(--fsa-light);
  line-height: 1.65;
  margin-bottom: 1rem;
  position: relative;
  z-index: 1;
}

.flames-sr-academy-page .fsa-quote__attr {
  font-size: .875rem;
  color: rgba(255,255,255,.68);
  position: relative;
  z-index: 1;
}

.flames-sr-academy-page .fsa-quote__attr cite {
  font-style: normal;
  font-weight: 700;
}

/* diff items */
.flames-sr-academy-page .fsa-diff-item {
  display: flex;
  align-items: flex-start;
  gap: .875rem;
  background: var(--fsa-light);
  border-radius: var(--fsa-radius);
  padding: 1.25rem;
  box-shadow: var(--fsa-shadow);
  height: 100%;
  transition: box-shadow var(--fsa-ease), transform var(--fsa-ease);
}

.flames-sr-academy-page .fsa-diff-item:hover {
  box-shadow: var(--fsa-shadow-h);
  transform: translateY(-3px);
}

.flames-sr-academy-page .fsa-diff-item__check {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: var(--fsa-red);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--fsa-light);
  flex-shrink: 0;
  margin-top: .1rem;
}

.flames-sr-academy-page .fsa-diff-item__title {
  font-size: .9375rem;
  font-weight: 800;
  color: var(--fsa-dark);
  margin-bottom: .25rem;
}

.flames-sr-academy-page .fsa-diff-item__body {
  font-size: .875rem;
  color: var(--fsa-muted);
  line-height: 1.6;
  margin-bottom: 0;
}

@media (prefers-reduced-motion: reduce) {
  .flames-sr-academy-page .fsa-diff-item:hover { transform: none; }
}

/* ─────────────────────────────────────────
   ⑪ PROGRAM DETAILS
───────────────────────────────────────── */
.flames-sr-academy-page .fsa-details {
  background: var(--fsa-dark);
  position: relative;
  overflow: hidden;
}

.flames-sr-academy-page .fsa-details::after {
  content: '';
  position: absolute;
  bottom: -200px;
  right: -200px;
  width: 580px;
  height: 580px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(249,192,49,.06) 0%, transparent 68%);
  pointer-events: none;
}

.flames-sr-academy-page .fsa-detail-card {
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.09);
  border-radius: var(--fsa-radius-lg);
  padding: 1.875rem 1.625rem;
  transition: background var(--fsa-ease), border-color var(--fsa-ease), transform var(--fsa-ease);
}

.flames-sr-academy-page .fsa-detail-card:hover {
  background: rgba(255,255,255,.09);
  border-color: rgba(165,45,53,.45);
  transform: translateY(-4px);
}

.flames-sr-academy-page .fsa-detail-card__icon {
  color: var(--fsa-gold);
  margin-bottom: 1.125rem;
}

.flames-sr-academy-page .fsa-detail-card__label {
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--fsa-muted2);
  margin-bottom: .3rem;
}

.flames-sr-academy-page .fsa-detail-card__value {
  font-size: 1.125rem;
  font-weight: 800;
  color: var(--fsa-light);
  margin-bottom: .625rem;
}

.flames-sr-academy-page .fsa-detail-card__note {
  font-size: .875rem;
  color: rgba(255,255,255,.6);
  line-height: 1.6;
  margin-bottom: 0;
}

/* expectations bar */
.flames-sr-academy-page .fsa-expectations-bar {
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.1);
  border-radius: var(--fsa-radius-lg);
  padding: 1.375rem 1.75rem;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem;
}

.flames-sr-academy-page .fsa-expectations-bar__label {
  display: flex;
  align-items: center;
  gap: .5rem;
  font-size: .875rem;
  font-weight: 800;
  color: var(--fsa-gold);
  white-space: nowrap;
  flex-shrink: 0;
}

.flames-sr-academy-page .fsa-expectations-bar__tags {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
}

.flames-sr-academy-page .fsa-expectations-bar__tags span {
  background: rgba(165,45,53,.3);
  border: 1px solid rgba(165,45,53,.5);
  color: rgba(255,255,255,.82);
  font-size: .8125rem;
  font-weight: 600;
  padding: .3rem .875rem;
  border-radius: var(--fsa-radius-pill);
}

@media (prefers-reduced-motion: reduce) {
  .flames-sr-academy-page .fsa-detail-card:hover { transform: none; }
}

/* ─────────────────────────────────────────
   ⑫ FAQ
───────────────────────────────────────── */
.flames-sr-academy-page .fsa-faq {
  background: var(--fsa-offwhite);
}

.flames-sr-academy-page .fsa-accordion .accordion-item {
  background: var(--fsa-light);
  border: 1px solid var(--fsa-border) !important;
  border-radius: var(--fsa-radius) !important;
  margin-bottom: .875rem;
  overflow: hidden;
  box-shadow: var(--fsa-shadow);
}

.flames-sr-academy-page .fsa-accordion .accordion-item:last-child {
  margin-bottom: 0;
}

.flames-sr-academy-page .fsa-accordion .accordion-button {
  background: var(--fsa-light);
  color: var(--fsa-dark);
  font-weight: 700;
  font-size: 1rem;
  padding: 1.375rem 1.625rem;
  border-radius: 0 !important;
  box-shadow: none !important;
  transition: background var(--fsa-ease), color var(--fsa-ease);
}

.flames-sr-academy-page .fsa-accordion .accordion-button:not(.collapsed) {
  background: var(--fsa-red);
  color: var(--fsa-light);
  box-shadow: none !important;
}

.flames-sr-academy-page .fsa-accordion .accordion-button:not(.collapsed)::after {
  filter: brightness(0) invert(1);
}

.flames-sr-academy-page .fsa-accordion .accordion-button:focus {
  outline: none;
  box-shadow: none !important;
}

.flames-sr-academy-page .fsa-accordion .accordion-button:focus-visible {
  outline: 3px solid var(--fsa-red);
  outline-offset: -3px;
}

.flames-sr-academy-page .fsa-accordion .accordion-body {
  padding: 1.5rem 1.625rem;
  font-size: .9375rem;
  color: var(--fsa-body-clr);
  line-height: 1.7;
}

/* ─────────────────────────────────────────
   ⑬ FINAL CTA
───────────────────────────────────────── */
.flames-sr-academy-page .fsa-cta {
  background-image: var(--fsa-hero-img);
  background-size: cover;
  background-position: center 45%;
  background-attachment: fixed;
  color: var(--fsa-light);
}

.flames-sr-academy-page .fsa-cta__overlay {
  background:
    linear-gradient(135deg,
      rgba(90,22,32,.94)   0%,
      rgba(165,45,53,.88)  50%,
      rgba(26,22,23,.94)  100%);
  z-index: 1;
}

.flames-sr-academy-page .fsa-cta__inner {
  position: relative;
  z-index: 2;
}

.flames-sr-academy-page .fsa-cta__note {
  font-size: .875rem;
  color: rgba(255,255,255,.58);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: .4rem;
}

.flames-sr-academy-page .fsa-cta__note svg {
  color: var(--fsa-gold);
  flex-shrink: 0;
}

@media (max-width: 991.98px) {
  .flames-sr-academy-page .fsa-cta { background-attachment: scroll; }
}

/* ─────────────────────────────────────────
   ⑭ FOOTER STRIP
───────────────────────────────────────── */
.flames-sr-academy-page .fsa-footer {
  background: var(--fsa-dark);
  border-top: 1px solid rgba(255,255,255,.08);
  padding: 1.25rem 0;
}

.flames-sr-academy-page .fsa-footer__brand {
  font-size: .8125rem;
  font-weight: 700;
  color: rgba(255,255,255,.6);
}

/* ─────────────────────────────────────────
   RESPONSIVE
───────────────────────────────────────── */
@media (max-width: 767.98px) {
  .flames-sr-academy-page .fsa-focus-box { padding: 1.75rem 1.5rem; }

  .flames-sr-academy-page .fsa-why-card,
  .flames-sr-academy-page .fsa-expect-card,
  .flames-sr-academy-page .fsa-detail-card,
  .flames-sr-academy-page .fsa-pillar { padding: 1.5rem 1.375rem; }

  .flames-sr-academy-page .fsa-age-card__hd { padding: 1.5rem; }
  .flames-sr-academy-page .fsa-age-card__body { padding: 1.5rem; }

  .flames-sr-academy-page .fsa-learn-col__hd { padding: 1.25rem 1.375rem; }
  .flames-sr-academy-page .fsa-learn-col__list { padding: 1.25rem 1.375rem; }

  .flames-sr-academy-page .fsa-expectations-bar {
    flex-direction: column;
    align-items: flex-start;
  }

  .flames-sr-academy-page .fsa-footer .row {
    flex-direction: column;
    text-align: center;
    gap: 1rem;
  }

  .flames-sr-academy-page .fsa-footer .col-auto { width: 100%; text-align: center; }
}

@media (max-width: 575.98px) {
  .flames-sr-academy-page .fsa-btn {
    padding: .8125rem 1.375rem;
    font-size: .875rem;
  }

  .flames-sr-academy-page .fsa-hero .d-flex,
  .flames-sr-academy-page .fsa-cta .d-flex {
    flex-direction: column;
    align-items: center;
  }

  .flames-sr-academy-page .fsa-hero .fsa-btn,
  .flames-sr-academy-page .fsa-cta .fsa-btn {
    width: 100%;
    max-width: 300px;
    justify-content: center;
  }

  .flames-sr-academy-page .fsa-accordion .accordion-button {
    padding: 1.125rem 1.25rem;
    font-size: .9375rem;
  }

  .flames-sr-academy-page .fsa-accordion .accordion-body {
    padding: 1.25rem;
  }

  .flames-sr-academy-page .fsa-age-card__title {
    font-size: 1.625rem;
  }
}

/* ============================================================
   CLEVELAND FLAMES FUTBOL CLUB — PLAYER PATHWAY PAGE
   Scope wrapper : .flames-player-pathway-page
   Class prefix  : fpp-
   Stack         : Bootstrap 5 + Bootscore (zero global bleed)
============================================================ */

/* ─────────────────────────────────────────
   DESIGN TOKENS
───────────────────────────────────────── */
.flames-player-pathway-page {
  --fpp-red:         #a52d35;
  --fpp-red-d:       #7e2029;
  --fpp-red-xd:      #5a1620;
  --fpp-gold:        #f9c031;
  --fpp-gold-d:      #d9a41a;
  --fpp-dark:        #1a1617;
  --fpp-dark2:       #231e1f;
  --fpp-muted:       #6b6366;
  --fpp-muted2:      #9e979a;
  --fpp-light:       #ffffff;
  --fpp-offwhite:    #faf8f8;
  --fpp-border:      #ede8e9;
  --fpp-body-clr:    #4a4347;
  --fpp-radius:      12px;
  --fpp-radius-lg:   18px;
  --fpp-radius-pill: 100px;
  --fpp-shadow:      0 4px 24px rgba(26,22,23,.08);
  --fpp-shadow-h:    0 10px 40px rgba(165,45,53,.16);
  --fpp-ease:        0.28s cubic-bezier(.4,0,.2,1);
  --fpp-hero-img:    url('https://clevelandtnsoccer.com/wp-content/uploads/revslider/home-1/h1-slide-5-background.jpg');
}

/* ─────────────────────────────────────────
   SCOPED RESET
───────────────────────────────────────── */
.flames-player-pathway-page *,
.flames-player-pathway-page *::before,
.flames-player-pathway-page *::after { box-sizing: border-box; }

.flames-player-pathway-page {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  color: var(--fpp-dark);
  line-height: 1.65;
  overflow-x: hidden;
}

.flames-player-pathway-page img { max-width: 100%; height: auto; display: block; }

/* ─────────────────────────────────────────
   SHARED TYPOGRAPHY
───────────────────────────────────────── */
.flames-player-pathway-page .fpp-label {
  font-size: .78rem;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--fpp-red);
}

.flames-player-pathway-page .fpp-label--light { color: var(--fpp-gold); }

.flames-player-pathway-page .fpp-title {
  font-size: clamp(1.75rem, 3.5vw, 2.5rem);
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: -.02em;
  color: var(--fpp-dark);
  margin-bottom: 0;
}

.flames-player-pathway-page .fpp-title--light { color: var(--fpp-light); }

.flames-player-pathway-page .fpp-body {
  font-size: 1.0625rem;
  color: var(--fpp-body-clr);
  line-height: 1.7;
}

.flames-player-pathway-page .fpp-body--light { color: rgba(255,255,255,.78); }

.flames-player-pathway-page .fpp-link {
  color: var(--fpp-red);
  text-decoration: underline;
  text-underline-offset: 3px;
  font-weight: 600;
  transition: color var(--fpp-ease);
}

.flames-player-pathway-page .fpp-link:hover,
.flames-player-pathway-page .fpp-link:focus-visible { color: var(--fpp-red-d); }

.flames-player-pathway-page .fpp-link--light { color: var(--fpp-gold); }

.flames-player-pathway-page .fpp-link--light:hover,
.flames-player-pathway-page .fpp-link--light:focus-visible { color: #fff; }

/* ─────────────────────────────────────────
   SHARED BUTTONS
───────────────────────────────────────── */
.flames-player-pathway-page .fpp-btn {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  padding: .875rem 1.75rem;
  border-radius: var(--fpp-radius-pill);
  font-size: .9375rem;
  font-weight: 700;
  letter-spacing: .02em;
  text-decoration: none;
  border: 2px solid transparent;
  line-height: 1;
  cursor: pointer;
  transition:
    background var(--fpp-ease),
    color var(--fpp-ease),
    border-color var(--fpp-ease),
    box-shadow var(--fpp-ease),
    transform var(--fpp-ease);
}

.flames-player-pathway-page .fpp-btn:focus-visible {
  outline: 3px solid var(--fpp-gold);
  outline-offset: 3px;
}

.flames-player-pathway-page .fpp-btn--sm {
  padding: .625rem 1.25rem;
  font-size: .875rem;
}

.flames-player-pathway-page .fpp-btn--primary {
  background: var(--fpp-red);
  color: var(--fpp-light);
  border-color: var(--fpp-red);
  box-shadow: 0 4px 20px rgba(165,45,53,.38);
}
.flames-player-pathway-page .fpp-btn--primary:hover {
  background: var(--fpp-red-d);
  border-color: var(--fpp-red-d);
  box-shadow: 0 8px 32px rgba(165,45,53,.52);
  transform: translateY(-2px);
  color: var(--fpp-light);
}

.flames-player-pathway-page .fpp-btn--ghost {
  background: rgba(255,255,255,.12);
  color: var(--fpp-light);
  border-color: rgba(255,255,255,.45);
  backdrop-filter: blur(8px);
}
.flames-player-pathway-page .fpp-btn--ghost:hover {
  background: rgba(255,255,255,.22);
  border-color: rgba(255,255,255,.75);
  color: var(--fpp-light);
  transform: translateY(-2px);
}

.flames-player-pathway-page .fpp-btn--outline {
  background: transparent;
  color: var(--fpp-red);
  border-color: var(--fpp-red);
}
.flames-player-pathway-page .fpp-btn--outline:hover {
  background: var(--fpp-red);
  color: var(--fpp-light);
  transform: translateY(-2px);
  box-shadow: var(--fpp-shadow-h);
}

.flames-player-pathway-page .fpp-btn--accent {
  background: var(--fpp-gold);
  color: var(--fpp-dark);
  border-color: var(--fpp-gold);
  box-shadow: 0 4px 20px rgba(249,192,49,.4);
}
.flames-player-pathway-page .fpp-btn--accent:hover {
  background: var(--fpp-gold-d);
  border-color: var(--fpp-gold-d);
  color: var(--fpp-dark);
  transform: translateY(-2px);
  box-shadow: 0 8px 32px rgba(249,192,49,.55);
}

@media (prefers-reduced-motion: reduce) {
  .flames-player-pathway-page .fpp-btn { transition: none; }
  .flames-player-pathway-page .fpp-btn:hover { transform: none; }
}

/* shared check list */
.flames-player-pathway-page .fpp-check-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: .5rem;
}

.flames-player-pathway-page .fpp-check-list li {
  position: relative;
  padding-left: 1.375rem;
  font-size: .9rem;
  color: var(--fpp-body-clr);
  line-height: 1.5;
}

.flames-player-pathway-page .fpp-check-list li::before {
  content: '';
  position: absolute;
  left: 0;
  top: .48em;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--fpp-red);
}

/* shared dot list */
.flames-player-pathway-page .fpp-dot-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: .55rem;
}

.flames-player-pathway-page .fpp-dot-list li {
  position: relative;
  padding-left: 1.25rem;
  font-size: .9rem;
  color: var(--fpp-body-clr);
  line-height: 1.5;
}

.flames-player-pathway-page .fpp-dot-list li::before {
  content: '';
  position: absolute;
  left: 0;
  top: .5em;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--fpp-gold);
}

/* ─────────────────────────────────────────
   ① HERO
───────────────────────────────────────── */
.flames-player-pathway-page .fpp-hero {
  background-image: var(--fpp-hero-img);
  background-size: cover;
  background-position: center 35%;
  background-attachment: fixed;
  min-height: 100vh;
  min-height: 100svh;
  color: var(--fpp-light);
}

.flames-player-pathway-page .fpp-hero__overlay {
  background:
    linear-gradient(to bottom,
      rgba(26,22,23,.68)  0%,
      rgba(26,22,23,.15) 28%,
      rgba(90,22,32,.58)  70%,
      rgba(90,22,32,.90) 100%),
    linear-gradient(135deg,
      rgba(26,22,23,.68)  0%,
      rgba(165,45,53,.40) 100%);
  z-index: 1;
}

.flames-player-pathway-page .fpp-hero__inner {
  position: relative;
  z-index: 2;
}

.flames-player-pathway-page .fpp-hero__title {
  font-size: clamp(2.375rem, 5.5vw, 4.5rem);
  font-weight: 900;
  line-height: 1.08;
  letter-spacing: -.03em;
  color: var(--fpp-light);
  text-shadow: 0 2px 28px rgba(26,22,23,.5);
  margin-bottom: 0;
}

.flames-player-pathway-page .fpp-hero__lead {
  font-size: clamp(1.0625rem, 2vw, 1.3125rem);
  color: rgba(255,255,255,.92);
  max-width: 680px;
  margin: 1.25rem auto .5rem;
  line-height: 1.55;
  font-weight: 500;
}

.flames-player-pathway-page .fpp-hero__sub {
  font-size: clamp(.9375rem, 1.5vw, 1.0625rem);
  color: rgba(255,255,255,.72);
  max-width: 720px;
  margin: 0 auto;
  line-height: 1.7;
}

.flames-player-pathway-page .fpp-hero__fade {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 120px;
  background: linear-gradient(to bottom, transparent 0%, var(--fpp-offwhite) 100%);
  z-index: 3;
  pointer-events: none;
}

.flames-player-pathway-page .fpp-badge {
  background: rgba(255,255,255,.12);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255,255,255,.28);
  border-radius: var(--fpp-radius-pill);
  padding: .45rem 1.125rem;
  font-size: .8125rem;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--fpp-light);
  position: relative;
  z-index: 2;
}

.flames-player-pathway-page .fpp-badge__dot {
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--fpp-gold);
  flex-shrink: 0;
  animation: fpp-pulse 2s ease-in-out infinite;
}

@keyframes fpp-pulse {
  0%,100% { box-shadow: 0 0 0 0 rgba(249,192,49,.6); }
  50%      { box-shadow: 0 0 0 6px rgba(249,192,49,0); }
}

.flames-player-pathway-page .fpp-scroll-cue {
  position: absolute;
  bottom: 1.5rem;
  left: 50%;
  transform: translateX(-50%);
  color: rgba(255,255,255,.45);
  z-index: 4;
  animation: fpp-bounce 2.2s ease-in-out infinite;
}

@keyframes fpp-bounce {
  0%,100% { transform: translateX(-50%) translateY(0); }
  50%      { transform: translateX(-50%) translateY(8px); }
}

@media (prefers-reduced-motion: reduce) {
  .flames-player-pathway-page .fpp-badge__dot { animation: none; }
  .flames-player-pathway-page .fpp-scroll-cue { animation: none; }
}

@media (max-width: 991.98px) {
  .flames-player-pathway-page .fpp-hero { background-attachment: scroll; }
}

/* ─────────────────────────────────────────
   ② INTRO
───────────────────────────────────────── */
.flames-player-pathway-page .fpp-intro {
  background: var(--fpp-offwhite);
}

.flames-player-pathway-page .fpp-promise-box {
  background: var(--fpp-light);
  border-radius: var(--fpp-radius-lg);
  padding: 2.25rem 2rem;
  box-shadow: var(--fpp-shadow);
  border-left: 5px solid var(--fpp-red);
}

.flames-player-pathway-page .fpp-promise-box__heading {
  font-size: 1.0625rem;
  font-weight: 800;
  color: var(--fpp-dark);
  margin-bottom: 1.25rem;
  display: flex;
  align-items: center;
  gap: .625rem;
}

.flames-player-pathway-page .fpp-promise-box__heading svg {
  color: var(--fpp-red);
  flex-shrink: 0;
}

.flames-player-pathway-page .fpp-promise-box__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: .75rem;
}

.flames-player-pathway-page .fpp-promise-box__list li {
  position: relative;
  padding-left: 1.375rem;
  font-size: .9375rem;
  color: var(--fpp-body-clr);
  line-height: 1.55;
}

.flames-player-pathway-page .fpp-promise-box__list li::before {
  content: '';
  position: absolute;
  left: 0;
  top: .52em;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--fpp-gold);
}

/* ─────────────────────────────────────────
   ③ SOCCER PHILOSOPHY
───────────────────────────────────────── */
.flames-player-pathway-page .fpp-philosophy {
  background: var(--fpp-dark);
  position: relative;
  overflow: hidden;
}

.flames-player-pathway-page .fpp-philosophy::before {
  content: '';
  position: absolute;
  top: -200px;
  right: -200px;
  width: 600px;
  height: 600px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(165,45,53,.18) 0%, transparent 68%);
  pointer-events: none;
}

.flames-player-pathway-page .fpp-phil-card {
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: var(--fpp-radius-lg);
  padding: 2rem 1.75rem;
  position: relative;
  overflow: hidden;
  transition: background var(--fpp-ease), border-color var(--fpp-ease), transform var(--fpp-ease);
}

.flames-player-pathway-page .fpp-phil-card:hover {
  background: rgba(255,255,255,.09);
  border-color: rgba(249,192,49,.32);
  transform: translateY(-4px);
}

.flames-player-pathway-page .fpp-phil-card__num {
  position: absolute;
  top: 1rem;
  right: 1.375rem;
  font-size: 2.5rem;
  font-weight: 900;
  color: rgba(255,255,255,.06);
  line-height: 1;
  letter-spacing: -.04em;
  pointer-events: none;
  user-select: none;
}

.flames-player-pathway-page .fpp-phil-card__icon {
  width: 50px;
  height: 50px;
  border-radius: 12px;
  background: rgba(165,45,53,.28);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.125rem;
  color: var(--fpp-gold);
}

.flames-player-pathway-page .fpp-phil-card__title {
  font-size: 1.0625rem;
  font-weight: 800;
  color: var(--fpp-light);
  margin-bottom: .5rem;
}

.flames-player-pathway-page .fpp-phil-card__body {
  font-size: .9375rem;
  color: rgba(255,255,255,.7);
  line-height: 1.65;
  margin-bottom: 0;
}

@media (prefers-reduced-motion: reduce) {
  .flames-player-pathway-page .fpp-phil-card:hover { transform: none; }
}

/* ─────────────────────────────────────────
   ④ TRAINING MODEL
───────────────────────────────────────── */
.flames-player-pathway-page .fpp-training {
  background: var(--fpp-offwhite);
}

.flames-player-pathway-page .fpp-training-block {
  background: var(--fpp-light);
  border-radius: var(--fpp-radius-lg);
  overflow: hidden;
  box-shadow: var(--fpp-shadow);
  display: flex;
  flex-direction: column;
  transition: box-shadow var(--fpp-ease), transform var(--fpp-ease);
}

.flames-player-pathway-page .fpp-training-block:hover {
  box-shadow: var(--fpp-shadow-h);
  transform: translateY(-4px);
}

.flames-player-pathway-page .fpp-training-block__hd {
  padding: 1.5rem 1.75rem;
  display: flex;
  align-items: center;
  gap: .875rem;
}

.flames-player-pathway-page .fpp-training-block__hd--1 { background: var(--fpp-red); }
.flames-player-pathway-page .fpp-training-block__hd--2 { background: var(--fpp-red-d); }
.flames-player-pathway-page .fpp-training-block__hd--3 { background: var(--fpp-dark); }
.flames-player-pathway-page .fpp-training-block__hd--4 { background: var(--fpp-red-xd); }

.flames-player-pathway-page .fpp-training-block__icon {
  width: 44px;
  height: 44px;
  border-radius: 10px;
  background: rgba(255,255,255,.18);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--fpp-light);
  flex-shrink: 0;
}

.flames-player-pathway-page .fpp-training-block__title {
  font-size: 1.0625rem;
  font-weight: 800;
  color: var(--fpp-light);
  margin: 0;
}

.flames-player-pathway-page .fpp-training-block__body {
  padding: 1.625rem 1.75rem;
  flex: 1;
}

.flames-player-pathway-page .fpp-training-block__body p {
  font-size: .9375rem;
  color: var(--fpp-body-clr);
  line-height: 1.65;
  margin-bottom: 1.125rem;
}

.flames-player-pathway-page .fpp-training-block__list-label {
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--fpp-red);
  margin-bottom: .75rem;
}

@media (prefers-reduced-motion: reduce) {
  .flames-player-pathway-page .fpp-training-block:hover { transform: none; }
}

/* ─────────────────────────────────────────
   ⑤ HOW PLAYERS GROW — 5-STEP TIMELINE
───────────────────────────────────────── */
.flames-player-pathway-page .fpp-grow {
  background: var(--fpp-dark);
  position: relative;
  overflow: hidden;
}

.flames-player-pathway-page .fpp-grow::after {
  content: '';
  position: absolute;
  bottom: -160px;
  right: -160px;
  width: 520px;
  height: 520px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(249,192,49,.07) 0%, transparent 68%);
  pointer-events: none;
}

.flames-player-pathway-page .fpp-steps {
  display: flex;
  flex-direction: column;
  gap: 0;
  position: relative;
}

.flames-player-pathway-page .fpp-step {
  display: flex;
  align-items: flex-start;
  gap: 1.5rem;
  position: relative;
  padding-bottom: 2rem;
}

.flames-player-pathway-page .fpp-step--last {
  padding-bottom: 0;
}

/* vertical connector line */
.flames-player-pathway-page .fpp-step:not(.fpp-step--last)::after {
  content: '';
  position: absolute;
  left: 1.375rem;
  top: 3.25rem;
  width: 2px;
  bottom: 0;
  background: linear-gradient(to bottom, rgba(165,45,53,.6) 0%, rgba(165,45,53,.15) 100%);
}

.flames-player-pathway-page .fpp-step__marker {
  flex-shrink: 0;
  position: relative;
  z-index: 1;
}

.flames-player-pathway-page .fpp-step__num {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.75rem;
  height: 2.75rem;
  border-radius: 50%;
  background: var(--fpp-red);
  color: var(--fpp-light);
  font-size: 1rem;
  font-weight: 900;
  box-shadow: 0 0 0 4px rgba(165,45,53,.25);
}

.flames-player-pathway-page .fpp-step__content {
  padding-top: .375rem;
}

.flames-player-pathway-page .fpp-step__title {
  font-size: 1.1875rem;
  font-weight: 800;
  color: var(--fpp-light);
  margin-bottom: .375rem;
}

.flames-player-pathway-page .fpp-step__body {
  font-size: .9375rem;
  color: rgba(255,255,255,.7);
  line-height: 1.65;
  margin-bottom: 0;
}

/* ─────────────────────────────────────────
   ⑥ AGE GROUP PATHWAY
───────────────────────────────────────── */
.flames-player-pathway-page .fpp-ages {
  background: var(--fpp-offwhite);
}

.flames-player-pathway-page .fpp-age-card {
  background: var(--fpp-light);
  border-radius: var(--fpp-radius-lg);
  overflow: hidden;
  box-shadow: var(--fpp-shadow);
  display: flex;
  flex-direction: column;
  transition: box-shadow var(--fpp-ease), transform var(--fpp-ease);
}

.flames-player-pathway-page .fpp-age-card:hover {
  box-shadow: var(--fpp-shadow-h);
  transform: translateY(-4px);
}

.flames-player-pathway-page .fpp-age-card__hd {
  padding: 2rem 1.875rem;
  color: var(--fpp-light);
}

.flames-player-pathway-page .fpp-age-card__hd--1 { background: var(--fpp-red-xd); }
.flames-player-pathway-page .fpp-age-card__hd--2 { background: var(--fpp-red-d); }
.flames-player-pathway-page .fpp-age-card__hd--3 { background: var(--fpp-red); }
.flames-player-pathway-page .fpp-age-card__hd--4 { background: var(--fpp-dark); }

.flames-player-pathway-page .fpp-age-card__tag {
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--fpp-gold);
  margin-bottom: .5rem;
}

.flames-player-pathway-page .fpp-age-card__title {
  font-size: 2.125rem;
  font-weight: 900;
  color: var(--fpp-light);
  margin-bottom: .375rem;
  line-height: 1.1;
  letter-spacing: -.025em;
}

.flames-player-pathway-page .fpp-age-card__theme {
  font-size: .875rem;
  color: rgba(255,255,255,.75);
  font-weight: 600;
  margin-bottom: .875rem;
  letter-spacing: .02em;
}

.flames-player-pathway-page .fpp-age-card__intro {
  font-size: .9375rem;
  color: rgba(255,255,255,.82);
  line-height: 1.6;
  margin-bottom: 0;
}

.flames-player-pathway-page .fpp-age-card__body {
  padding: 1.75rem;
  flex: 1;
  display: flex;
  flex-direction: column;
}

.flames-player-pathway-page .fpp-age-card__list-label {
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--fpp-red);
  margin-bottom: .75rem;
}

.flames-player-pathway-page .fpp-age-card__success {
  background: var(--fpp-offwhite);
  border-radius: var(--fpp-radius);
  padding: 1rem 1.125rem;
  margin-top: 1.25rem;
  border-left: 4px solid var(--fpp-gold);
}

.flames-player-pathway-page .fpp-age-card__success-label {
  display: flex;
  align-items: center;
  gap: .4rem;
  font-size: .78rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--fpp-red);
  margin-bottom: .5rem;
}

.flames-player-pathway-page .fpp-age-card__success-label svg { flex-shrink: 0; }

.flames-player-pathway-page .fpp-age-card__success p {
  font-size: .9rem;
  color: var(--fpp-body-clr);
  line-height: 1.6;
  margin-bottom: 0;
}

@media (prefers-reduced-motion: reduce) {
  .flames-player-pathway-page .fpp-age-card:hover { transform: none; }
}

/* ─────────────────────────────────────────
   ⑦ STYLE OF PLAY
───────────────────────────────────────── */
.flames-player-pathway-page .fpp-style {
  background: var(--fpp-dark);
  position: relative;
  overflow: hidden;
}

.flames-player-pathway-page .fpp-style::before {
  content: '';
  position: absolute;
  top: -150px;
  left: -150px;
  width: 500px;
  height: 500px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(165,45,53,.17) 0%, transparent 68%);
  pointer-events: none;
}

.flames-player-pathway-page .fpp-style-card {
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.09);
  border-radius: var(--fpp-radius-lg);
  padding: 2rem 1.75rem;
  position: relative;
  overflow: hidden;
  transition: background var(--fpp-ease), border-color var(--fpp-ease), transform var(--fpp-ease);
}

.flames-player-pathway-page .fpp-style-card:hover {
  background: rgba(255,255,255,.09);
  border-color: rgba(249,192,49,.32);
  transform: translateY(-4px);
}

.flames-player-pathway-page .fpp-style-card__num {
  display: inline-block;
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: .1em;
  color: var(--fpp-gold);
  background: rgba(249,192,49,.14);
  border: 1px solid rgba(249,192,49,.3);
  border-radius: var(--fpp-radius-pill);
  padding: .2rem .7rem;
  margin-bottom: .875rem;
}

.flames-player-pathway-page .fpp-style-card__title {
  font-size: 1.125rem;
  font-weight: 800;
  color: var(--fpp-light);
  margin-bottom: .5rem;
}

.flames-player-pathway-page .fpp-style-card__body {
  font-size: .9375rem;
  color: rgba(255,255,255,.7);
  line-height: 1.65;
  margin-bottom: 0;
}

@media (prefers-reduced-motion: reduce) {
  .flames-player-pathway-page .fpp-style-card:hover { transform: none; }
}

/* ─────────────────────────────────────────
   ⑧ COACHING DEVELOPMENT
───────────────────────────────────────── */
.flames-player-pathway-page .fpp-coaching {
  background: var(--fpp-offwhite);
}

.flames-player-pathway-page .fpp-coach-card {
  background: var(--fpp-light);
  border-radius: var(--fpp-radius-lg);
  padding: 1.875rem 1.625rem;
  box-shadow: var(--fpp-shadow);
  text-align: center;
  border-top: 4px solid transparent;
  transition: border-top-color var(--fpp-ease), box-shadow var(--fpp-ease), transform var(--fpp-ease);
}

.flames-player-pathway-page .fpp-coach-card:hover {
  border-top-color: var(--fpp-red);
  box-shadow: var(--fpp-shadow-h);
  transform: translateY(-4px);
}

.flames-player-pathway-page .fpp-coach-card__icon {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: rgba(165,45,53,.1);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 1.25rem;
  color: var(--fpp-red);
}

.flames-player-pathway-page .fpp-coach-card__title {
  font-size: 1.0625rem;
  font-weight: 800;
  color: var(--fpp-dark);
  margin-bottom: .5rem;
}

.flames-player-pathway-page .fpp-coach-card__body {
  font-size: .9375rem;
  color: var(--fpp-muted);
  line-height: 1.65;
  margin-bottom: 0;
}

@media (prefers-reduced-motion: reduce) {
  .flames-player-pathway-page .fpp-coach-card:hover { transform: none; }
}

/* ─────────────────────────────────────────
   ⑨ PLAYER OWNERSHIP — SPARK
───────────────────────────────────────── */
.flames-player-pathway-page .fpp-spark {
  background: var(--fpp-dark);
  position: relative;
  overflow: hidden;
}

.flames-player-pathway-page .fpp-spark::after {
  content: '';
  position: absolute;
  bottom: -140px;
  right: -140px;
  width: 480px;
  height: 480px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(249,192,49,.08) 0%, transparent 68%);
  pointer-events: none;
}

.flames-player-pathway-page .fpp-spark-box {
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.1);
  border-radius: var(--fpp-radius-lg);
  overflow: hidden;
}

.flames-player-pathway-page .fpp-spark-box__header {
  background: var(--fpp-red);
  padding: 1.375rem 1.75rem;
}

.flames-player-pathway-page .fpp-spark-box__title {
  font-size: 1.0625rem;
  font-weight: 800;
  color: var(--fpp-light);
  margin: 0;
}

.flames-player-pathway-page .fpp-spark-list {
  list-style: none;
  padding: 1.5rem 1.75rem;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.flames-player-pathway-page .fpp-spark-list li {
  display: flex;
  align-items: flex-start;
  gap: 1.125rem;
}

.flames-player-pathway-page .fpp-spark-letter {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.375rem;
  height: 2.375rem;
  border-radius: 8px;
  background: var(--fpp-gold);
  color: var(--fpp-dark);
  font-size: 1.125rem;
  font-weight: 900;
  flex-shrink: 0;
  letter-spacing: .02em;
}

.flames-player-pathway-page .fpp-spark-list li div strong {
  display: block;
  font-size: .9375rem;
  font-weight: 800;
  color: var(--fpp-light);
  margin-bottom: .2rem;
}

.flames-player-pathway-page .fpp-spark-list li div p {
  font-size: .875rem;
  color: rgba(255,255,255,.68);
  line-height: 1.6;
  margin: 0;
}

/* spark note block */
.flames-player-pathway-page .fpp-spark-note {
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.1);
  border-radius: var(--fpp-radius-lg);
  padding: 2.25rem 2rem;
}

.flames-player-pathway-page .fpp-spark-note__icon {
  color: var(--fpp-gold);
  margin-bottom: 1.125rem;
}

.flames-player-pathway-page .fpp-spark-note__title {
  font-size: 1.25rem;
  font-weight: 800;
  color: var(--fpp-light);
  margin-bottom: .875rem;
}

.flames-player-pathway-page .fpp-spark-note__body {
  font-size: .9375rem;
  color: rgba(255,255,255,.72);
  line-height: 1.7;
  margin-bottom: 1rem;
}

.flames-player-pathway-page .fpp-spark-note__body:last-child { margin-bottom: 0; }

/* ─────────────────────────────────────────
   ⑩ PARENT ROLE
───────────────────────────────────────── */
.flames-player-pathway-page .fpp-parents {
  background: var(--fpp-offwhite);
}

.flames-player-pathway-page .fpp-parent-card {
  background: var(--fpp-light);
  border-radius: var(--fpp-radius-lg);
  padding: 2rem 1.75rem;
  box-shadow: var(--fpp-shadow);
  border-bottom: 4px solid transparent;
  transition: border-bottom-color var(--fpp-ease), box-shadow var(--fpp-ease), transform var(--fpp-ease);
}

.flames-player-pathway-page .fpp-parent-card:hover {
  border-bottom-color: var(--fpp-red);
  box-shadow: var(--fpp-shadow-h);
  transform: translateY(-4px);
}

.flames-player-pathway-page .fpp-parent-card__icon {
  width: 58px;
  height: 58px;
  border-radius: 14px;
  background: rgba(165,45,53,.1);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.25rem;
  color: var(--fpp-red);
}

.flames-player-pathway-page .fpp-parent-card__title {
  font-size: 1.0625rem;
  font-weight: 800;
  color: var(--fpp-dark);
  margin-bottom: .6rem;
}

.flames-player-pathway-page .fpp-parent-card__body {
  font-size: .9375rem;
  color: var(--fpp-muted);
  line-height: 1.65;
  margin-bottom: 0;
}

@media (prefers-reduced-motion: reduce) {
  .flames-player-pathway-page .fpp-parent-card:hover { transform: none; }
}

/* ─────────────────────────────────────────
   ⑪ THE FLAMES DIFFERENCE
───────────────────────────────────────── */
.flames-player-pathway-page .fpp-difference {
  background: var(--fpp-dark);
  position: relative;
  overflow: hidden;
}

.flames-player-pathway-page .fpp-difference::before {
  content: '';
  position: absolute;
  top: -180px;
  right: -180px;
  width: 560px;
  height: 560px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(165,45,53,.16) 0%, transparent 68%);
  pointer-events: none;
}

.flames-player-pathway-page .fpp-quote {
  background: var(--fpp-red);
  border-radius: var(--fpp-radius-lg);
  padding: 2rem 1.875rem;
  margin: 0;
  position: relative;
  overflow: hidden;
}

.flames-player-pathway-page .fpp-quote::before {
  content: '\201C';
  position: absolute;
  top: -.5rem;
  left: 1rem;
  font-size: 6rem;
  font-weight: 900;
  color: rgba(255,255,255,.12);
  line-height: 1;
  pointer-events: none;
}

.flames-player-pathway-page .fpp-quote__text {
  font-size: 1.0625rem;
  font-weight: 600;
  font-style: italic;
  color: var(--fpp-light);
  line-height: 1.65;
  margin-bottom: 1rem;
  position: relative;
  z-index: 1;
}

.flames-player-pathway-page .fpp-quote__attr {
  font-size: .875rem;
  color: rgba(255,255,255,.68);
  position: relative;
  z-index: 1;
}

.flames-player-pathway-page .fpp-quote__attr cite {
  font-style: normal;
  font-weight: 700;
}

.flames-player-pathway-page .fpp-diff-item {
  display: flex;
  align-items: flex-start;
  gap: .875rem;
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: var(--fpp-radius);
  padding: 1.25rem;
  height: 100%;
  transition: background var(--fpp-ease), border-color var(--fpp-ease), transform var(--fpp-ease);
}

.flames-player-pathway-page .fpp-diff-item:hover {
  background: rgba(255,255,255,.09);
  border-color: rgba(249,192,49,.28);
  transform: translateY(-3px);
}

.flames-player-pathway-page .fpp-diff-item__check {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: var(--fpp-red);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--fpp-light);
  flex-shrink: 0;
  margin-top: .1rem;
}

.flames-player-pathway-page .fpp-diff-item__title {
  font-size: .9375rem;
  font-weight: 800;
  color: var(--fpp-light);
  margin-bottom: .25rem;
}

.flames-player-pathway-page .fpp-diff-item__body {
  font-size: .875rem;
  color: rgba(255,255,255,.65);
  line-height: 1.6;
  margin-bottom: 0;
}

@media (prefers-reduced-motion: reduce) {
  .flames-player-pathway-page .fpp-diff-item:hover { transform: none; }
}

/* ─────────────────────────────────────────
   ⑫ FAQ
───────────────────────────────────────── */
.flames-player-pathway-page .fpp-faq {
  background: var(--fpp-offwhite);
}

.flames-player-pathway-page .fpp-accordion .accordion-item {
  background: var(--fpp-light);
  border: 1px solid var(--fpp-border) !important;
  border-radius: var(--fpp-radius) !important;
  margin-bottom: .875rem;
  overflow: hidden;
  box-shadow: var(--fpp-shadow);
}

.flames-player-pathway-page .fpp-accordion .accordion-item:last-child {
  margin-bottom: 0;
}

.flames-player-pathway-page .fpp-accordion .accordion-button {
  background: var(--fpp-light);
  color: var(--fpp-dark);
  font-weight: 700;
  font-size: 1rem;
  padding: 1.375rem 1.625rem;
  border-radius: 0 !important;
  box-shadow: none !important;
  transition: background var(--fpp-ease), color var(--fpp-ease);
}

.flames-player-pathway-page .fpp-accordion .accordion-button:not(.collapsed) {
  background: var(--fpp-red);
  color: var(--fpp-light);
  box-shadow: none !important;
}

.flames-player-pathway-page .fpp-accordion .accordion-button:not(.collapsed)::after {
  filter: brightness(0) invert(1);
}

.flames-player-pathway-page .fpp-accordion .accordion-button:focus {
  outline: none;
  box-shadow: none !important;
}

.flames-player-pathway-page .fpp-accordion .accordion-button:focus-visible {
  outline: 3px solid var(--fpp-red);
  outline-offset: -3px;
}

.flames-player-pathway-page .fpp-accordion .accordion-body {
  padding: 1.5rem 1.625rem;
  font-size: .9375rem;
  color: var(--fpp-body-clr);
  line-height: 1.7;
}

/* ─────────────────────────────────────────
   ⑬ FINAL CTA
───────────────────────────────────────── */
.flames-player-pathway-page .fpp-cta {
  background-image: var(--fpp-hero-img);
  background-size: cover;
  background-position: center 45%;
  background-attachment: fixed;
  color: var(--fpp-light);
}

.flames-player-pathway-page .fpp-cta__overlay {
  background:
    linear-gradient(135deg,
      rgba(90,22,32,.94)   0%,
      rgba(165,45,53,.88)  50%,
      rgba(26,22,23,.94)  100%);
  z-index: 1;
}

.flames-player-pathway-page .fpp-cta__inner {
  position: relative;
  z-index: 2;
}

.flames-player-pathway-page .fpp-cta__note {
  font-size: .875rem;
  color: rgba(255,255,255,.58);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: .4rem;
}

.flames-player-pathway-page .fpp-cta__note svg { color: var(--fpp-gold); flex-shrink: 0; }

@media (max-width: 991.98px) {
  .flames-player-pathway-page .fpp-cta { background-attachment: scroll; }
}

/* ─────────────────────────────────────────
   ⑭ FOOTER STRIP
───────────────────────────────────────── */
.flames-player-pathway-page .fpp-footer {
  background: var(--fpp-dark);
  border-top: 1px solid rgba(255,255,255,.08);
  padding: 1.25rem 0;
}

.flames-player-pathway-page .fpp-footer__brand {
  font-size: .8125rem;
  font-weight: 700;
  color: rgba(255,255,255,.58);
}

/* ─────────────────────────────────────────
   RESPONSIVE
───────────────────────────────────────── */
@media (max-width: 767.98px) {
  .flames-player-pathway-page .fpp-promise-box { padding: 1.75rem 1.5rem; }

  .flames-player-pathway-page .fpp-phil-card,
  .flames-player-pathway-page .fpp-style-card,
  .flames-player-pathway-page .fpp-coach-card,
  .flames-player-pathway-page .fpp-parent-card { padding: 1.5rem 1.375rem; }

  .flames-player-pathway-page .fpp-training-block__hd { padding: 1.25rem 1.375rem; }
  .flames-player-pathway-page .fpp-training-block__body { padding: 1.375rem; }

  .flames-player-pathway-page .fpp-age-card__hd { padding: 1.625rem 1.5rem; }
  .flames-player-pathway-page .fpp-age-card__body { padding: 1.5rem; }

  .flames-player-pathway-page .fpp-spark-note { padding: 1.75rem 1.5rem; }
  .flames-player-pathway-page .fpp-spark-list { padding: 1.25rem 1.375rem; }

  .flames-player-pathway-page .fpp-footer .row {
    flex-direction: column;
    text-align: center;
    gap: 1rem;
  }
  .flames-player-pathway-page .fpp-footer .col-auto {
    width: 100%;
    text-align: center;
  }
}

@media (max-width: 575.98px) {
  .flames-player-pathway-page .fpp-btn {
    padding: .8125rem 1.375rem;
    font-size: .875rem;
  }

  .flames-player-pathway-page .fpp-hero .d-flex,
  .flames-player-pathway-page .fpp-cta .d-flex {
    flex-direction: column;
    align-items: center;
  }

  .flames-player-pathway-page .fpp-hero .fpp-btn,
  .flames-player-pathway-page .fpp-cta .fpp-btn {
    width: 100%;
    max-width: 300px;
    justify-content: center;
  }

  .flames-player-pathway-page .fpp-step {
    gap: 1rem;
  }

  .flames-player-pathway-page .fpp-accordion .accordion-button {
    padding: 1.125rem 1.25rem;
    font-size: .9375rem;
  }

  .flames-player-pathway-page .fpp-accordion .accordion-body {
    padding: 1.25rem;
  }

  .flames-player-pathway-page .fpp-age-card__title {
    font-size: 1.75rem;
  }
}

/* ============================================================
   CLEVELAND FLAMES — TECHNICAL TRAINING PAGE
   Scope: .flames-technical-page  |  Prefix: ftt-
   ============================================================ */

/* --- DESIGN TOKENS --- */
.flames-technical-page {
  --ftt-red:         #a52d35;
  --ftt-red-d:       #7e2029;
  --ftt-red-xd:      #5a1620;
  --ftt-gold:        #f9c031;
  --ftt-gold-d:      #d9a41a;
  --ftt-dark:        #1a1617;
  --ftt-dark2:       #231e1f;
  --ftt-muted:       #6b6366;
  --ftt-muted2:      #9e979a;
  --ftt-light:       #ffffff;
  --ftt-offwhite:    #faf8f8;
  --ftt-border:      #ede8e9;
  --ftt-body-clr:    #4a4347;
  --ftt-radius:      12px;
  --ftt-radius-lg:   18px;
  --ftt-radius-pill: 100px;
  --ftt-shadow:      0 4px 24px rgba(26,22,23,.08);
  --ftt-shadow-h:    0 10px 40px rgba(165,45,53,.16);
  --ftt-ease:        0.28s cubic-bezier(.4,0,.2,1);
  --ftt-hero-img:    url('https://clevelandtnsoccer.com/wp-content/uploads/revslider/home-2/h2-slide-5-background.jpg');
}

/* --- BASE RESET --- */
.flames-technical-page *,
.flames-technical-page *::before,
.flames-technical-page *::after { box-sizing: border-box; }

.flames-technical-page {
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
  color: var(--ftt-body-clr);
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}

/* ============================================================
   SECTION 1 — HERO
   ============================================================ */
.flames-technical-page .ftt-hero {
  position: relative;
  background-image: var(--ftt-hero-img);
  background-size: cover;
  background-position: center 30%;
  background-attachment: fixed;
  min-height: 100vh;
  min-height: 100svh;
  display: flex;
  align-items: center;
  color: var(--ftt-light);
  overflow: hidden;
}

.flames-technical-page .ftt-hero__overlay {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(to bottom, rgba(26,22,23,.65) 0%, rgba(26,22,23,.12) 28%, rgba(165,45,53,.52) 68%, rgba(165,45,53,.90) 100%),
    linear-gradient(135deg, rgba(26,22,23,.70) 0%, rgba(165,45,53,.35) 100%);
  z-index: 1;
}

.flames-technical-page .ftt-hero__content {
  position: relative;
  z-index: 2;
  padding: 7rem 0 5rem;
}

.flames-technical-page .ftt-hero__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  background: rgba(249,192,49,.18);
  border: 1px solid rgba(249,192,49,.45);
  color: var(--ftt-gold);
  font-size: .8rem;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  padding: .35rem 1rem;
  border-radius: var(--ftt-radius-pill);
  margin-bottom: 1.5rem;
}

.flames-technical-page .ftt-hero__title {
  font-size: clamp(2.25rem, 5.5vw, 4rem);
  font-weight: 900;
  line-height: 1.08;
  letter-spacing: -.02em;
  margin-bottom: 1.25rem;
}

.flames-technical-page .ftt-hero__title span {
  color: var(--ftt-gold);
}

.flames-technical-page .ftt-hero__sub {
  font-size: clamp(1.05rem, 2vw, 1.25rem);
  color: rgba(255,255,255,.82);
  margin-bottom: 2.25rem;
  line-height: 1.6;
}

.flames-technical-page .ftt-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: .875rem;
}

/* --- BUTTONS --- */
.flames-technical-page .ftt-btn-primary {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  background: var(--ftt-red);
  color: var(--ftt-light);
  font-weight: 700;
  font-size: .9375rem;
  padding: .8125rem 1.875rem;
  border-radius: var(--ftt-radius-pill);
  text-decoration: none;
  border: 2px solid var(--ftt-red);
  transition: background var(--ftt-ease), transform var(--ftt-ease), box-shadow var(--ftt-ease);
}

.flames-technical-page .ftt-btn-primary:hover {
  background: var(--ftt-red-d);
  border-color: var(--ftt-red-d);
  color: var(--ftt-light);
  transform: translateY(-2px);
  box-shadow: 0 8px 28px rgba(165,45,53,.45);
  text-decoration: none;
}

.flames-technical-page .ftt-btn-ghost {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  background: rgba(255,255,255,.12);
  color: var(--ftt-light);
  font-weight: 700;
  font-size: .9375rem;
  padding: .8125rem 1.875rem;
  border-radius: var(--ftt-radius-pill);
  text-decoration: none;
  border: 2px solid rgba(255,255,255,.45);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  transition: background var(--ftt-ease), border-color var(--ftt-ease), transform var(--ftt-ease);
}

.flames-technical-page .ftt-btn-ghost:hover {
  background: rgba(255,255,255,.22);
  border-color: rgba(255,255,255,.75);
  color: var(--ftt-light);
  transform: translateY(-2px);
  text-decoration: none;
}

.flames-technical-page .ftt-btn-outline {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  background: transparent;
  color: var(--ftt-red);
  font-weight: 700;
  font-size: .9375rem;
  padding: .75rem 1.75rem;
  border-radius: var(--ftt-radius-pill);
  text-decoration: none;
  border: 2px solid var(--ftt-red);
  transition: background var(--ftt-ease), color var(--ftt-ease), transform var(--ftt-ease);
}

.flames-technical-page .ftt-btn-outline:hover {
  background: var(--ftt-red);
  color: var(--ftt-light);
  transform: translateY(-2px);
  text-decoration: none;
}

.flames-technical-page .ftt-btn-gold {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  background: var(--ftt-gold);
  color: var(--ftt-dark);
  font-weight: 800;
  font-size: .9375rem;
  padding: .8125rem 1.875rem;
  border-radius: var(--ftt-radius-pill);
  text-decoration: none;
  border: 2px solid var(--ftt-gold);
  transition: background var(--ftt-ease), transform var(--ftt-ease), box-shadow var(--ftt-ease);
}

.flames-technical-page .ftt-btn-gold:hover {
  background: var(--ftt-gold-d);
  border-color: var(--ftt-gold-d);
  color: var(--ftt-dark);
  transform: translateY(-2px);
  box-shadow: 0 8px 28px rgba(249,192,49,.4);
  text-decoration: none;
}

/* Focus visible */
.flames-technical-page a:focus-visible,
.flames-technical-page button:focus-visible {
  outline: 3px solid var(--ftt-gold);
  outline-offset: 3px;
  border-radius: 4px;
}

/* --- SCROLL BADGE --- */
.flames-technical-page .ftt-hero__scroll {
  position: absolute;
  bottom: 2rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: .375rem;
  color: rgba(255,255,255,.55);
  font-size: .7rem;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.flames-technical-page .ftt-hero__scroll-line {
  width: 1px;
  height: 2.5rem;
  background: linear-gradient(to bottom, rgba(255,255,255,.55), transparent);
}

@media (max-width: 991.98px) {
  .flames-technical-page .ftt-hero {
    background-attachment: scroll;
  }
}

/* ============================================================
   SHARED SECTION HELPERS
   ============================================================ */
.flames-technical-page .ftt-section {
  padding: 5rem 0;
}

.flames-technical-page .ftt-section--lg {
  padding: 6.5rem 0;
}

.flames-technical-page .ftt-section--sm {
  padding: 3.5rem 0;
}

.flames-technical-page .ftt-section--dark {
  background: var(--ftt-dark);
  color: var(--ftt-light);
  position: relative;
  overflow: hidden;
}

.flames-technical-page .ftt-section--dark2 {
  background: var(--ftt-dark2);
  color: var(--ftt-light);
  position: relative;
  overflow: hidden;
}

.flames-technical-page .ftt-section--offwhite {
  background: var(--ftt-offwhite);
}

.flames-technical-page .ftt-section--red {
  background: var(--ftt-red);
  color: var(--ftt-light);
  position: relative;
  overflow: hidden;
}

/* Decorative blobs on dark sections */
.flames-technical-page .ftt-section--dark::before,
.flames-technical-page .ftt-section--dark2::before {
  content: '';
  position: absolute;
  width: 600px;
  height: 600px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(165,45,53,.14) 0%, transparent 70%);
  top: -200px;
  right: -200px;
  pointer-events: none;
}

.flames-technical-page .ftt-section--dark::after,
.flames-technical-page .ftt-section--dark2::after {
  content: '';
  position: absolute;
  width: 400px;
  height: 400px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(249,192,49,.07) 0%, transparent 70%);
  bottom: -100px;
  left: -100px;
  pointer-events: none;
}

/* Section label */
.flames-technical-page .ftt-label {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  font-size: .75rem;
  font-weight: 700;
  letter-spacing: .13em;
  text-transform: uppercase;
  color: var(--ftt-red);
  margin-bottom: .875rem;
}

.flames-technical-page .ftt-section--dark .ftt-label,
.flames-technical-page .ftt-section--dark2 .ftt-label,
.flames-technical-page .ftt-section--red .ftt-label {
  color: var(--ftt-gold);
}

.flames-technical-page .ftt-label::before {
  content: '';
  display: block;
  width: 1.25rem;
  height: 2px;
  background: currentColor;
  border-radius: 2px;
}

.flames-technical-page .ftt-heading {
  font-size: clamp(1.75rem, 3.5vw, 2.75rem);
  font-weight: 900;
  line-height: 1.12;
  letter-spacing: -.025em;
  color: var(--ftt-dark);
  margin-bottom: 1rem;
}

.flames-technical-page .ftt-section--dark .ftt-heading,
.flames-technical-page .ftt-section--dark2 .ftt-heading,
.flames-technical-page .ftt-section--red .ftt-heading {
  color: var(--ftt-light);
}

.flames-technical-page .ftt-subhead {
  font-size: 1.0625rem;
  color: var(--ftt-muted);
  max-width: 640px;
  line-height: 1.65;
  margin-bottom: 0;
}

.flames-technical-page .ftt-section--dark .ftt-subhead,
.flames-technical-page .ftt-section--dark2 .ftt-subhead,
.flames-technical-page .ftt-section--red .ftt-subhead {
  color: rgba(255,255,255,.72);
}

/* Gold accent text */
.flames-technical-page .ftt-gold-text {
  color: var(--ftt-gold);
}

/* Divider rule */
.flames-technical-page .ftt-rule {
  width: 3rem;
  height: 3px;
  background: linear-gradient(to right, var(--ftt-red), var(--ftt-gold));
  border-radius: 2px;
  border: none;
  margin: 1rem 0 1.5rem;
}

/* ============================================================
   SECTION 2 — WHY TECHNICAL TRAINING MATTERS
   ============================================================ */
.flames-technical-page .ftt-feature-card {
  background: var(--ftt-light);
  border: 1px solid var(--ftt-border);
  border-radius: var(--ftt-radius-lg);
  padding: 2rem 1.75rem;
  height: 100%;
  transition: transform var(--ftt-ease), box-shadow var(--ftt-ease), border-color var(--ftt-ease);
}

.flames-technical-page .ftt-feature-card:hover {
  transform: translateY(-5px);
  box-shadow: var(--ftt-shadow-h);
  border-color: rgba(165,45,53,.2);
}

.flames-technical-page .ftt-feature-card__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  border-radius: var(--ftt-radius);
  background: rgba(165,45,53,.08);
  color: var(--ftt-red);
  margin-bottom: 1.125rem;
  flex-shrink: 0;
}

.flames-technical-page .ftt-feature-card__title {
  font-size: 1.0625rem;
  font-weight: 800;
  color: var(--ftt-dark);
  margin-bottom: .5rem;
  line-height: 1.3;
}

.flames-technical-page .ftt-feature-card__body {
  font-size: .9375rem;
  color: var(--ftt-muted);
  line-height: 1.65;
  margin: 0;
}

.flames-technical-page .ftt-feature-card__accent {
  display: block;
  width: 2rem;
  height: 2px;
  background: var(--ftt-gold);
  border-radius: 2px;
  margin-top: 1rem;
}

/* ============================================================
   SECTION 3 — THREE PATHS TO CONTINUED GROWTH
   ============================================================ */
.flames-technical-page .ftt-path-card {
  background: var(--ftt-dark2);
  border: 1px solid rgba(255,255,255,.07);
  border-radius: var(--ftt-radius-lg);
  padding: 2.5rem 2rem;
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
  transition: transform var(--ftt-ease), box-shadow var(--ftt-ease), border-color var(--ftt-ease);
}

.flames-technical-page .ftt-path-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(to right, var(--ftt-red), var(--ftt-gold));
  border-radius: var(--ftt-radius-lg) var(--ftt-radius-lg) 0 0;
}

.flames-technical-page .ftt-path-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 20px 50px rgba(0,0,0,.35);
  border-color: rgba(165,45,53,.3);
}

.flames-technical-page .ftt-path-card__badge {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  background: rgba(249,192,49,.15);
  border: 1px solid rgba(249,192,49,.35);
  color: var(--ftt-gold);
  font-size: .7125rem;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  padding: .3rem .875rem;
  border-radius: var(--ftt-radius-pill);
  margin-bottom: 1.25rem;
  width: fit-content;
}

.flames-technical-page .ftt-path-card__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.5rem;
  height: 3.5rem;
  border-radius: var(--ftt-radius);
  background: rgba(165,45,53,.22);
  color: var(--ftt-gold);
  margin-bottom: 1.375rem;
  flex-shrink: 0;
}

.flames-technical-page .ftt-path-card__title {
  font-size: 1.3125rem;
  font-weight: 900;
  color: var(--ftt-light);
  margin-bottom: .625rem;
  line-height: 1.2;
}

.flames-technical-page .ftt-path-card__desc {
  font-size: .9375rem;
  color: rgba(255,255,255,.65);
  line-height: 1.65;
  margin-bottom: 1.5rem;
}

.flames-technical-page .ftt-path-card__list {
  list-style: none;
  padding: 0;
  margin: 0 0 2rem;
  flex: 1;
}

.flames-technical-page .ftt-path-card__list li {
  display: flex;
  align-items: flex-start;
  gap: .625rem;
  font-size: .9rem;
  color: rgba(255,255,255,.78);
  padding: .45rem 0;
  border-bottom: 1px solid rgba(255,255,255,.06);
}

.flames-technical-page .ftt-path-card__list li:last-child {
  border-bottom: none;
}

.flames-technical-page .ftt-path-card__list li svg {
  color: var(--ftt-gold);
  flex-shrink: 0;
  margin-top: .15rem;
}

/* ============================================================
   SECTIONS 4, 5, 6 — WORDPRESS POST CARD LOOPS
   ============================================================ */
.flames-technical-page .ftt-post-card {
  background: var(--ftt-light);
  border: 1px solid var(--ftt-border);
  border-radius: var(--ftt-radius-lg);
  overflow: hidden;
  height: 100%;
  display: flex;
  flex-direction: column;
  transition: transform var(--ftt-ease), box-shadow var(--ftt-ease);
}

.flames-technical-page .ftt-post-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--ftt-shadow-h);
}

.flames-technical-page .ftt-post-card__img-wrap {
  position: relative;
  overflow: hidden;
  aspect-ratio: 16 / 9;
  background: var(--ftt-border);
  flex-shrink: 0;
}

.flames-technical-page .ftt-post-card__img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .45s cubic-bezier(.4,0,.2,1);
  display: block;
}

.flames-technical-page .ftt-post-card:hover .ftt-post-card__img-wrap img {
  transform: scale(1.05);
}

.flames-technical-page .ftt-post-card__cat {
  position: absolute;
  top: .875rem;
  left: .875rem;
  background: var(--ftt-red);
  color: var(--ftt-light);
  font-size: .7rem;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  padding: .25rem .75rem;
  border-radius: var(--ftt-radius-pill);
}

.flames-technical-page .ftt-post-card__body {
  padding: 1.5rem 1.625rem 1.75rem;
  display: flex;
  flex-direction: column;
  flex: 1;
}

.flames-technical-page .ftt-post-card__date {
  font-size: .78rem;
  color: var(--ftt-muted2);
  margin-bottom: .625rem;
  display: flex;
  align-items: center;
  gap: .375rem;
}

.flames-technical-page .ftt-post-card__title {
  font-size: 1.0625rem;
  font-weight: 800;
  color: var(--ftt-dark);
  line-height: 1.3;
  margin-bottom: .625rem;
  transition: color var(--ftt-ease);
}

.flames-technical-page .ftt-post-card:hover .ftt-post-card__title {
  color: var(--ftt-red);
}

.flames-technical-page .ftt-post-card__excerpt {
  font-size: .9rem;
  color: var(--ftt-muted);
  line-height: 1.65;
  margin-bottom: 1.25rem;
  flex: 1;
}

.flames-technical-page .ftt-post-card__link {
  display: inline-flex;
  align-items: center;
  gap: .375rem;
  font-size: .875rem;
  font-weight: 700;
  color: var(--ftt-red);
  text-decoration: none;
  transition: gap var(--ftt-ease), color var(--ftt-ease);
}

.flames-technical-page .ftt-post-card__link:hover {
  color: var(--ftt-red-d);
  gap: .625rem;
  text-decoration: none;
}

/* Section headers for loop sections */
.flames-technical-page .ftt-loop-header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1.25rem;
  margin-bottom: 2.5rem;
}

/* No posts placeholder */
.flames-technical-page .ftt-no-posts {
  background: var(--ftt-offwhite);
  border: 1px dashed var(--ftt-border);
  border-radius: var(--ftt-radius-lg);
  padding: 3rem 2rem;
  text-align: center;
  color: var(--ftt-muted2);
  font-size: .9375rem;
}

/* Category icon strip */
.flames-technical-page .ftt-cat-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.5rem;
  height: 3.5rem;
  border-radius: var(--ftt-radius);
  flex-shrink: 0;
}

/* ============================================================
   SECTION 4 SPARK — accent overrides
   ============================================================ */
.flames-technical-page .ftt-section--spark {
  background: var(--ftt-offwhite);
}

.flames-technical-page .ftt-spark-stripe {
  background: linear-gradient(135deg, var(--ftt-dark) 0%, var(--ftt-dark2) 100%);
  border-radius: var(--ftt-radius-lg);
  padding: 1.5rem 2rem;
  display: flex;
  align-items: center;
  gap: 1.25rem;
  margin-bottom: 2.5rem;
  flex-wrap: wrap;
}

.flames-technical-page .ftt-spark-stripe__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background: var(--ftt-gold);
  color: var(--ftt-dark);
  flex-shrink: 0;
}

.flames-technical-page .ftt-spark-stripe__title {
  font-size: 1.125rem;
  font-weight: 800;
  color: var(--ftt-light);
  margin: 0;
  line-height: 1.3;
}

.flames-technical-page .ftt-spark-stripe__sub {
  font-size: .9rem;
  color: rgba(255,255,255,.65);
  margin: .2rem 0 0;
  line-height: 1.4;
}

/* ============================================================
   SECTION 7 — DEVELOPMENT PHILOSOPHY
   ============================================================ */
.flames-technical-page .ftt-philosophy {
  position: relative;
  overflow: hidden;
}

.flames-technical-page .ftt-philosophy__blob {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
}

.flames-technical-page .ftt-phil-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
}

@media (max-width: 767.98px) {
  .flames-technical-page .ftt-phil-grid {
    grid-template-columns: 1fr;
  }
}

.flames-technical-page .ftt-phil-quote {
  background: rgba(255,255,255,.06);
  border-left: 4px solid var(--ftt-gold);
  border-radius: 0 var(--ftt-radius-lg) var(--ftt-radius-lg) 0;
  padding: 2rem 2rem 2rem 1.75rem;
  margin: 0;
  position: relative;
}

.flames-technical-page .ftt-phil-quote::before {
  content: '\201C';
  position: absolute;
  top: -1rem;
  left: 1.25rem;
  font-size: 5rem;
  font-weight: 900;
  color: var(--ftt-gold);
  opacity: .35;
  line-height: 1;
  pointer-events: none;
}

.flames-technical-page .ftt-phil-quote__text {
  font-size: clamp(1.1rem, 2.25vw, 1.4rem);
  font-weight: 700;
  line-height: 1.5;
  color: var(--ftt-light);
  font-style: italic;
  margin-bottom: 1rem;
}

.flames-technical-page .ftt-phil-quote cite {
  font-size: .85rem;
  font-weight: 600;
  color: var(--ftt-gold);
  font-style: normal;
  letter-spacing: .05em;
  text-transform: uppercase;
}

.flames-technical-page .ftt-phil-pillar {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  padding: 1.25rem;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: var(--ftt-radius);
  transition: background var(--ftt-ease);
}

.flames-technical-page .ftt-phil-pillar:hover {
  background: rgba(255,255,255,.08);
}

.flames-technical-page .ftt-phil-pillar__num {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 50%;
  background: var(--ftt-red);
  color: var(--ftt-light);
  font-size: .8125rem;
  font-weight: 900;
  flex-shrink: 0;
}

.flames-technical-page .ftt-phil-pillar__title {
  font-size: .9375rem;
  font-weight: 800;
  color: var(--ftt-light);
  margin-bottom: .25rem;
  line-height: 1.3;
}

.flames-technical-page .ftt-phil-pillar__body {
  font-size: .875rem;
  color: rgba(255,255,255,.62);
  margin: 0;
  line-height: 1.6;
}

/* ============================================================
   SECTION 8 — FINAL CTA
   ============================================================ */
.flames-technical-page .ftt-cta {
  position: relative;
  overflow: hidden;
}

.flames-technical-page .ftt-cta::before {
  content: '';
  position: absolute;
  width: 700px;
  height: 700px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(249,192,49,.15) 0%, transparent 65%);
  top: -300px;
  right: -200px;
  pointer-events: none;
}

.flames-technical-page .ftt-cta::after {
  content: '';
  position: absolute;
  width: 400px;
  height: 400px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255,255,255,.05) 0%, transparent 70%);
  bottom: -150px;
  left: -100px;
  pointer-events: none;
}

.flames-technical-page .ftt-cta__inner {
  position: relative;
  z-index: 1;
  text-align: center;
  max-width: 700px;
  margin: 0 auto;
}

.flames-technical-page .ftt-cta__title {
  font-size: clamp(1.75rem, 4vw, 3rem);
  font-weight: 900;
  color: var(--ftt-light);
  letter-spacing: -.02em;
  line-height: 1.1;
  margin-bottom: 1rem;
}

.flames-technical-page .ftt-cta__body {
  font-size: 1.0625rem;
  color: rgba(255,255,255,.72);
  margin-bottom: 2rem;
  line-height: 1.65;
}

/* ============================================================
   REDUCED MOTION
   ============================================================ */
@media (prefers-reduced-motion: reduce) {
  .flames-technical-page *,
  .flames-technical-page *::before,
  .flames-technical-page *::after {
    animation-duration: .01ms !important;
    transition-duration: .01ms !important;
  }
  .flames-technical-page .ftt-hero {
    background-attachment: scroll;
  }
}

/* ============================================================
   MOBILE ADJUSTMENTS
   ============================================================ */
@media (max-width: 767.98px) {
  .flames-technical-page .ftt-section { padding: 3.5rem 0; }
  .flames-technical-page .ftt-section--lg { padding: 4.5rem 0; }
  .flames-technical-page .ftt-hero__content { padding: 6rem 0 4rem; }
  .flames-technical-page .ftt-loop-header { flex-direction: column; align-items: flex-start; }
}
.flames-technical-page .ftt-hero__eyebrow {width: 25%; display: inline};

/* ============================================================
   CLEVELAND FLAMES — ARTICLE LAYOUT
   Scope: .flames-article
   ============================================================ */

.flames-article {
  --fa-red:      #a52d35;
  --fa-red-d:    #7e2029;
  --fa-gold:     #f9c031;
  --fa-dark:     #1a1617;
  --fa-muted:    #6b6366;
  --fa-muted2:   #9e979a;
  --fa-light:    #ffffff;
  --fa-offwhite: #faf8f8;
  --fa-border:   #ede8e9;
  --fa-body:     #3d3639;
  --fa-radius:   12px;
  --fa-ease:     0.25s cubic-bezier(.4,0,.2,1);
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
  -webkit-font-smoothing: antialiased;
}

/* ---- WRAPPER ---- */
.flames-article .fa-wrap {
  max-width: 780px;
  margin: 0 auto;
  padding: 3.5rem 1.5rem 4rem;
}

/* ---- ARTICLE HEADER ---- */
.flames-article .fa-header {
  margin-bottom: 2.5rem;
  padding-bottom: 2rem;
  border-bottom: 1px solid var(--fa-border);
background-color: #ffffff !important;
}

.flames-article .fa-cat {
  display: inline-flex;
  align-items: center;
  gap: .375rem;
  background: var(--fa-red);
  color: var(--fa-light);
  font-size: .7rem;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  padding: .3rem .875rem;
  border-radius: 100px;
  text-decoration: none;
  margin-bottom: 1.125rem;
  transition: background var(--fa-ease);
}

.flames-article .fa-cat:hover {
  background: var(--fa-red-d);
  color: var(--fa-light);
  text-decoration: none;
}

.flames-article .fa-title {
  font-size: clamp(1.875rem, 4.5vw, 2.875rem);
  font-weight: 900;
  line-height: 1.1;
  letter-spacing: -.025em;
  color: var(--fa-dark);
  margin-bottom: 1.25rem;
}

.flames-article .fa-title span {
  color: var(--fa-red);
}

.flames-article .fa-meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1.125rem;
  font-size: .8375rem;
  color: var(--fa-muted);
}

.flames-article .fa-meta-item {
  display: flex;
  align-items: center;
  gap: .375rem;
}

.flames-article .fa-meta-item svg {
  color: var(--fa-red);
  flex-shrink: 0;
}

.flames-article .fa-meta-sep {
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: var(--fa-border);
}

/* ---- LEAD PARAGRAPH ---- */
.flames-article .fa-lead {
  font-size: 1.125rem;
  color: var(--fa-muted);
  line-height: 1.75;
  margin-bottom: 2.25rem;
  padding-bottom: 2.25rem;
  border-bottom: 1px solid var(--fa-border);
  font-weight: 400;
}

/* ---- PROSE ---- */
.flames-article .fa-prose {
  font-size: 1.0375rem;
  line-height: 1.82;
  color: var(--fa-body);
}

.flames-article .fa-prose h2 {
  font-size: clamp(1.3125rem, 2.5vw, 1.75rem);
  font-weight: 900;
  color: var(--fa-dark);
  letter-spacing: -.02em;
  line-height: 1.2;
  margin: 2.75rem 0 .875rem;
  padding-bottom: .625rem;
  border-bottom: 2px solid var(--fa-border);
  position: relative;
}

.flames-article .fa-prose h2::after {
  content: '';
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 2.25rem;
  height: 2px;
  background: var(--fa-red);
  border-radius: 2px;
}

.flames-article .fa-prose h3 {
  font-size: clamp(1.0625rem, 2vw, 1.3125rem);
  font-weight: 800;
  color: var(--fa-dark);
  letter-spacing: -.015em;
  margin: 2rem 0 .625rem;
  line-height: 1.3;
}

.flames-article .fa-prose p {
  margin-bottom: 1.5rem;
}

.flames-article .fa-prose a {
  color: var(--fa-red);
  text-decoration: underline;
  text-decoration-color: rgba(165,45,53,.3);
  text-underline-offset: 3px;
  font-weight: 600;
  transition: color var(--fa-ease);
}

.flames-article .fa-prose a:hover {
  color: var(--fa-red-d);
  text-decoration-color: var(--fa-red-d);
}

.flames-article .fa-prose ul,
.flames-article .fa-prose ol {
  padding-left: 1.375rem;
  margin-bottom: 1.5rem;
}

.flames-article .fa-prose li {
  margin-bottom: .5rem;
  padding-left: .25rem;
}

.flames-article .fa-prose ul li::marker { color: var(--fa-red); }
.flames-article .fa-prose ol li::marker { color: var(--fa-red); font-weight: 700; }

.flames-article .fa-prose strong {
  font-weight: 700;
  color: var(--fa-dark);
}

.flames-article .fa-prose hr {
  border: none;
  height: 1px;
  background: var(--fa-border);
  margin: 2.5rem 0;
}

.flames-article .fa-prose figure {
  margin: 2rem 0;
}

.flames-article .fa-prose figure img {
  width: 100%;
  height: auto;
  border-radius: var(--fa-radius);
  display: block;
}

.flames-article .fa-prose figcaption {
  margin-top: .5rem;
  font-size: .825rem;
  color: var(--fa-muted2);
  text-align: center;
  font-style: italic;
}

.flames-article .fa-prose blockquote {
  margin: 2rem 0;
  padding: 1.5rem 1.75rem 1.5rem 1.5rem;
  background: var(--fa-offwhite);
  border-left: 3px solid var(--fa-red);
  border-radius: 0 var(--fa-radius) var(--fa-radius) 0;
}

.flames-article .fa-prose blockquote p {
  font-size: 1.0625rem;
  font-weight: 600;
  color: var(--fa-dark);
  font-style: italic;
  margin-bottom: .5rem;
  line-height: 1.6;
}

.flames-article .fa-prose blockquote cite {
  font-size: .8rem;
  font-weight: 700;
  color: var(--fa-red);
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: .08em;
}

/* ---- CALLOUT BOXES ---- */
.flames-article .fa-callout {
  border-radius: var(--fa-radius);
  padding: 1.375rem 1.625rem;
  margin: 2rem 0;
  position: relative;
  overflow: hidden;
}

.flames-article .fa-callout__label {
  display: flex;
  align-items: center;
  gap: .5rem;
  font-size: .7rem;
  font-weight: 800;
  letter-spacing: .13em;
  text-transform: uppercase;
  margin-bottom: .625rem;
}

.flames-article .fa-callout__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.375rem;
  height: 1.375rem;
  border-radius: 5px;
  flex-shrink: 0;
}

.flames-article .fa-callout p {
  font-size: .9625rem;
  line-height: 1.7;
  margin: 0;
}

/* Key Takeaway — gold */
.flames-article .fa-callout--takeaway {
  background: rgba(249,192,49,.08);
  border: 1.5px solid rgba(249,192,49,.38);
}

.flames-article .fa-callout--takeaway::before {
  content: '';
  position: absolute;
  left: 0; top: 0;
  width: 3px; height: 100%;
  background: var(--fa-gold);
  border-radius: var(--fa-radius) 0 0 var(--fa-radius);
}

.flames-article .fa-callout--takeaway .fa-callout__label { color: #8a5e00; }
.flames-article .fa-callout--takeaway .fa-callout__icon  { background: var(--fa-gold); color: var(--fa-dark); }
.flames-article .fa-callout--takeaway p                  { color: var(--fa-dark); font-weight: 500; }

/* Coach's Note — red */
.flames-article .fa-callout--coach {
  background: rgba(165,45,53,.05);
  border: 1.5px solid rgba(165,45,53,.22);
}

.flames-article .fa-callout--coach::before {
  content: '';
  position: absolute;
  left: 0; top: 0;
  width: 3px; height: 100%;
  background: var(--fa-red);
  border-radius: var(--fa-radius) 0 0 var(--fa-radius);
}

.flames-article .fa-callout--coach .fa-callout__label { color: var(--fa-red-d); }
.flames-article .fa-callout--coach .fa-callout__icon  { background: var(--fa-red); color: var(--fa-light); }
.flames-article .fa-callout--coach p                  { color: #2e2022; }

/* Player Challenge — dark */
.flames-article .fa-callout--challenge {
  background: var(--fa-dark);
  border: 1.5px solid rgba(249,192,49,.28);
}

.flames-article .fa-callout--challenge::before {
  content: '';
  position: absolute;
  left: 0; top: 0;
  width: 3px; height: 100%;
  background: var(--fa-gold);
  border-radius: var(--fa-radius) 0 0 var(--fa-radius);
}

.flames-article .fa-callout--challenge .fa-callout__label { color: var(--fa-gold); }
.flames-article .fa-callout--challenge .fa-callout__icon  { background: rgba(249,192,49,.18); color: var(--fa-gold); }
.flames-article .fa-callout--challenge p                  { color: rgba(255,255,255,.8); }

/* ---- KEYWORDS / TAGS ---- */
.flames-article .fa-tags {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .5rem;
  margin-top: 3rem;
  padding-top: 2rem;
  border-top: 1px solid var(--fa-border);
}

.flames-article .fa-tags__label {
  font-size: .75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .1em;
  color: var(--fa-muted2);
  margin-right: .25rem;
}

.flames-article .fa-tag {
  display: inline-flex;
  align-items: center;
  background: var(--fa-offwhite);
  border: 1px solid var(--fa-border);
  color: var(--fa-muted);
  font-size: .8rem;
  font-weight: 600;
  padding: .3rem .875rem;
  border-radius: 100px;
  text-decoration: none;
  transition: background var(--fa-ease), color var(--fa-ease), border-color var(--fa-ease);
}

.flames-article .fa-tag:hover {
  background: var(--fa-red);
  border-color: var(--fa-red);
  color: var(--fa-light);
  text-decoration: none;
}

/* ---- MOBILE ---- */
@media (max-width: 575.98px) {
  .flames-article .fa-wrap { padding: 2rem 1rem 3rem; }
  .flames-article .fa-title { font-size: 1.875rem; }
}

@media (prefers-reduced-motion: reduce) {
  .flames-article *, .flames-article *::before, .flames-article *::after {
    transition-duration: .01ms !important;
  }
}
/* ============================================================
   FLAMES BLOG FEED PAGE
   Scope: .flames-feed-page
   ============================================================ */

.flames-feed-page {
  --ffp-red:      #a52d35;
  --ffp-gold:     #f9c031;
  --ffp-dark:     #1a1617;
  --ffp-border:   #ede8e9;
  --ffp-offwhite: #faf8f8;
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
  -webkit-font-smoothing: antialiased;
}

/* ---- PAGE HEADER ---- */
.flames-feed-page .ffp-header {
  background: var(--ffp-dark);
  padding: 4rem 0 3.5rem;
  text-align: center;
  position: relative;
  overflow: hidden;
}

.flames-feed-page .ffp-header::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(165,45,53,.35) 0%, transparent 60%);
  pointer-events: none;
}

.flames-feed-page .ffp-header__inner {
  position: relative;
  z-index: 1;
}

.flames-feed-page .ffp-header__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  background: rgba(249,192,49,.15);
  border: 1px solid rgba(249,192,49,.35);
  color: var(--ffp-gold);
  font-size: .7rem;
  font-weight: 700;
  letter-spacing: .13em;
  text-transform: uppercase;
  padding: .3rem .9rem;
  border-radius: 100px;
  margin-bottom: 1.125rem;
}

.flames-feed-page .ffp-header__title {
  font-size: clamp(1.875rem, 4vw, 3rem);
  font-weight: 900;
  color: #ffffff;
  letter-spacing: -.025em;
  line-height: 1.1;
  margin-bottom: .875rem;
}

.flames-feed-page .ffp-header__sub {
  font-size: 1.0625rem;
  color: rgba(255,255,255,.62);
  margin: 0 auto;
  max-width: 480px;
  line-height: 1.6;
}

/* ---- FEED AREA ---- */
.flames-feed-page .ffp-feed {
  background: var(--ffp-offwhite);
  padding: 3.5rem 0 5rem;
}

/* ============================================================
   CLEVELAND FLAMES — PARENT RESOURCES PAGE
   Scope: .flames-parent-page  |  Prefix: fpr-
   ============================================================ */

/* --- DESIGN TOKENS --- */
.flames-parent-page {
  --fpr-red:         #a52d35;
  --fpr-red-d:       #7e2029;
  --fpr-red-xd:      #5a1620;
  --fpr-gold:        #f9c031;
  --fpr-gold-d:      #d9a41a;
  --fpr-dark:        #1a1617;
  --fpr-dark2:       #231e1f;
  --fpr-muted:       #6b6366;
  --fpr-muted2:      #9e979a;
  --fpr-light:       #ffffff;
  --fpr-offwhite:    #faf8f8;
  --fpr-border:      #ede8e9;
  --fpr-body-clr:    #3d3639;
  --fpr-radius:      12px;
  --fpr-radius-lg:   18px;
  --fpr-radius-pill: 100px;
  --fpr-shadow:      0 4px 24px rgba(26,22,23,.08);
  --fpr-shadow-h:    0 10px 40px rgba(165,45,53,.16);
  --fpr-ease:        0.28s cubic-bezier(.4,0,.2,1);
  --fpr-hero-img:    url('https://clevelandtnsoccer.com/wp-content/uploads/revslider/home-4/h4-slide-3-background.jpg');
}

/* --- BASE --- */
.flames-parent-page *,
.flames-parent-page *::before,
.flames-parent-page *::after { box-sizing: border-box; }

.flames-parent-page {
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
  color: var(--fpr-body-clr);
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
}

.flames-parent-page a:focus-visible,
.flames-parent-page button:focus-visible {
  outline: 3px solid var(--fpr-gold);
  outline-offset: 3px;
  border-radius: 4px;
}

/* ============================================================
   BUTTONS
   ============================================================ */
.flames-parent-page .fpr-btn-primary {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  background: var(--fpr-red);
  color: var(--fpr-light);
  font-weight: 700;
  font-size: .9375rem;
  padding: .8125rem 1.875rem;
  border-radius: var(--fpr-radius-pill);
  text-decoration: none;
  border: 2px solid var(--fpr-red);
  transition: background var(--fpr-ease), transform var(--fpr-ease), box-shadow var(--fpr-ease);
}
.flames-parent-page .fpr-btn-primary:hover {
  background: var(--fpr-red-d);
  border-color: var(--fpr-red-d);
  color: var(--fpr-light);
  transform: translateY(-2px);
  box-shadow: 0 8px 28px rgba(165,45,53,.42);
  text-decoration: none;
}

.flames-parent-page .fpr-btn-ghost {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  background: rgba(255,255,255,.12);
  color: var(--fpr-light);
  font-weight: 700;
  font-size: .9375rem;
  padding: .8125rem 1.875rem;
  border-radius: var(--fpr-radius-pill);
  text-decoration: none;
  border: 2px solid rgba(255,255,255,.45);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  transition: background var(--fpr-ease), border-color var(--fpr-ease), transform var(--fpr-ease);
}
.flames-parent-page .fpr-btn-ghost:hover {
  background: rgba(255,255,255,.22);
  border-color: rgba(255,255,255,.8);
  color: var(--fpr-light);
  transform: translateY(-2px);
  text-decoration: none;
}

.flames-parent-page .fpr-btn-outline {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  background: transparent;
  color: var(--fpr-red);
  font-weight: 700;
  font-size: .9375rem;
  padding: .75rem 1.75rem;
  border-radius: var(--fpr-radius-pill);
  text-decoration: none;
  border: 2px solid var(--fpr-red);
  transition: background var(--fpr-ease), color var(--fpr-ease), transform var(--fpr-ease);
}
.flames-parent-page .fpr-btn-outline:hover {
  background: var(--fpr-red);
  color: var(--fpr-light);
  transform: translateY(-2px);
  text-decoration: none;
}

.flames-parent-page .fpr-btn-gold {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  background: var(--fpr-gold);
  color: var(--fpr-dark);
  font-weight: 800;
  font-size: .9375rem;
  padding: .8125rem 1.875rem;
  border-radius: var(--fpr-radius-pill);
  text-decoration: none;
  border: 2px solid var(--fpr-gold);
  transition: background var(--fpr-ease), transform var(--fpr-ease), box-shadow var(--fpr-ease);
}
.flames-parent-page .fpr-btn-gold:hover {
  background: var(--fpr-gold-d);
  border-color: var(--fpr-gold-d);
  color: var(--fpr-dark);
  transform: translateY(-2px);
  box-shadow: 0 8px 28px rgba(249,192,49,.4);
  text-decoration: none;
}

/* ============================================================
   SHARED SECTION HELPERS
   ============================================================ */
.flames-parent-page .fpr-section        { padding: 5rem 0; }
.flames-parent-page .fpr-section--lg    { padding: 6.5rem 0; }
.flames-parent-page .fpr-section--sm    { padding: 3.5rem 0; }

.flames-parent-page .fpr-section--dark {
  background: var(--fpr-dark);
  color: var(--fpr-light);
  position: relative;
  overflow: hidden;
}
.flames-parent-page .fpr-section--dark2 {
  background: var(--fpr-dark2);
  color: var(--fpr-light);
  position: relative;
  overflow: hidden;
}
.flames-parent-page .fpr-section--offwhite { background: var(--fpr-offwhite); }
.flames-parent-page .fpr-section--red {
  background: var(--fpr-red);
  color: var(--fpr-light);
  position: relative;
  overflow: hidden;
}

/* Decorative blobs */
.flames-parent-page .fpr-section--dark::before,
.flames-parent-page .fpr-section--dark2::before {
  content: '';
  position: absolute;
  width: 600px; height: 600px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(165,45,53,.13) 0%, transparent 70%);
  top: -200px; right: -150px;
  pointer-events: none;
}
.flames-parent-page .fpr-section--dark::after,
.flames-parent-page .fpr-section--dark2::after {
  content: '';
  position: absolute;
  width: 380px; height: 380px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(249,192,49,.07) 0%, transparent 70%);
  bottom: -100px; left: -80px;
  pointer-events: none;
}

/* Section label */
.flames-parent-page .fpr-label {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  font-size: .75rem;
  font-weight: 700;
  letter-spacing: .13em;
  text-transform: uppercase;
  color: var(--fpr-red);
  margin-bottom: .875rem;
}
.flames-parent-page .fpr-section--dark .fpr-label,
.flames-parent-page .fpr-section--dark2 .fpr-label,
.flames-parent-page .fpr-section--red .fpr-label  { color: var(--fpr-gold); }
.flames-parent-page .fpr-label::before {
  content: '';
  display: block;
  width: 1.25rem; height: 2px;
  background: currentColor;
  border-radius: 2px;
}

.flames-parent-page .fpr-heading {
  font-size: clamp(1.75rem, 3.5vw, 2.75rem);
  font-weight: 900;
  line-height: 1.1;
  letter-spacing: -.025em;
  color: var(--fpr-dark);
  margin-bottom: 1rem;
}
.flames-parent-page .fpr-section--dark  .fpr-heading,
.flames-parent-page .fpr-section--dark2 .fpr-heading,
.flames-parent-page .fpr-section--red   .fpr-heading { color: var(--fpr-light); }

.flames-parent-page .fpr-subhead {
  font-size: 1.0625rem;
  color: var(--fpr-muted);
  max-width: 640px;
  line-height: 1.65;
  margin-bottom: 0;
}
.flames-parent-page .fpr-section--dark  .fpr-subhead,
.flames-parent-page .fpr-section--dark2 .fpr-subhead,
.flames-parent-page .fpr-section--red   .fpr-subhead { color: rgba(255,255,255,.72); }

.flames-parent-page .fpr-rule {
  width: 3rem; height: 3px;
  background: linear-gradient(to right, var(--fpr-red), var(--fpr-gold));
  border-radius: 2px;
  border: none;
  margin: 1rem 0 1.5rem;
}

/* ============================================================
   SECTION 1 — HERO
   ============================================================ */
.flames-parent-page .fpr-hero {
  position: relative;
  background-image: var(--fpr-hero-img);
  background-size: cover;
  background-position: center 30%;
  background-attachment: fixed;
  min-height: 100vh;
  min-height: 100svh;
  display: flex;
  align-items: center;
  color: var(--fpr-light);
  overflow: hidden;
}
.flames-parent-page .fpr-hero__overlay {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(to bottom, rgba(26,22,23,.65) 0%, rgba(26,22,23,.12) 28%, rgba(165,45,53,.52) 68%, rgba(165,45,53,.9) 100%),
    linear-gradient(135deg, rgba(26,22,23,.7) 0%, rgba(165,45,53,.35) 100%);
  z-index: 1;
}
.flames-parent-page .fpr-hero__content {
  position: relative;
  z-index: 2;
  padding: 7rem 0 5rem;
}
.flames-parent-page .fpr-hero__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  background: rgba(249,192,49,.18);
  border: 1px solid rgba(249,192,49,.42);
  color: var(--fpr-gold);
  font-size: .78rem;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  padding: .35rem 1rem;
  border-radius: var(--fpr-radius-pill);
  margin-bottom: 1.5rem;
}
.flames-parent-page .fpr-hero__title {
  font-size: clamp(2.25rem, 5.5vw, 4rem);
  font-weight: 900;
  line-height: 1.07;
  letter-spacing: -.025em;
  margin-bottom: .875rem;
}
.flames-parent-page .fpr-hero__title span { color: var(--fpr-gold); }

.flames-parent-page .fpr-hero__subtitle {
  font-size: clamp(1.0625rem, 2vw, 1.25rem);
  color: rgba(255,255,255,.78);
  font-weight: 500;
  margin-bottom: 1.5rem;
  letter-spacing: -.01em;
}
.flames-parent-page .fpr-hero__body {
  font-size: 1rem;
  color: rgba(255,255,255,.75);
  line-height: 1.75;
  margin-bottom: 2.25rem;
}
.flames-parent-page .fpr-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: .875rem;
}
.flames-parent-page .fpr-hero__scroll {
  position: absolute;
  bottom: 2rem; left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: .375rem;
  color: rgba(255,255,255,.5);
  font-size: .68rem;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.flames-parent-page .fpr-hero__scroll-line {
  width: 1px; height: 2.5rem;
  background: linear-gradient(to bottom, rgba(255,255,255,.5), transparent);
}

@media (max-width: 991.98px) {
  .flames-parent-page .fpr-hero { background-attachment: scroll; }
}

/* ============================================================
   SECTION 2 — UNDERSTANDING COMPETITIVE SOCCER
   Feature cards
   ============================================================ */
.flames-parent-page .fpr-feature-card {
  background: var(--fpr-light);
  border: 1px solid var(--fpr-border);
  border-radius: var(--fpr-radius-lg);
  padding: 2rem 1.75rem;
  height: 100%;
  text-align: center;
  transition: transform var(--fpr-ease), box-shadow var(--fpr-ease), border-color var(--fpr-ease);
}
.flames-parent-page .fpr-feature-card:hover {
  transform: translateY(-5px);
  box-shadow: var(--fpr-shadow-h);
  border-color: rgba(165,45,53,.2);
}
.flames-parent-page .fpr-feature-card__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.25rem; height: 3.25rem;
  border-radius: 50%;
  background: rgba(165,45,53,.08);
  color: var(--fpr-red);
  margin: 0 auto 1.125rem;
}
.flames-parent-page .fpr-feature-card__title {
  font-size: 1.0625rem;
  font-weight: 800;
  color: var(--fpr-dark);
  margin-bottom: .5rem;
}
.flames-parent-page .fpr-feature-card__body {
  font-size: .9375rem;
  color: var(--fpr-muted);
  line-height: 1.65;
  margin: 0;
}
.flames-parent-page .fpr-feature-card__accent {
  display: block;
  width: 2rem; height: 2px;
  background: var(--fpr-gold);
  border-radius: 2px;
  margin: 1rem auto 0;
}

/* Section body copy */
.flames-parent-page .fpr-body-copy {
  font-size: 1.0375rem;
  color: var(--fpr-body-clr);
  line-height: 1.8;
}
.flames-parent-page .fpr-section--dark .fpr-body-copy,
.flames-parent-page .fpr-section--dark2 .fpr-body-copy {
  color: rgba(255,255,255,.75);
}

/* ============================================================
   SECTION 3 — DEVELOPMENT PHILOSOPHY
   ============================================================ */
.flames-parent-page .fpr-philosophy-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: .625rem;
}
.flames-parent-page .fpr-philosophy-list li {
  display: flex;
  align-items: center;
  gap: .75rem;
  font-size: 1rem;
  color: rgba(255,255,255,.82);
  font-weight: 500;
}
.flames-parent-page .fpr-philosophy-list li svg {
  color: var(--fpr-gold);
  flex-shrink: 0;
}

.flames-parent-page .fpr-phil-quote {
  background: rgba(255,255,255,.06);
  border-left: 4px solid var(--fpr-gold);
  border-radius: 0 var(--fpr-radius-lg) var(--fpr-radius-lg) 0;
  padding: 2rem 2rem 2rem 1.75rem;
  margin: 0;
  position: relative;
}
.flames-parent-page .fpr-phil-quote::before {
  content: '\201C';
  position: absolute;
  top: -.75rem; left: 1.25rem;
  font-size: 5rem;
  font-weight: 900;
  color: var(--fpr-gold);
  opacity: .3;
  line-height: 1;
  pointer-events: none;
}
.flames-parent-page .fpr-phil-quote__text {
  font-size: clamp(1.0625rem, 2vw, 1.3125rem);
  font-weight: 700;
  line-height: 1.55;
  color: var(--fpr-light);
  font-style: italic;
  margin: 0;
}

/* ============================================================
   SECTION 4 — PATHWAY CARDS
   ============================================================ */
.flames-parent-page .fpr-pathway-card {
  background: var(--fpr-light);
  border: 1px solid var(--fpr-border);
  border-radius: var(--fpr-radius-lg);
  padding: 2rem 1.75rem;
  height: 100%;
  position: relative;
  overflow: hidden;
  transition: transform var(--fpr-ease), box-shadow var(--fpr-ease);
}
.flames-parent-page .fpr-pathway-card::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
  background: linear-gradient(to right, var(--fpr-red), var(--fpr-gold));
  border-radius: var(--fpr-radius-lg) var(--fpr-radius-lg) 0 0;
}
.flames-parent-page .fpr-pathway-card:hover {
  transform: translateY(-5px);
  box-shadow: var(--fpr-shadow-h);
}
.flames-parent-page .fpr-pathway-card__num {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem; height: 2.5rem;
  border-radius: 50%;
  background: var(--fpr-red);
  color: var(--fpr-light);
  font-size: .875rem;
  font-weight: 900;
  margin-bottom: 1.125rem;
  box-shadow: 0 0 0 4px rgba(165,45,53,.18);
}
.flames-parent-page .fpr-pathway-card__age {
  font-size: .7rem;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--fpr-red);
  margin-bottom: .375rem;
}
.flames-parent-page .fpr-pathway-card__title {
  font-size: 1.125rem;
  font-weight: 900;
  color: var(--fpr-dark);
  margin-bottom: .625rem;
  line-height: 1.25;
}
.flames-parent-page .fpr-pathway-card__phase {
  display: inline-block;
  font-size: .7125rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  background: rgba(165,45,53,.08);
  color: var(--fpr-red-d);
  padding: .25rem .75rem;
  border-radius: var(--fpr-radius-pill);
  margin-bottom: .875rem;
}
.flames-parent-page .fpr-pathway-card__body {
  font-size: .9375rem;
  color: var(--fpr-muted);
  line-height: 1.65;
  margin: 0;
}

/* ============================================================
   SECTION 5 — EXPECTATIONS
   ============================================================ */
.flames-parent-page .fpr-expect-card {
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.1);
  border-radius: var(--fpr-radius-lg);
  padding: 1.75rem 1.5rem;
  height: 100%;
  transition: background var(--fpr-ease), border-color var(--fpr-ease), transform var(--fpr-ease);
}
.flames-parent-page .fpr-expect-card:hover {
  background: rgba(255,255,255,.09);
  border-color: rgba(249,192,49,.3);
  transform: translateY(-3px);
}
.flames-parent-page .fpr-expect-card__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.875rem; height: 2.875rem;
  border-radius: var(--fpr-radius);
  background: rgba(165,45,53,.25);
  color: var(--fpr-gold);
  margin-bottom: 1rem;
}
.flames-parent-page .fpr-expect-card__title {
  font-size: 1rem;
  font-weight: 800;
  color: var(--fpr-light);
  margin-bottom: .5rem;
  line-height: 1.3;
}
.flames-parent-page .fpr-expect-card__body {
  font-size: .9rem;
  color: rgba(255,255,255,.65);
  line-height: 1.65;
  margin: 0;
}

/* ============================================================
   SECTION 6 — PLAYING TIME
   ============================================================ */
.flames-parent-page .fpr-playtime-note {
  display: flex;
  align-items: center;
  gap: 1rem;
  background: rgba(249,192,49,.1);
  border: 1.5px solid rgba(249,192,49,.35);
  border-radius: var(--fpr-radius-lg);
  padding: 1.375rem 1.75rem;
  margin-top: 2rem;
}
.flames-parent-page .fpr-playtime-note__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem; height: 2.5rem;
  border-radius: 50%;
  background: var(--fpr-gold);
  color: var(--fpr-dark);
  flex-shrink: 0;
}
.flames-parent-page .fpr-playtime-note__text {
  font-size: 1.0625rem;
  font-weight: 700;
  color: var(--fpr-dark);
  margin: 0;
  line-height: 1.45;
}

/* ============================================================
   SECTION 7 — HOW PARENTS CAN HELP
   ============================================================ */
.flames-parent-page .fpr-help-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: .75rem;
}
.flames-parent-page .fpr-help-list li {
  display: flex;
  align-items: flex-start;
  gap: .875rem;
  font-size: 1.0125rem;
  color: var(--fpr-body-clr);
  line-height: 1.6;
}
.flames-parent-page .fpr-help-list li svg {
  color: var(--fpr-red);
  flex-shrink: 0;
  margin-top: .2rem;
}

.flames-parent-page .fpr-car-callout {
  background: var(--fpr-dark);
  border-radius: var(--fpr-radius-lg);
  padding: 2rem 2.25rem;
  display: flex;
  align-items: flex-start;
  gap: 1.25rem;
  margin-top: 2.5rem;
  position: relative;
  overflow: hidden;
}
.flames-parent-page .fpr-car-callout::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(165,45,53,.2) 0%, transparent 60%);
  pointer-events: none;
}
.flames-parent-page .fpr-car-callout__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3rem; height: 3rem;
  border-radius: 50%;
  background: var(--fpr-gold);
  color: var(--fpr-dark);
  flex-shrink: 0;
  position: relative;
  z-index: 1;
}
.flames-parent-page .fpr-car-callout__inner {
  position: relative;
  z-index: 1;
}
.flames-parent-page .fpr-car-callout__label {
  font-size: .7rem;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--fpr-gold);
  margin-bottom: .375rem;
}
.flames-parent-page .fpr-car-callout__text {
  font-size: 1.1875rem;
  font-weight: 800;
  color: var(--fpr-light);
  line-height: 1.4;
  margin: 0;
}

/* ============================================================
   SECTION 8 — FAQ
   Bootstrap 5 Accordion overrides
   ============================================================ */
.flames-parent-page .fpr-faq .accordion-item {
  border: 1px solid var(--fpr-border) !important;
  border-radius: var(--fpr-radius) !important;
  margin-bottom: .625rem;
  overflow: hidden;
  box-shadow: var(--fpr-shadow);
}
.flames-parent-page .fpr-faq .accordion-item:last-child { margin-bottom: 0; }
.flames-parent-page .fpr-faq .accordion-button {
  font-size: 1rem;
  font-weight: 700;
  color: var(--fpr-dark);
  background: var(--fpr-light);
  padding: 1.25rem 1.5rem;
  line-height: 1.4;
}
.flames-parent-page .fpr-faq .accordion-button:not(.collapsed) {
  background: var(--fpr-red);
  color: var(--fpr-light);
  box-shadow: none !important;
}
.flames-parent-page .fpr-faq .accordion-button:not(.collapsed)::after {
  filter: brightness(0) invert(1);
}
.flames-parent-page .fpr-faq .accordion-button:focus {
  box-shadow: none;
  border-color: transparent;
}
.flames-parent-page .fpr-faq .accordion-button::after {
  flex-shrink: 0;
}
.flames-parent-page .fpr-faq .accordion-body {
  font-size: .9875rem;
  color: var(--fpr-body-clr);
  line-height: 1.8;
  padding: 1.375rem 1.5rem 1.5rem;
  background: var(--fpr-offwhite);
}
.flames-parent-page .fpr-faq .accordion-body p { margin-bottom: .875rem; }
.flames-parent-page .fpr-faq .accordion-body p:last-child { margin-bottom: 0; }
.flames-parent-page .fpr-faq .accordion-body ul {
  padding-left: 1.375rem;
  margin-bottom: .875rem;
}
.flames-parent-page .fpr-faq .accordion-body li {
  margin-bottom: .4rem;
}
.flames-parent-page .fpr-faq .accordion-body li::marker { color: var(--fpr-red); }

/* ============================================================
   SECTION 9 — WHY CLEVELAND FLAMES
   ============================================================ */
.flames-parent-page .fpr-bullet-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: .75rem;
}
.flames-parent-page .fpr-bullet-list li {
  display: flex;
  align-items: center;
  gap: .875rem;
  font-size: 1rem;
  font-weight: 600;
  color: var(--fpr-body-clr);
  line-height: 1.5;
}
.flames-parent-page .fpr-bullet-check {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.625rem; height: 1.625rem;
  border-radius: 50%;
  background: rgba(165,45,53,.1);
  color: var(--fpr-red);
  flex-shrink: 0;
}

.flames-parent-page .fpr-why-visual {
  background: var(--fpr-dark2);
  border-radius: var(--fpr-radius-lg);
  padding: 2.5rem 2rem;
  position: relative;
  overflow: hidden;
  height: 100%;
  min-height: 340px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.flames-parent-page .fpr-why-visual::before {
  content: '';
  position: absolute;
  width: 350px; height: 350px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(165,45,53,.22) 0%, transparent 70%);
  top: -100px; right: -80px;
  pointer-events: none;
}
.flames-parent-page .fpr-why-visual__stat {
  text-align: center;
  padding: 1.5rem 1rem;
  border-bottom: 1px solid rgba(255,255,255,.08);
}
.flames-parent-page .fpr-why-visual__stat:last-child { border-bottom: none; }
.flames-parent-page .fpr-why-visual__num {
  font-size: 2.625rem;
  font-weight: 900;
  color: var(--fpr-gold);
  letter-spacing: -.03em;
  line-height: 1;
  margin-bottom: .375rem;
}
.flames-parent-page .fpr-why-visual__desc {
  font-size: .875rem;
  color: rgba(255,255,255,.62);
  line-height: 1.4;
  margin: 0;
}

/* ============================================================
   SECTION 10 — FINAL CTA
   ============================================================ */
.flames-parent-page .fpr-cta {
  background: linear-gradient(135deg, var(--fpr-red-xd) 0%, var(--fpr-red) 55%, var(--fpr-red-d) 100%);
  color: var(--fpr-light);
  padding: 6rem 0;
  position: relative;
  overflow: hidden;
}
.flames-parent-page .fpr-cta::before {
  content: '';
  position: absolute;
  width: 700px; height: 700px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(249,192,49,.14) 0%, transparent 65%);
  top: -300px; right: -200px;
  pointer-events: none;
}
.flames-parent-page .fpr-cta::after {
  content: '';
  position: absolute;
  width: 400px; height: 400px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255,255,255,.06) 0%, transparent 70%);
  bottom: -150px; left: -100px;
  pointer-events: none;
}
.flames-parent-page .fpr-cta__inner {
  position: relative;
  z-index: 1;
  text-align: center;
  max-width: 680px;
  margin: 0 auto;
}
.flames-parent-page .fpr-cta__title {
  font-size: clamp(2rem, 4.5vw, 3.25rem);
  font-weight: 900;
  color: var(--fpr-light);
  letter-spacing: -.025em;
  line-height: 1.08;
  margin-bottom: 1.125rem;
}
.flames-parent-page .fpr-cta__body {
  font-size: 1.0625rem;
  color: rgba(255,255,255,.8);
  line-height: 1.7;
  margin-bottom: 2.25rem;
}
.flames-parent-page .fpr-cta__actions {
  display: flex;
  flex-wrap: wrap;
  gap: .875rem;
  justify-content: center;
}

/* ============================================================
   MOBILE
   ============================================================ */
@media (max-width: 767.98px) {
  .flames-parent-page .fpr-section     { padding: 3.5rem 0; }
  .flames-parent-page .fpr-section--lg { padding: 4.5rem 0; }
  .flames-parent-page .fpr-hero__content { padding: 6rem 0 4rem; }
  .flames-parent-page .fpr-cta  { padding: 4rem 0; }
  .flames-parent-page .fpr-car-callout { flex-direction: column; }
}

@media (prefers-reduced-motion: reduce) {
  .flames-parent-page *,
  .flames-parent-page *::before,
  .flames-parent-page *::after {
    animation-duration: .01ms !important;
    transition-duration: .01ms !important;
  }
  .flames-parent-page .fpr-hero { background-attachment: scroll; }
}

/* ============================================================
   CLEVELAND FLAMES — TEAM MANAGER PAGE
   Scope: .flames-team-manager-page  |  Prefix: ftm-
   ============================================================ */

.flames-team-manager-page {
  --ftm-red:         #a52d35;
  --ftm-red-d:       #7e2029;
  --ftm-red-xd:      #5a1620;
  --ftm-gold:        #f9c031;
  --ftm-gold-d:      #d9a41a;
  --ftm-dark:        #1a1617;
  --ftm-dark2:       #231e1f;
  --ftm-muted:       #6b6366;
  --ftm-muted2:      #9e979a;
  --ftm-light:       #ffffff;
  --ftm-offwhite:    #faf8f8;
  --ftm-border:      #ede8e9;
  --ftm-body-clr:    #3d3639;
  --ftm-radius:      12px;
  --ftm-radius-lg:   18px;
  --ftm-radius-pill: 100px;
  --ftm-shadow:      0 4px 24px rgba(26,22,23,.08);
  --ftm-shadow-h:    0 10px 40px rgba(165,45,53,.16);
  --ftm-ease:        0.28s cubic-bezier(.4,0,.2,1);
  --ftm-hero-img:    url('https://clevelandtnsoccer.com/wp-content/uploads/revslider/home-4/h4-slide-3-background.jpg');
}

.flames-team-manager-page *,
.flames-team-manager-page *::before,
.flames-team-manager-page *::after { box-sizing: border-box; }

.flames-team-manager-page {
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
  color: var(--ftm-body-clr);
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
}

.flames-team-manager-page a:focus-visible,
.flames-team-manager-page button:focus-visible {
  outline: 3px solid var(--ftm-gold);
  outline-offset: 3px;
  border-radius: 4px;
}

/* ---- BUTTONS ---- */
.flames-team-manager-page .ftm-btn-primary {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  background: var(--ftm-red);
  color: var(--ftm-light);
  font-weight: 700;
  font-size: .9375rem;
  padding: .8125rem 1.875rem;
  border-radius: var(--ftm-radius-pill);
  text-decoration: none;
  border: 2px solid var(--ftm-red);
  transition: background var(--ftm-ease), transform var(--ftm-ease), box-shadow var(--ftm-ease);
}
.flames-team-manager-page .ftm-btn-primary:hover {
  background: var(--ftm-red-d);
  border-color: var(--ftm-red-d);
  color: var(--ftm-light);
  transform: translateY(-2px);
  box-shadow: 0 8px 28px rgba(165,45,53,.42);
  text-decoration: none;
}

.flames-team-manager-page .ftm-btn-ghost {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  background: rgba(255,255,255,.12);
  color: var(--ftm-light);
  font-weight: 700;
  font-size: .9375rem;
  padding: .8125rem 1.875rem;
  border-radius: var(--ftm-radius-pill);
  text-decoration: none;
  border: 2px solid rgba(255,255,255,.45);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  transition: background var(--ftm-ease), border-color var(--ftm-ease), transform var(--ftm-ease);
}
.flames-team-manager-page .ftm-btn-ghost:hover {
  background: rgba(255,255,255,.22);
  border-color: rgba(255,255,255,.8);
  color: var(--ftm-light);
  transform: translateY(-2px);
  text-decoration: none;
}

.flames-team-manager-page .ftm-btn-outline {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  background: transparent;
  color: var(--ftm-red);
  font-weight: 700;
  font-size: .9375rem;
  padding: .75rem 1.75rem;
  border-radius: var(--ftm-radius-pill);
  text-decoration: none;
  border: 2px solid var(--ftm-red);
  transition: background var(--ftm-ease), color var(--ftm-ease), transform var(--ftm-ease);
}
.flames-team-manager-page .ftm-btn-outline:hover {
  background: var(--ftm-red);
  color: var(--ftm-light);
  transform: translateY(-2px);
  text-decoration: none;
}

/* ---- SHARED SECTION HELPERS ---- */
.flames-team-manager-page .ftm-section        { padding: 5rem 0; }
.flames-team-manager-page .ftm-section--offwhite { background: var(--ftm-offwhite); }
.flames-team-manager-page .ftm-section--dark {
  background: var(--ftm-dark);
  color: var(--ftm-light);
  position: relative;
  overflow: hidden;
}
.flames-team-manager-page .ftm-section--dark::before {
  content: '';
  position: absolute;
  width: 500px; height: 500px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(165,45,53,.14) 0%, transparent 70%);
  top: -180px; right: -120px;
  pointer-events: none;
}
.flames-team-manager-page .ftm-section--dark::after {
  content: '';
  position: absolute;
  width: 320px; height: 320px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(249,192,49,.07) 0%, transparent 70%);
  bottom: -80px; left: -60px;
  pointer-events: none;
}

.flames-team-manager-page .ftm-label {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  font-size: .75rem;
  font-weight: 700;
  letter-spacing: .13em;
  text-transform: uppercase;
  color: var(--ftm-red);
  margin-bottom: .875rem;
}
.flames-team-manager-page .ftm-section--dark .ftm-label { color: var(--ftm-gold); }
.flames-team-manager-page .ftm-label::before {
  content: '';
  display: block;
  width: 1.25rem; height: 2px;
  background: currentColor;
  border-radius: 2px;
}

.flames-team-manager-page .ftm-heading {
  font-size: clamp(1.75rem, 3.5vw, 2.625rem);
  font-weight: 900;
  line-height: 1.12;
  letter-spacing: -.025em;
  color: var(--ftm-dark);
  margin-bottom: 1rem;
}
.flames-team-manager-page .ftm-section--dark .ftm-heading { color: var(--ftm-light); }

.flames-team-manager-page .ftm-subhead {
  font-size: 1.0625rem;
  color: var(--ftm-muted);
  line-height: 1.7;
  margin-bottom: 0;
}
.flames-team-manager-page .ftm-section--dark .ftm-subhead { color: rgba(255,255,255,.7); }

.flames-team-manager-page .ftm-rule {
  width: 3rem; height: 3px;
  background: linear-gradient(to right, var(--ftm-red), var(--ftm-gold));
  border-radius: 2px;
  border: none;
  margin: 1rem 0 1.5rem;
}

.flames-team-manager-page .ftm-body-copy {
  font-size: 1.0375rem;
  color: var(--ftm-body-clr);
  line-height: 1.8;
  margin-bottom: 1.25rem;
}
.flames-team-manager-page .ftm-section--dark .ftm-body-copy { color: rgba(255,255,255,.72); }

/* ============================================================
   SECTION 1 — HERO
   ============================================================ */
.flames-team-manager-page .ftm-hero {
  position: relative;
  background-image: var(--ftm-hero-img);
  background-size: cover;
  background-position: center 30%;
  background-attachment: fixed;
  min-height: 88vh;
  min-height: 88svh;
  display: flex;
  align-items: center;
  color: var(--ftm-light);
  overflow: hidden;
}
.flames-team-manager-page .ftm-hero__overlay {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(to bottom, rgba(26,22,23,.65) 0%, rgba(26,22,23,.1) 28%, rgba(165,45,53,.5) 68%, rgba(165,45,53,.9) 100%),
    linear-gradient(135deg, rgba(26,22,23,.7) 0%, rgba(165,45,53,.32) 100%);
  z-index: 1;
}
.flames-team-manager-page .ftm-hero__content {
  position: relative;
  z-index: 2;
  padding: 7rem 0 5rem;
}
.flames-team-manager-page .ftm-hero__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  background: rgba(249,192,49,.18);
  border: 1px solid rgba(249,192,49,.42);
  color: var(--ftm-gold);
  font-size: .78rem;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  padding: .33rem .95rem;
  border-radius: var(--ftm-radius-pill);
  margin-bottom: 1.375rem;
}
.flames-team-manager-page .ftm-hero__title {
  font-size: clamp(2.125rem, 5vw, 3.75rem);
  font-weight: 900;
  line-height: 1.08;
  letter-spacing: -.025em;
  margin-bottom: .875rem;
}
.flames-team-manager-page .ftm-hero__title span { color: var(--ftm-gold); }
.flames-team-manager-page .ftm-hero__subtitle {
  font-size: clamp(1rem, 1.75vw, 1.1875rem);
  color: rgba(255,255,255,.75);
  font-weight: 500;
  margin-bottom: 1.5rem;
}
.flames-team-manager-page .ftm-hero__body {
  font-size: .9875rem;
  color: rgba(255,255,255,.72);
  line-height: 1.8;
  margin-bottom: 2.25rem;
}

@media (max-width: 991.98px) {
  .flames-team-manager-page .ftm-hero { background-attachment: scroll; }
}

/* ============================================================
   SECTION 2 — FEATURE CARDS
   ============================================================ */
.flames-team-manager-page .ftm-card {
  background: var(--ftm-light);
  border: 1px solid var(--ftm-border);
  border-radius: var(--ftm-radius-lg);
  padding: 2rem 1.75rem;
  height: 100%;
  position: relative;
  overflow: hidden;
  transition: transform var(--ftm-ease), box-shadow var(--ftm-ease), border-color var(--ftm-ease);
}
.flames-team-manager-page .ftm-card::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
  background: linear-gradient(to right, var(--ftm-red), var(--ftm-gold));
  border-radius: var(--ftm-radius-lg) var(--ftm-radius-lg) 0 0;
}
.flames-team-manager-page .ftm-card:hover {
  transform: translateY(-5px);
  box-shadow: var(--ftm-shadow-h);
  border-color: rgba(165,45,53,.18);
}
.flames-team-manager-page .ftm-card__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3rem; height: 3rem;
  border-radius: var(--ftm-radius);
  background: rgba(165,45,53,.08);
  color: var(--ftm-red);
  margin-bottom: 1.125rem;
}
.flames-team-manager-page .ftm-card__title {
  font-size: 1.0625rem;
  font-weight: 800;
  color: var(--ftm-dark);
  margin-bottom: .5rem;
  line-height: 1.3;
}
.flames-team-manager-page .ftm-card__body {
  font-size: .9375rem;
  color: var(--ftm-muted);
  line-height: 1.65;
  margin: 0;
}

/* ============================================================
   SECTION 3 — PARTNERSHIP NOTE
   ============================================================ */
.flames-team-manager-page .ftm-note {
  display: flex;
  align-items: center;
  gap: 1rem;
  background: rgba(249,192,49,.1);
  border: 1.5px solid rgba(249,192,49,.38);
  border-radius: var(--ftm-radius-lg);
  padding: 1.375rem 1.75rem;
  margin-top: 2rem;
}
.flames-team-manager-page .ftm-note__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem; height: 2.5rem;
  border-radius: 50%;
  background: var(--ftm-gold);
  color: var(--ftm-dark);
  flex-shrink: 0;
}
.flames-team-manager-page .ftm-note__text {
  font-size: 1.0375rem;
  font-weight: 700;
  color: var(--ftm-dark);
  margin: 0;
  line-height: 1.45;
}

/* ============================================================
   SECTION 4 — ICON FEATURES
   ============================================================ */
.flames-team-manager-page .ftm-icon-feature {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 2rem 1.5rem;
  height: 100%;
}
.flames-team-manager-page .ftm-icon-feature__circle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4rem; height: 4rem;
  border-radius: 50%;
  background: rgba(255,255,255,.07);
  border: 1.5px solid rgba(249,192,49,.3);
  color: var(--ftm-gold);
  margin-bottom: 1.25rem;
  transition: background var(--ftm-ease), border-color var(--ftm-ease);
}
.flames-team-manager-page .ftm-icon-feature:hover .ftm-icon-feature__circle {
  background: rgba(165,45,53,.25);
  border-color: rgba(249,192,49,.6);
}
.flames-team-manager-page .ftm-icon-feature__title {
  font-size: 1.0625rem;
  font-weight: 800;
  color: var(--ftm-light);
  line-height: 1.3;
  margin: 0;
}

/* ============================================================
   SECTION 5 — VOLUNTEER CTA
   ============================================================ */
.flames-team-manager-page .ftm-cta {
  background: linear-gradient(135deg, var(--ftm-red-xd) 0%, var(--ftm-red) 55%, var(--ftm-red-d) 100%);
  color: var(--ftm-light);
  padding: 5.5rem 0;
  position: relative;
  overflow: hidden;
}
.flames-team-manager-page .ftm-cta::before {
  content: '';
  position: absolute;
  width: 600px; height: 600px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(249,192,49,.13) 0%, transparent 65%);
  top: -280px; right: -180px;
  pointer-events: none;
}
.flames-team-manager-page .ftm-cta::after {
  content: '';
  position: absolute;
  width: 350px; height: 350px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255,255,255,.06) 0%, transparent 70%);
  bottom: -130px; left: -80px;
  pointer-events: none;
}
.flames-team-manager-page .ftm-cta__inner {
  position: relative;
  z-index: 1;
  text-align: center;
  max-width: 640px;
  margin: 0 auto;
}
.flames-team-manager-page .ftm-cta__title {
  font-size: clamp(1.875rem, 4vw, 2.875rem);
  font-weight: 900;
  color: var(--ftm-light);
  letter-spacing: -.025em;
  line-height: 1.1;
  margin-bottom: 1rem;
}
.flames-team-manager-page .ftm-cta__body {
  font-size: 1.0375rem;
  color: rgba(255,255,255,.78);
  line-height: 1.75;
  margin-bottom: 2rem;
}

/* ---- MOBILE ---- */
@media (max-width: 767.98px) {
  .flames-team-manager-page .ftm-section { padding: 3.5rem 0; }
  .flames-team-manager-page .ftm-hero__content { padding: 6rem 0 4rem; }
  .flames-team-manager-page .ftm-cta { padding: 4rem 0; }
  .flames-team-manager-page .ftm-note { flex-direction: column; text-align: center; }
}

@media (prefers-reduced-motion: reduce) {
  .flames-team-manager-page *,
  .flames-team-manager-page *::before,
  .flames-team-manager-page *::after {
    transition-duration: .01ms !important;
  }
  .flames-team-manager-page .ftm-hero { background-attachment: scroll; }
}

/* ============================================================
   CLEVELAND FLAMES — COACHING PAGE
   Scope: .flames-coaching-page  |  Prefix: fcp-
   ============================================================ */

.flames-coaching-page {
  --fcp-red:         #a52d35;
  --fcp-red-d:       #7e2029;
  --fcp-red-xd:      #5a1620;
  --fcp-gold:        #f9c031;
  --fcp-gold-d:      #d9a41a;
  --fcp-dark:        #1a1617;
  --fcp-dark2:       #231e1f;
  --fcp-muted:       #6b6366;
  --fcp-muted2:      #9e979a;
  --fcp-light:       #ffffff;
  --fcp-offwhite:    #faf8f8;
  --fcp-border:      #ede8e9;
  --fcp-body-clr:    #3d3639;
  --fcp-radius:      12px;
  --fcp-radius-lg:   18px;
  --fcp-radius-pill: 100px;
  --fcp-shadow:      0 4px 24px rgba(26,22,23,.08);
  --fcp-shadow-h:    0 10px 40px rgba(165,45,53,.16);
  --fcp-ease:        0.28s cubic-bezier(.4,0,.2,1);
  --fcp-hero-img:    url('https://clevelandtnsoccer.com/wp-content/uploads/revslider/home-4/h4-slide-3-background.jpg');
}

.flames-coaching-page *,
.flames-coaching-page *::before,
.flames-coaching-page *::after { box-sizing: border-box; }

.flames-coaching-page {
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
  color: var(--fcp-body-clr);
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
}

.flames-coaching-page a:focus-visible,
.flames-coaching-page button:focus-visible {
  outline: 3px solid var(--fcp-gold);
  outline-offset: 3px;
  border-radius: 4px;
}

/* ---- BUTTONS ---- */
.flames-coaching-page .fcp-btn-primary {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  background: var(--fcp-red);
  color: var(--fcp-light);
  font-weight: 700;
  font-size: .9375rem;
  padding: .8125rem 1.875rem;
  border-radius: var(--fcp-radius-pill);
  text-decoration: none;
  border: 2px solid var(--fcp-red);
  transition: background var(--fcp-ease), transform var(--fcp-ease), box-shadow var(--fcp-ease);
}
.flames-coaching-page .fcp-btn-primary:hover {
  background: var(--fcp-red-d);
  border-color: var(--fcp-red-d);
  color: var(--fcp-light);
  transform: translateY(-2px);
  box-shadow: 0 8px 28px rgba(165,45,53,.42);
  text-decoration: none;
}

.flames-coaching-page .fcp-btn-ghost {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  background: rgba(255,255,255,.12);
  color: var(--fcp-light);
  font-weight: 700;
  font-size: .9375rem;
  padding: .8125rem 1.875rem;
  border-radius: var(--fcp-radius-pill);
  text-decoration: none;
  border: 2px solid rgba(255,255,255,.45);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  transition: background var(--fcp-ease), border-color var(--fcp-ease), transform var(--fcp-ease);
}
.flames-coaching-page .fcp-btn-ghost:hover {
  background: rgba(255,255,255,.22);
  border-color: rgba(255,255,255,.8);
  color: var(--fcp-light);
  transform: translateY(-2px);
  text-decoration: none;
}

.flames-coaching-page .fcp-btn-gold {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  background: var(--fcp-gold);
  color: var(--fcp-dark);
  font-weight: 800;
  font-size: .9375rem;
  padding: .8125rem 1.875rem;
  border-radius: var(--fcp-radius-pill);
  text-decoration: none;
  border: 2px solid var(--fcp-gold);
  transition: background var(--fcp-ease), transform var(--fcp-ease), box-shadow var(--fcp-ease);
}
.flames-coaching-page .fcp-btn-gold:hover {
  background: var(--fcp-gold-d);
  border-color: var(--fcp-gold-d);
  color: var(--fcp-dark);
  transform: translateY(-2px);
  box-shadow: 0 8px 28px rgba(249,192,49,.4);
  text-decoration: none;
}

.flames-coaching-page .fcp-btn-outline {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  background: transparent;
  color: var(--fcp-red);
  font-weight: 700;
  font-size: .9375rem;
  padding: .75rem 1.75rem;
  border-radius: var(--fcp-radius-pill);
  text-decoration: none;
  border: 2px solid var(--fcp-red);
  transition: background var(--fcp-ease), color var(--fcp-ease), transform var(--fcp-ease);
}
.flames-coaching-page .fcp-btn-outline:hover {
  background: var(--fcp-red);
  color: var(--fcp-light);
  transform: translateY(-2px);
  text-decoration: none;
}

/* ---- SHARED SECTION HELPERS ---- */
.flames-coaching-page .fcp-section        { padding: 5rem 0; }
.flames-coaching-page .fcp-section--lg    { padding: 6.5rem 0; }
.flames-coaching-page .fcp-section--offwhite { background: var(--fcp-offwhite); }

.flames-coaching-page .fcp-section--dark {
  background: var(--fcp-dark);
  color: var(--fcp-light);
  position: relative;
  overflow: hidden;
}
.flames-coaching-page .fcp-section--dark2 {
  background: var(--fcp-dark2);
  color: var(--fcp-light);
  position: relative;
  overflow: hidden;
}
.flames-coaching-page .fcp-section--dark::before,
.flames-coaching-page .fcp-section--dark2::before {
  content: '';
  position: absolute;
  width: 580px; height: 580px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(165,45,53,.14) 0%, transparent 70%);
  top: -200px; right: -140px;
  pointer-events: none;
}
.flames-coaching-page .fcp-section--dark::after,
.flames-coaching-page .fcp-section--dark2::after {
  content: '';
  position: absolute;
  width: 360px; height: 360px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(249,192,49,.07) 0%, transparent 70%);
  bottom: -90px; left: -70px;
  pointer-events: none;
}

.flames-coaching-page .fcp-label {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  font-size: .75rem;
  font-weight: 700;
  letter-spacing: .13em;
  text-transform: uppercase;
  color: var(--fcp-red);
  margin-bottom: .875rem;
}
.flames-coaching-page .fcp-section--dark  .fcp-label,
.flames-coaching-page .fcp-section--dark2 .fcp-label { color: var(--fcp-gold); }
.flames-coaching-page .fcp-label::before {
  content: '';
  display: block;
  width: 1.25rem; height: 2px;
  background: currentColor;
  border-radius: 2px;
}

.flames-coaching-page .fcp-heading {
  font-size: clamp(1.75rem, 3.5vw, 2.75rem);
  font-weight: 900;
  line-height: 1.1;
  letter-spacing: -.025em;
  color: var(--fcp-dark);
  margin-bottom: 1rem;
}
.flames-coaching-page .fcp-section--dark  .fcp-heading,
.flames-coaching-page .fcp-section--dark2 .fcp-heading { color: var(--fcp-light); }

.flames-coaching-page .fcp-subhead {
  font-size: 1.0625rem;
  color: var(--fcp-muted);
  line-height: 1.65;
  margin-bottom: 0;
}
.flames-coaching-page .fcp-section--dark  .fcp-subhead,
.flames-coaching-page .fcp-section--dark2 .fcp-subhead { color: rgba(255,255,255,.7); }

.flames-coaching-page .fcp-rule {
  width: 3rem; height: 3px;
  background: linear-gradient(to right, var(--fcp-red), var(--fcp-gold));
  border-radius: 2px;
  border: none;
  margin: 1rem 0 1.5rem;
}

.flames-coaching-page .fcp-body-copy {
  font-size: 1.0375rem;
  color: var(--fcp-body-clr);
  line-height: 1.8;
  margin-bottom: 1.25rem;
}
.flames-coaching-page .fcp-section--dark  .fcp-body-copy,
.flames-coaching-page .fcp-section--dark2 .fcp-body-copy { color: rgba(255,255,255,.72); }
.flames-coaching-page .fcp-body-copy:last-child { margin-bottom: 0; }

/* ============================================================
   SECTION 1 — HERO
   ============================================================ */
.flames-coaching-page .fcp-hero {
  position: relative;
  background-image: var(--fcp-hero-img);
  background-size: cover;
  background-position: center 30%;
  background-attachment: fixed;
  min-height: 92vh;
  min-height: 92svh;
  display: flex;
  align-items: center;
  color: var(--fcp-light);
  overflow: hidden;
}
.flames-coaching-page .fcp-hero__overlay {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(to bottom, rgba(26,22,23,.65) 0%, rgba(26,22,23,.1) 28%, rgba(165,45,53,.52) 68%, rgba(165,45,53,.9) 100%),
    linear-gradient(135deg, rgba(26,22,23,.7) 0%, rgba(165,45,53,.32) 100%);
  z-index: 1;
}
.flames-coaching-page .fcp-hero__content {
  position: relative;
  z-index: 2;
  padding: 7rem 0 5rem;
}
.flames-coaching-page .fcp-hero__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  background: rgba(249,192,49,.18);
  border: 1px solid rgba(249,192,49,.42);
  color: var(--fcp-gold);
  font-size: .78rem;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  padding: .33rem .95rem;
  border-radius: var(--fcp-radius-pill);
  margin-bottom: 1.375rem;
}
.flames-coaching-page .fcp-hero__title {
  font-size: clamp(2.125rem, 5vw, 3.875rem);
  font-weight: 900;
  line-height: 1.07;
  letter-spacing: -.028em;
  margin-bottom: .875rem;
}
.flames-coaching-page .fcp-hero__title span { color: var(--fcp-gold); }
.flames-coaching-page .fcp-hero__subtitle {
  font-size: clamp(1rem, 1.75vw, 1.1875rem);
  color: rgba(255,255,255,.78);
  font-weight: 500;
  margin-bottom: 1.625rem;
  line-height: 1.55;
}
.flames-coaching-page .fcp-hero__body {
  font-size: .9875rem;
  color: rgba(255,255,255,.72);
  line-height: 1.8;
  margin-bottom: 2.25rem;
}

@media (max-width: 991.98px) {
  .flames-coaching-page .fcp-hero { background-attachment: scroll; }
}

/* ============================================================
   SECTION 2 — PHILOSOPHY CARDS
   ============================================================ */
.flames-coaching-page .fcp-phil-card {
  background: var(--fcp-light);
  border: 1px solid var(--fcp-border);
  border-radius: var(--fcp-radius-lg);
  padding: 2rem 1.75rem;
  height: 100%;
  position: relative;
  overflow: hidden;
  transition: transform var(--fcp-ease), box-shadow var(--fcp-ease), border-color var(--fcp-ease);
}
.flames-coaching-page .fcp-phil-card::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
  background: linear-gradient(to right, var(--fcp-red), var(--fcp-gold));
  border-radius: var(--fcp-radius-lg) var(--fcp-radius-lg) 0 0;
}
.flames-coaching-page .fcp-phil-card:hover {
  transform: translateY(-5px);
  box-shadow: var(--fcp-shadow-h);
  border-color: rgba(165,45,53,.2);
}
.flames-coaching-page .fcp-phil-card__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3rem; height: 3rem;
  border-radius: var(--fcp-radius);
  background: rgba(165,45,53,.08);
  color: var(--fcp-red);
  margin-bottom: 1.125rem;
}
.flames-coaching-page .fcp-phil-card__title {
  font-size: 1.0625rem;
  font-weight: 800;
  color: var(--fcp-dark);
  margin-bottom: .5rem;
  line-height: 1.3;
}
.flames-coaching-page .fcp-phil-card__body {
  font-size: .9375rem;
  color: var(--fcp-muted);
  line-height: 1.65;
  margin: 0;
}
.flames-coaching-page .fcp-phil-card__accent {
  display: block;
  width: 2rem; height: 2px;
  background: var(--fcp-gold);
  border-radius: 2px;
  margin-top: 1.125rem;
}

/* ============================================================
   SECTION 3 — ENVIRONMENT ICON GRID
   ============================================================ */
.flames-coaching-page .fcp-env-card {
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.09);
  border-radius: var(--fcp-radius-lg);
  padding: 1.875rem 1.5rem;
  text-align: center;
  height: 100%;
  transition: background var(--fcp-ease), border-color var(--fcp-ease), transform var(--fcp-ease);
}
.flames-coaching-page .fcp-env-card:hover {
  background: rgba(255,255,255,.1);
  border-color: rgba(249,192,49,.3);
  transform: translateY(-4px);
}
.flames-coaching-page .fcp-env-card__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.5rem; height: 3.5rem;
  border-radius: 50%;
  background: rgba(165,45,53,.22);
  border: 1.5px solid rgba(249,192,49,.25);
  color: var(--fcp-gold);
  margin: 0 auto 1.125rem;
  transition: background var(--fcp-ease), border-color var(--fcp-ease);
}
.flames-coaching-page .fcp-env-card:hover .fcp-env-card__icon {
  background: rgba(165,45,53,.38);
  border-color: rgba(249,192,49,.5);
}
.flames-coaching-page .fcp-env-card__title {
  font-size: .9875rem;
  font-weight: 800;
  color: var(--fcp-light);
  line-height: 1.3;
  margin: 0;
}

/* ============================================================
   SECTION 4 — DEVELOPMENT COLUMNS
   ============================================================ */
.flames-coaching-page .fcp-dev-col {
  background: var(--fcp-light);
  border: 1px solid var(--fcp-border);
  border-radius: var(--fcp-radius-lg);
  padding: 2.25rem 2rem;
  height: 100%;
  position: relative;
  overflow: hidden;
  transition: transform var(--fcp-ease), box-shadow var(--fcp-ease);
}
.flames-coaching-page .fcp-dev-col:hover {
  transform: translateY(-4px);
  box-shadow: var(--fcp-shadow-h);
}
.flames-coaching-page .fcp-dev-col__num {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.375rem; height: 2.375rem;
  border-radius: 50%;
  background: var(--fcp-red);
  color: var(--fcp-light);
  font-size: .8125rem;
  font-weight: 900;
  margin-bottom: 1.25rem;
  box-shadow: 0 0 0 4px rgba(165,45,53,.15);
}
.flames-coaching-page .fcp-dev-col__title {
  font-size: 1.1875rem;
  font-weight: 900;
  color: var(--fcp-dark);
  margin-bottom: .75rem;
  line-height: 1.25;
}
.flames-coaching-page .fcp-dev-col__body {
  font-size: .9375rem;
  color: var(--fcp-muted);
  line-height: 1.72;
  margin: 0;
}
.flames-coaching-page .fcp-dev-col__bar {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 3px;
  background: linear-gradient(to right, var(--fcp-red), var(--fcp-gold));
  border-radius: var(--fcp-radius-lg) var(--fcp-radius-lg) 0 0;
}

/* ============================================================
   SECTION 5 — PATHWAY CARDS
   ============================================================ */
.flames-coaching-page .fcp-pathway-card {
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.1);
  border-radius: var(--fcp-radius-lg);
  padding: 2rem 1.75rem;
  height: 100%;
  transition: background var(--fcp-ease), border-color var(--fcp-ease), transform var(--fcp-ease);
}
.flames-coaching-page .fcp-pathway-card:hover {
  background: rgba(255,255,255,.1);
  border-color: rgba(249,192,49,.28);
  transform: translateY(-4px);
}
.flames-coaching-page .fcp-pathway-card__num {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.375rem; height: 2.375rem;
  border-radius: 50%;
  background: var(--fcp-red);
  color: var(--fcp-light);
  font-size: .8125rem;
  font-weight: 900;
  margin-bottom: .875rem;
  box-shadow: 0 0 0 4px rgba(165,45,53,.2);
}
.flames-coaching-page .fcp-pathway-card__age {
  font-size: .7rem;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--fcp-gold);
  margin-bottom: .35rem;
}
.flames-coaching-page .fcp-pathway-card__title {
  font-size: 1.0625rem;
  font-weight: 900;
  color: var(--fcp-light);
  margin-bottom: .25rem;
  line-height: 1.25;
}
.flames-coaching-page .fcp-pathway-card__phase {
  display: inline-block;
  font-size: .6875rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  background: rgba(165,45,53,.28);
  color: rgba(255,255,255,.72);
  padding: .22rem .75rem;
  border-radius: var(--fcp-radius-pill);
  margin-bottom: .875rem;
  border: 1px solid rgba(165,45,53,.4);
}
.flames-coaching-page .fcp-pathway-card__body {
  font-size: .9125rem;
  color: rgba(255,255,255,.65);
  line-height: 1.65;
  margin: 0;
}

/* ============================================================
   SECTION 6 — BEYOND THE CLUB / QUOTE
   ============================================================ */
.flames-coaching-page .fcp-beyond-quote {
  background: rgba(255,255,255,.06);
  border-left: 4px solid var(--fcp-gold);
  border-radius: 0 var(--fcp-radius-lg) var(--fcp-radius-lg) 0;
  padding: 2rem 2rem 2rem 1.875rem;
  margin-top: 2.5rem;
  position: relative;
}
.flames-coaching-page .fcp-beyond-quote::before {
  content: '\201C';
  position: absolute;
  top: -.625rem; left: 1.375rem;
  font-size: 4.5rem;
  font-weight: 900;
  color: var(--fcp-gold);
  opacity: .28;
  line-height: 1;
  pointer-events: none;
}
.flames-coaching-page .fcp-beyond-quote__text {
  font-size: clamp(1.0625rem, 2vw, 1.3rem);
  font-weight: 700;
  color: var(--fcp-light);
  font-style: italic;
  line-height: 1.55;
  margin: 0;
}

/* ============================================================
   SECTION 7 — COACH DEVELOPMENT MINI CARDS
   ============================================================ */
.flames-coaching-page .fcp-mini-card {
  background: var(--fcp-light);
  border: 1px solid var(--fcp-border);
  border-radius: var(--fcp-radius);
  padding: 1.5rem 1.5rem 1.5rem 1.25rem;
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  height: 100%;
  transition: transform var(--fcp-ease), box-shadow var(--fcp-ease), border-color var(--fcp-ease);
}
.flames-coaching-page .fcp-mini-card:hover {
  transform: translateY(-3px);
  box-shadow: var(--fcp-shadow-h);
  border-color: rgba(165,45,53,.2);
}
.flames-coaching-page .fcp-mini-card__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.625rem; height: 2.625rem;
  border-radius: var(--fcp-radius);
  background: rgba(165,45,53,.08);
  color: var(--fcp-red);
  flex-shrink: 0;
}
.flames-coaching-page .fcp-mini-card__title {
  font-size: 1rem;
  font-weight: 800;
  color: var(--fcp-dark);
  line-height: 1.3;
  margin-bottom: .35rem;
}
.flames-coaching-page .fcp-mini-card__body {
  font-size: .875rem;
  color: var(--fcp-muted);
  line-height: 1.6;
  margin: 0;
}

/* ============================================================
   SECTION 8 — FINAL CTA
   ============================================================ */
.flames-coaching-page .fcp-cta {
  background: linear-gradient(135deg, var(--fcp-red-xd) 0%, var(--fcp-red) 55%, var(--fcp-red-d) 100%);
  color: var(--fcp-light);
  padding: 6rem 0;
  position: relative;
  overflow: hidden;
}
.flames-coaching-page .fcp-cta::before {
  content: '';
  position: absolute;
  width: 650px; height: 650px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(249,192,49,.14) 0%, transparent 65%);
  top: -280px; right: -180px;
  pointer-events: none;
}
.flames-coaching-page .fcp-cta::after {
  content: '';
  position: absolute;
  width: 380px; height: 380px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255,255,255,.06) 0%, transparent 70%);
  bottom: -130px; left: -80px;
  pointer-events: none;
}
.flames-coaching-page .fcp-cta__inner {
  position: relative;
  z-index: 1;
  text-align: center;
  max-width: 660px;
  margin: 0 auto;
}
.flames-coaching-page .fcp-cta__title {
  font-size: clamp(1.875rem, 4vw, 3rem);
  font-weight: 900;
  color: var(--fcp-light);
  letter-spacing: -.025em;
  line-height: 1.1;
  margin-bottom: 1rem;
}
.flames-coaching-page .fcp-cta__body {
  font-size: 1.0375rem;
  color: rgba(255,255,255,.78);
  line-height: 1.72;
  margin-bottom: 2.25rem;
}
.flames-coaching-page .fcp-cta__actions {
  display: flex;
  flex-wrap: wrap;
  gap: .875rem;
  justify-content: center;
}

/* ---- MOBILE ---- */
@media (max-width: 767.98px) {
  .flames-coaching-page .fcp-section     { padding: 3.5rem 0; }
  .flames-coaching-page .fcp-section--lg { padding: 4.5rem 0; }
  .flames-coaching-page .fcp-hero__content { padding: 6rem 0 4rem; }
  .flames-coaching-page .fcp-cta { padding: 4rem 0; }
}

@media (prefers-reduced-motion: reduce) {
  .flames-coaching-page *,
  .flames-coaching-page *::before,
  .flames-coaching-page *::after {
    transition-duration: .01ms !important;
  }
  .flames-coaching-page .fcp-hero { background-attachment: scroll; }
}