:root {
			--nuggets-navy: #0e2240;
			--nuggets-blue: #1d428a;
			--nuggets-red: #8a2432;
			--nuggets-gold: #fec524;
			--page-light: #f4f6f8;
			--white: #ffffff;
		}


		/* =====================================================
		   PAGE BASICS
		====================================================== */

		body {
			background-color: #ffffff;
		}


		.average-joes-page {
			overflow-x: hidden;
		}


		/* =====================================================
		   HERO
		====================================================== */

		.average-joes-hero {
			margin-top: 1px;
			margin-bottom: 0;
		}


		.average-joes-hero img {
			display: block;
			width: 100%;
			height: auto;
		}


		/* =====================================================
		   INTRO
		====================================================== */

		.audition-intro {
			padding: 55px 20px 45px;
			background-color: #ffffff;
		}


		.audition-intro-inner {
			max-width: 950px;
			margin: 0 auto;
			text-align: center;
		}


		.audition-eyebrow {
			margin-bottom: 10px;
			color: var(--nuggets-red);
			font-size: 0.95rem;
			font-weight: 800;
			letter-spacing: 0.09em;
			text-transform: uppercase;
		}


		.audition-intro h1 {
			margin-bottom: 18px;
			color: var(--nuggets-navy);
			font-size: clamp(2.2rem, 5vw, 4rem);
			line-height: 1.05;
			font-weight: 900;
		}


		.audition-intro .lead {
			max-width: 780px;
			margin: 0 auto 25px;
			color: #3d4650;
			font-size: 1.15rem;
			line-height: 1.65;
		}


		.coming-soon-button {
			display: inline-block;
			padding: 12px 28px;
			background-color: var(--nuggets-red);
			border: 2px solid var(--nuggets-red);
			border-radius: 6px;
			color: #ffffff !important;
			font-size: 1.05rem;
			font-weight: 700;
			text-decoration: none !important;
			cursor: default;
		}


		/* =====================================================
		   SECTION WRAPPERS
		====================================================== */

		.audition-details-section {
			padding: 55px 20px 65px;
			background-color: var(--page-light);
		}


		.section-heading {
			margin-bottom: 35px;
			text-align: center;
		}


		.section-heading h2 {
			margin-bottom: 8px;
			color: var(--nuggets-navy);
			font-size: clamp(1.8rem, 4vw, 2.7rem);
			font-weight: 900;
		}


		.section-heading p {
			max-width: 720px;
			margin: 0 auto;
			color: #5d6570;
			font-size: 1.05rem;
		}


		/* =====================================================
		   DATE / LOCATION CARDS
		====================================================== */

		.audition-card {
			height: 100%;
			overflow: hidden;
			border: 0;
			border-radius: 12px;
			box-shadow: 0 8px 24px rgba(14, 34, 64, 0.14);
		}


		.audition-card .card-body {
			padding: 28px;
		}


		.audition-card-label {
			display: inline-block;
			margin-bottom: 12px;
			padding: 5px 10px;
			background-color: var(--nuggets-gold);
			border-radius: 4px;
			color: var(--nuggets-navy);
			font-size: 0.8rem;
			font-weight: 900;
			letter-spacing: 0.06em;
			text-transform: uppercase;
		}


		.audition-card h3 {
			margin-bottom: 12px;
			color: #ffffff;
			font-size: 1.65rem;
			font-weight: 800;
		}


		.audition-card p {
			margin: 0 0 10px;
			color: #ffffff;
			font-size: 1rem;
			line-height: 1.5;
		}


		.audition-card .date-line {
			margin-bottom: 5px;
			font-size: 1.15rem;
			font-weight: 800;
		}


		.audition-card .time-line {
			margin-bottom: 20px;
			color: var(--nuggets-gold);
			font-size: 1.1rem;
			font-weight: 800;
		}


		/* =====================================================
		   WHAT TO EXPECT
		====================================================== */

		.what-to-expect {
			padding: 65px 20px;
			background-color: #ffffff;
		}


		.content-panel {
			max-width: 1050px;
			margin: 0 auto;
			padding: 35px;
			border-left: 6px solid var(--nuggets-gold);
			border-radius: 10px;
			background-color: var(--nuggets-navy);
			box-shadow: 0 8px 24px rgba(14, 34, 64, 0.12);
		}


		.content-panel h2 {
			margin-bottom: 18px;
			color: #ffffff;
			font-size: clamp(1.8rem, 4vw, 2.5rem);
			font-weight: 900;
		}


		.content-panel p {
			margin: 0;
			color: #ffffff;
			font-size: 1.08rem;
			line-height: 1.75;
		}


		/* =====================================================
		   REQUIREMENTS
		====================================================== */

		.requirements-section {
			padding: 60px 20px;
			background-color: var(--page-light);
		}


		.requirements-box {
			max-width: 1000px;
			margin: 0 auto;
			padding: 35px;
			background-color: #ffffff;
			border-radius: 12px;
			box-shadow: 0 8px 24px rgba(14, 34, 64, 0.10);
		}


		.requirements-box h2 {
			margin-bottom: 25px;
			color: var(--nuggets-navy);
			font-weight: 900;
		}


		.requirements-list {
			margin: 0;
			padding-left: 1.4rem;
		}


		.requirements-list li {
			margin-bottom: 18px;
			padding-left: 6px;
			color: #343a40;
			font-size: 1.05rem;
			line-height: 1.65;
		}


		.requirements-list li:last-child {
			margin-bottom: 0;
		}


		/* =====================================================
		   REGISTRATION CTA
		====================================================== */

		.registration-section {
			padding: 55px 20px;
			background-color: var(--nuggets-gold);
			text-align: center;
		}


		.registration-section h2 {
			margin-bottom: 10px;
			color: var(--nuggets-navy);
			font-size: clamp(2rem, 4vw, 3rem);
			font-weight: 900;
		}


		.registration-section p {
			max-width: 700px;
			margin: 0 auto 22px;
			color: var(--nuggets-navy);
			font-size: 1.1rem;
			font-weight: 600;
		}


		/* =====================================================
		   PRE-AUDITION CLASSES
		====================================================== */

		.pre-audition-section {
			padding: 65px 20px;
			background-color: #ffffff;
		}


		.pre-audition-intro {
			max-width: 900px;
			margin: 0 auto 35px;
			text-align: center;
		}


		.pre-audition-intro h2 {
			margin-bottom: 15px;
			color: var(--nuggets-navy);
			font-size: clamp(2rem, 4vw, 3rem);
			font-weight: 900;
		}


		.pre-audition-intro p {
			color: #495057;
			font-size: 1.1rem;
			line-height: 1.65;
		}


		.class-benefits {
			max-width: 850px;
			margin: 0 auto 40px;
		}


		.class-benefits h3 {
			margin-bottom: 18px;
			color: var(--nuggets-red);
			font-size: 1.35rem;
			font-weight: 800;
			text-align: center;
		}


		.class-benefits ul {
			max-width: 600px;
			margin: 0 auto;
			padding-left: 1.4rem;
		}


		.class-benefits li {
			margin-bottom: 10px;
			font-size: 1.05rem;
			line-height: 1.5;
		}


		/* =====================================================
		   CLASS INFO CARDS
		====================================================== */

		.class-info-card {
			height: 100%;
			padding: 26px;
			border-top: 5px solid var(--nuggets-gold);
			border-radius: 10px;
			background-color: var(--nuggets-navy);
			box-shadow: 0 8px 22px rgba(14, 34, 64, 0.13);
		}


		.class-info-card h3 {
			margin-bottom: 12px;
			color: #ffffff;
			font-size: 1.3rem;
			font-weight: 800;
		}


		.class-info-card p {
			margin: 0;
			color: #ffffff;
			font-size: 1rem;
			line-height: 1.55;
		}


		.class-info-card strong {
			color: var(--nuggets-gold);
		}


		/* =====================================================
		   DISCLAIMER
		====================================================== */

		.audition-disclaimer {
			max-width: 950px;
			margin: 35px auto 0;
			padding: 20px 25px;
			border-radius: 8px;
			background-color: #f3f4f6;
			color: #4b525b;
			font-size: 0.95rem;
			line-height: 1.6;
			font-style: italic;
			text-align: center;
		}


		/* =====================================================
		   MOBILE
		====================================================== */

		@media (max-width: 767.98px) {

			.audition-intro {
				padding: 40px 20px 35px;
			}


			.audition-details-section,
			.what-to-expect,
			.requirements-section,
			.pre-audition-section {
				padding-top: 45px;
				padding-bottom: 45px;
			}


			.content-panel,
			.requirements-box {
				padding: 25px 20px;
			}


			.audition-card .card-body {
				padding: 22px;
			}


			.registration-section {
				padding: 45px 20px;
			}

		}