<?php
$page_title = 'Music Composing Classes - Kalaimagal Music Academy | Composition Course';
$page_description = 'Music composing and arrangement classes at Kalaimagal Music Academy. Learn music composition, arrangement and production in Tiruchengode.';
$page_keywords = 'music composing, music composition classes, learn composing, music arrangement, music production, Tiruchengode';
$page_body_class = 'class-template-default single single-class';
$page_type = 'custom';

$page_styles = <<<'STYLES'
	<style>
		/* --- Global Reset & Variables (Matched from class.php) --- */
		:root {
			--primary-color: #800020;
			/* Burgundy */
			--secondary-color: #ffd700;
			/* Gold */
			--text-color: #555;
			--light-bg: #f9f9f9;
			--white: #ffffff;
			--font-heading: 'Cormorant Garamond', serif;
			--font-body: 'Jost', sans-serif;
			--wp--preset--color--white: #ffffff;
		}

		body {
			font-family: var(--font-body);
			color: var(--text-color);
			background-color: var(--white);
			margin: 0;
			padding: 0;
			overflow-x: hidden;
		}

		h1,
		h2,
		h3,
		h4,
		h5,
		h6 {
			font-family: var(--font-heading);
			color: var(--primary-color);
			font-weight: 700;
		}

		/* Specific Burgundy Heading style */
		.section-heading-burgundy {
			color: var(--primary-color) !important;
		}

		a {
			text-decoration: none;
			transition: 0.3s;
		}

		ul {
			list-style: none;
			padding: 0;
		}

		p {
			line-height: 1.6;
			margin-bottom: 15px;
		}

		.container {
			max-width: 1200px;
			margin: 0 auto;
			padding: 0 20px;
		}

		.section-padding {
			padding: 80px 0;
		}

		.text-center {
			text-align: center;
		}

		/* --- Hero Banner --- */
		.page-banner {
			background-image: url(wp-content/uploads/2024/04/subbanner-1.png);
			background-size: cover;
			background-position: center;
			padding: 140px 0;
			position: relative;
			text-align: center;
			color: var(--white);
		}

		.page-banner::before {
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.7));
			/* Overlay */
		}

		.banner-content {
			position: relative;
			z-index: 1;
		}

		.banner-title {
			font-size: 4.5rem;
			margin-bottom: 15px;
			text-transform: uppercase;
			letter-spacing: 2px;
			color: var(--secondary-color);
			text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
		}

		.breadcrumbs {
			display: flex;
			justify-content: center;
			gap: 15px;
			font-size: 1.2rem;
			font-weight: 500;
		}

		.breadcrumbs a {
			color: var(--white);
		}

		.breadcrumbs a:hover {
			color: var(--secondary-color);
		}

		.breadcrumbs span {
			color: var(--secondary-color);
		}

		/* --- Intro Section --- */
		.intro-section {
			padding: 100px 0;
		}

		.intro-grid {
			display: grid;
			grid-template-columns: 1.2fr 1fr;
			gap: 60px;
			align-items: center;
		}

		.intro-text h5 {
			color: var(--secondary-color);
			text-transform: uppercase;
			letter-spacing: 1px;
			font-size: 1.1rem;
			margin-bottom: 10px;
		}

		.intro-text h2 {
			font-size: 3.2rem;
			margin-bottom: 25px;
			line-height: 1.2;
		}

		.intro-text p {
			font-size: 1.1rem;
			color: #666;
			margin-bottom: 20px;
		}

		.intro-image {
			position: relative;
		}

		.intro-image img {
			width: 100%;
			border-radius: 20px;
			box-shadow: -20px 20px 0 var(--primary-color);
			transition: transform 0.4s;
		}

		.intro-image img:hover {
			transform: translateY(-10px);
		}

		/* --- Features Grid (Accordion Replacement) --- */
		.features-section {
			background-color: var(--light-bg);
			padding: 100px 0;
		}

		.features-grid {
			display: grid;
			grid-template-columns: repeat(3, 1fr);
			gap: 30px;
		}

		.feature-card {
			background: var(--white);
			padding: 50px 30px;
			border-radius: 15px;
			box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03);
			transition: 0.4s;
			position: relative;
			overflow: hidden;
			border-bottom: 4px solid transparent;
			text-align: center;
		}

		.feature-card:hover {
			transform: translateY(-10px);
			box-shadow: 0 20px 40px rgba(128, 0, 32, 0.1);
			border-bottom-color: var(--secondary-color);
		}

		.feature-icon {
			font-size: 3.5rem;
			color: var(--primary-color);
			margin-bottom: 25px;
			transition: 0.3s;
		}

		.feature-card:hover .feature-icon {
			color: var(--secondary-color);
			transform: scale(1.1);
		}

		.feature-card h3 {
			font-size: 1.6rem;
			margin-bottom: 15px;
		}

		/* --- Quote Section --- */
		.quote-section {
			background: linear-gradient(135deg, #800020 0%, #4a0012 100%);
			padding: 100px 0;
			text-align: center;
			color: var(--white);
			position: relative;
		}

		.quote-text h2 {
			color: var(--secondary-color);
			font-size: 2.8rem;
			max-width: 900px;
			margin: 0 auto;
			line-height: 1.4;
			font-family: var(--font-heading);
		}

		.quote-text p {
			font-size: 1.2rem;
			opacity: 0.9;
			margin-top: 20px;
		}

		/* --- Why Choose Us (Clean List Layout) --- */
		.why-choose-section {
			padding: 100px 0;
			background-color: var(--white);
		}

		.why-grid {
			display: grid;
			grid-template-columns: repeat(3, 1fr);
			gap: 40px;
		}

		.why-box {
			text-align: left;
			padding: 20px;
			display: flex;
			align-items: flex-start;
			gap: 20px;
			border: none;
			background: transparent;
			box-shadow: none;
		}

		.why-box:hover {
			transform: translateY(-5px);
			box-shadow: none;
		}

		.why-box::before {
			display: none;
		}

		.why-icon {
			width: 60px;
			height: 60px;
			min-width: 60px;
			/* Prevent shrinking */
			background: transparent;
			border-radius: 50%;
			display: flex;
			align-items: center;
			justify-content: center;
			margin: 0;
			color: var(--primary-color);
			font-size: 2.5rem;
			border: 2px solid var(--primary-color);
			transition: 0.3s;
		}

		.why-box:hover .why-icon {
			background: var(--primary-color);
			color: var(--secondary-color);
			transform: rotate(360deg);
		}

		.why-content {
			flex: 1;
		}

		.why-box h4 {
			font-size: 1.4rem;
			margin-bottom: 10px;
			color: var(--primary-color);
			font-weight: 700;
		}

		.why-box p {
			font-size: 1.05rem;
			color: #555;
			margin: 0;
			line-height: 1.5;
		}

		/* --- Founder Style (Instruments) --- */
		/* Resembling the "Meet Our Founders" section */
		.instruments-section {
			padding: 80px 0;
			background: var(--bg-white);
		}

		.founder-grid {
			display: grid;
			grid-template-columns: repeat(3, 1fr);
			gap: 40px;
			text-align: center;
			margin-top: 50px;
		}

		.instrument-card {
			padding: 20px;
		}

		/* The distinctive circular image style */
		.instrument-img-wrap {
			width: 200px;
			height: 200px;
			margin: 0 auto 25px;
			position: relative;
		}

		.instrument-img-wrap img {
			width: 100%;
			height: 100%;
			border-radius: 50%;
			object-fit: cover;
			border: 5px solid #ffffff;
			/* Inner white border */
			outline: 4px solid var(--primary-color);
			/* Outer Burgundy outline */
			outline-offset: 4px;
			/* Gap between borders */
			transition: 0.3s;
		}

		.instrument-card:hover .instrument-img-wrap img {
			outline-color: var(--secondary-color);
			/* Gold on hover */
			transform: scale(1.05);
		}


		.instrument-card h3 {
			font-size: 1.5rem;
			margin-bottom: 10px;
			color: var(--primary-color);
		}

		.instrument-card p {
			font-size: 0.95rem;
			color: var(--text-color);
		}

		/* Specific override for square image */
		.instrument-img-wrap.square-style img {
			border-radius: 15px !important;
			object-fit: contain !important; /* Prevent cropping */
			background-color: #f9f9f9; /* Optional: light background for transparency */
		}

		/* --- Vision/Mission Style (Benefits) --- */
		.vision-section {
			padding: 80px 0;
			background: var(--bg-light);
		}

		.vision-grid {
			display: grid;
			grid-template-columns: 1fr 1fr;
			/* Like Vision/Mission split */
			gap: 40px;
		}

		.vision-box {
			background: var(--bg-white);
			padding: 40px;
			border-radius: 8px;
			/* Slightly rounded */
			box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
			position: relative;
			overflow: hidden;
			border-top: 4px solid var(--primary-color);
			/* Burgundy top accent */
		}

		.vision-box h3 {
			font-size: 1.8rem;
			margin-bottom: 20px;
			color: var(--primary-color);
			display: flex;
			align-items: center;
			gap: 15px;
		}

		.vision-box h3 i {
			font-size: 1.5rem;
			color: var(--secondary-color);
			/* Gold Icon */
		}

		.vision-list li {
			margin-bottom: 15px;
			padding-left: 25px;
			position: relative;
		}

		.vision-list li::before {
			content: '\f00c';
			/* Check icon */
			font-family: 'Font Awesome 5 Free';
			font-weight: 900;
			color: var(--primary-color);
			position: absolute;
			left: 0;
			top: 2px;
		}

		/* --- Affiliations Style (Curriculum) --- */
		.affiliations-section {
			padding: 80px 0;
			text-align: center;
		}

		.affiliations-grid {
			display: grid;
			grid-template-columns: repeat(4, 1fr);
			/* 4 columns for badges/logos */
			gap: 30px;
			margin-top: 40px;
		}

		.affiliation-item {
			background: var(--bg-white);
			padding: 30px 20px;
			border: 1px solid #eee;
			border-radius: 8px;
			transition: 0.3s;
		}

		.affiliation-item:hover {
			border-color: var(--primary-color);
			transform: translateY(-5px);
			box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
		}

		.affiliation-icon {
			font-size: 2.5rem;
			color: var(--primary-color);
			margin-bottom: 15px;
		}

		.affiliation-item h4 {
			font-size: 1.2rem;
			margin-bottom: 5px;
			color: var(--heading-color);
		}

		.affiliation-item span {
			font-size: 0.9rem;
			color: var(--secondary-color);
			font-weight: 600;
			text-transform: uppercase;
		}

		/* --- Timeline Section --- */
		.timeline-section {
			position: relative;
			padding: 100px 0;
			background: #fff;
		}

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

		.section-heading h2 {
			font-size: 3.5rem;
			margin-bottom: 15px;
		}

		.section-heading p {
			font-size: 1.2rem;
			color: #777;
			max-width: 600px;
			margin: 0 auto;
		}

		.timeline-container {
			position: relative;
			max-width: 1000px;
			margin: 0 auto;
		}

		.timeline-container::after {
			content: '';
			position: absolute;
			width: 4px;
			background: linear-gradient(to bottom, var(--primary-color), var(--secondary-color), var(--primary-color));
			top: 0;
			bottom: 0;
			left: 50%;
			transform: translateX(-50%);
			border-radius: 2px;
		}

		.timeline-row {
			display: flex;
			justify-content: space-between;
			margin-bottom: 50px;
			position: relative;
		}

		.timeline-row:nth-child(even) {
			flex-direction: row-reverse;
		}

		.timeline-content {
			width: 45%;
			background: var(--white);
			padding: 35px;
			border-radius: 12px;
			box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
			position: relative;
			border-left: 5px solid var(--primary-color);
			transition: 0.3s;
		}

		.timeline-content:hover {
			transform: translateY(-5px);
			box-shadow: 0 15px 40px rgba(128, 0, 32, 0.15);
		}

		.timeline-row:nth-child(even) .timeline-content {
			border-left: none;
			border-right: 5px solid var(--primary-color);
			text-align: right;
		}

		.timeline-dot {
			position: absolute;
			left: 50%;
			top: 30px;
			transform: translateX(-50%);
			width: 24px;
			height: 24px;
			background: var(--white);
			border: 5px solid var(--secondary-color);
			border-radius: 50%;
			z-index: 2;
			box-shadow: 0 0 0 5px rgba(255, 215, 0, 0.2);
		}

		.timeline-content h3 {
			color: var(--primary-color);
			font-size: 2rem;
			margin: 0;
		}

		.timeline-content h4 {
			color: var(--secondary-color);
			font-size: 1.1rem;
			text-transform: uppercase;
			margin: 5px 0 15px;
			letter-spacing: 1px;
		}

		/* --- Responsive --- */
		@media (max-width: 992px) {
			.page-banner {
				padding: 100px 0;
			}

			.banner-title {
				font-size: 3rem;
			}

			.intro-grid {
				grid-template-columns: 1fr;
				gap: 40px;
			}

			.features-grid,
			.why-grid,
			.class-grid {
				grid-template-columns: 1fr;
			}

			.timeline-container::after {
				left: 30px;
			}

			.timeline-row,
			.timeline-row:nth-child(even) {
				flex-direction: column;
				padding-left: 70px;
			}

			.timeline-content,
			.timeline-row:nth-child(even) .timeline-content {
				width: 100%;
				text-align: left;
				border-left: 5px solid var(--primary-color);
				border-right: none;
			}

			.timeline-dot {
				left: 30px;
			}

			.founder-grid,
			.vision-grid,
			.affiliations-grid {
				grid-template-columns: 1fr;
			}

			.instrument-img-wrap {
				width: 150px;
				height: 150px;
			}
		}

		/* Style for Genius Start section titles */
		.feature-box-title {
			font-family: "Roboto", Sans-serif;
			font-size: 19px;
			font-weight: 600;
			color: #010101;
			margin-bottom: 10px;
		}

		.feature-box-desc {
			color: #222222;
			font-size: 0.95rem;
			margin: 0;
			line-height: 1.5;
		}

		/* Centered section headings */
		.elementor-heading-container-custom {
			text-align: center;
			margin-bottom: 50px;
		}

		.elementor-heading-container-custom .elementor-heading-title {
			font-family: "Cormorant Garamond", Sans-serif;
			font-size: 48px;
			font-weight: 700;
			line-height: 53px;
			color: #000000;
		}

		/* 2x2 Feature Grid Styling */
		.intro-features-grid {
			display: grid;
			grid-template-columns: 1fr 1fr;
			gap: 30px;
			margin: 0 auto;
		}

		.feature-box-card {
			background-color: #F3EEFC;
			padding: 30px;
			display: flex;
			align-items: center;
			gap: 20px;
		}

		.feature-box-img {
			width: 30%;
			flex-shrink: 0;
		}

		.feature-box-img img {
			width: 100%;
			height: auto;
		}

		@media (max-width: 768px) {
			.intro-features-grid { grid-template-columns: 1fr; }
			.page-banner { padding: 70px 0; }
			.banner-title { font-size: 2.2rem; letter-spacing: 1px; }
			.breadcrumbs { font-size: 1rem; gap: 10px; }
			.intro-section { padding: 60px 0; }
			.intro-text h2 { font-size: 2.2rem; }
			.intro-image img { box-shadow: -8px 8px 0 var(--primary-color); }
			.features-section, .related-classes, .why-choose-section { padding: 60px 0; }
			.feature-card { padding: 35px 20px; }
			.quote-text h2 { font-size: 1.8rem; }
			.founder-grid { grid-template-columns: 1fr; gap: 20px; }
			.instrument-img-wrap { width: 120px; height: 120px; }
			.feature-box-card { flex-direction: column; text-align: center; }
			.feature-box-img { width: 60%; margin: 0 auto; }
		}

		@media (max-width: 576px) {
			.page-banner { padding: 50px 0; }
			.banner-title { font-size: 1.6rem; letter-spacing: 0; }
			.breadcrumbs { font-size: 0.85rem; }
			.intro-section { padding: 35px 0; }
			.intro-text h5 { font-size: 0.9rem; }
			.intro-text h2 { font-size: 1.6rem; margin-bottom: 12px; }
			.intro-text p { font-size: 0.95rem; }
			.intro-image img { box-shadow: -5px 5px 0 var(--primary-color); border-radius: 12px; }
			.features-section, .related-classes, .why-choose-section, .quote-section { padding: 35px 0; }
			.feature-card { padding: 25px 15px; }
			.feature-card h3 { font-size: 1.2rem; }
			.quote-text h2 { font-size: 1.4rem; line-height: 1.3; }
			.why-box { padding: 20px 12px; }
			.why-icon { width: 60px; height: 60px; font-size: 1.5rem; }
			.instrument-img-wrap { width: 100px; height: 100px; }
			.vision-grid, .affiliations-grid { gap: 15px; }
			.container { padding: 0 12px; }
			.section-padding { padding: 40px 0; }
			.class-body { padding: 15px; }
			.class-body h4 { font-size: 1.1rem; }
			.elementor-heading-container-custom .elementor-heading-title { font-size: 28px; line-height: 34px; }
		}
	</style>
STYLES;

include 'partials/header.php';
?>
		<!-- HERO BANNER -->
		<section class="page-banner">
			<div class="container banner-content" data-aos="fade-in">
				<h1 class="banner-title">Composing Class</h1>
				<div class="breadcrumbs">
					<a href="home">Home</a>
					<span>/</span>
					<span>Composing Class</span>
				</div>
			</div>
		</section>

		<!-- INTRO SECTION -->
		<section class="intro-section">
			<div class="container">
				<div class="intro-grid">
					<div class="intro-text" data-aos="fade-right">
						<h5>Welcome to Kalaimagal</h5>
						<h2>Master the Art of Musical Creation</h2>
						<p>Step into the domain of musical imagination with our Composing Class. Whether you aspire to write contemporary hits, haunting film scores, or intricate classical arrangements, we provide the tools to translate your ideas into sound.</p>
						<p>Our curriculum spans advanced music theory, orchestration, and creative songwriting techniques. Learn to harness emotion and structure to create music that resonates with audiences globally.
						</p>
					</div>
					<div class="intro-image" data-aos="fade-left">
						<img src="wp-content/uploads/2024/05/compo.png" alt="Composing Class">
					</div>
				</div>
			</div>
		</section>

		<section class="intro-section" style="background-color: #fcfcfc; padding: 60px 0;">
			<div class="container">

				<!-- Heading -->
				<div class="elementor-heading-container-custom" data-aos="fade-up">
					<h2 class="elementor-heading-title">Genius Starts With a Note<br>You Bring the Passion. Together,
						We'll Build Your Future.</h2>
				</div>

				<!-- 2x2 Grid -->
				<div class="intro-features-grid">

					<!-- 1. Qualified Teachers -->
					<div class="feature-box-card" data-aos="fade-up" data-aos-delay="100">
						<div class="feature-box-img">
							<img loading="lazy" decoding="async" src="wp-content/uploads/2024/04/team-1.png"
								alt="Qualified Teachers">
						</div>
						<div class="feature-box-content">
							<h3 class="feature-box-title">Qualified Teachers</h3>
							<p class="feature-box-desc">Learn from experienced composers and theorists who guide students with professional training, patience, and personalized attention.</p>
						</div>
					</div>

					<!-- 2. Musical Compositions -->
					<div class="feature-box-card" data-aos="fade-up" data-aos-delay="200">
						<div class="feature-box-img">
							<img loading="lazy" decoding="async" src="wp-content/uploads/2024/04/treble-clef.png"
								alt="Musical Compositions">
						</div>
						<div class="feature-box-content">
							<h3 class="feature-box-title">Musical Compositions</h3>
							<p class="feature-box-desc">Develop creativity through focused music composition and theory classes, helping you understand melody, rhythm, and harmony.</p>
						</div>
					</div>

					<!-- 3. Unique Classes -->
					<div class="feature-box-card" data-aos="fade-up" data-aos-delay="300">
						<div class="feature-box-img">
							<img loading="lazy" decoding="async" src="wp-content/uploads/2024/04/music.png"
								alt="Unique Classes">
						</div>
						<div class="feature-box-content">
							<h3 class="feature-box-title">Unique Classes</h3>
							<p class="feature-box-desc">Our music classes for all ages are designed to match different skill levels, making learning composition simple, enjoyable, and inspiring.</p>
						</div>
					</div>

					<!-- 4. Lessons -->
					<div class="feature-box-card" data-aos="fade-up" data-aos-delay="400">
						<div class="feature-box-img">
							<img loading="lazy" decoding="async" src="wp-content/uploads/2024/04/book-1.png"
								alt="Lessons">
						</div>
						<div class="feature-box-content">
							<h3 class="feature-box-title">Lessons</h3>
							<p class="feature-box-desc">Step-by-step music lessons help students build strong fundamentals, improve creative technique, and grow into confident creators.</p>
						</div>
					</div>

				</div>
			</div>
		</section>

		<section class="features-section">
			<div class="container">
				<div class="section-heading" data-aos="fade-up">
					<h2 style="text-align: center; margin-bottom: 70px; font-size: 3.5rem;">Class Details</h2>
				</div>
				<div class="features-grid">
					<div class="feature-card" data-aos="fade-up" data-aos-delay="100">
						<i class="fas fa-video feature-icon"></i>
						<h3>Class Modes</h3>
						<p>Flexible learning options: Online Live, Offline Studio, and Hybrid Flex for your convenience.
						</p>
					</div>
					<div class="feature-card" data-aos="fade-up" data-aos-delay="200">
						<i class="fas fa-users feature-icon"></i>
						<h3>Who Can Join</h3>
						<p>Open to everyone! Kids (8 Years+), Teens, and Adults of all background levels are welcome.</p>
					</div>
					<div class="feature-card" data-aos="fade-up" data-aos-delay="300">
						<i class="fas fa-layer-group feature-icon"></i>
						<h3>Skill Levels</h3>
						<p>Tailored instruction for Beginning, Intermediate, and Advanced composers.</p>
					</div>
				</div>
			</div>
		</section>

		<!-- QUOTE -->
		<section class="quote-section">
			<div class="container">
				<div class="quote-text" data-aos="zoom-in">
					<h2>"Composition is the art of painting with silence and sound, creating a world that didn't exist before."</h2>
					<p>- Kalaimagal Academy</p>
				</div>
			</div>
		</section>

		<!-- WHY CHOOSE US -->
		<section class="why-choose-section">
			<div class="container">
				<div class="why-grid">
					<!-- Certified Learning -->
					<div class="why-box" data-aos="fade-up" data-aos-delay="100">
						<div class="why-icon"><i class="fas fa-certificate"></i></div>
						<div class="why-content">
							<h4>Accredited Theory</h4>
							<p>Prepare for Trinity & ABRSM Theory exams with our expert guidance.</p>
						</div>
					</div>
					<!-- Screen Ready -->
					<div class="why-box" data-aos="fade-up" data-aos-delay="200">
						<div class="why-icon"><i class="fas fa-film"></i></div>
						<div class="why-content">
							<h4>Project Based</h4>
							<p>Build a professional portfolio with real-world composition projects.</p>
						</div>
					</div>
					<!-- Expert Mentors -->
					<div class="why-box" data-aos="fade-up" data-aos-delay="300">
						<div class="why-icon"><i class="fas fa-user-tie"></i></div>
						<div class="why-content">
							<h4>Expert Mentors</h4>
							<p>Learn from professional composers with years of industry experience.</p>
						</div>
					</div>
				</div>
			</div>
		</section>

		<!-- STYLES -->
		<section class="instruments-section">
			<div class="container">
				<div class="text-center">
					<h2 class="section-heading-burgundy" style="font-size: 3.5rem; margin-bottom: 15px;">Composition Disciplines</h2>
					<p style="max-width: 700px; margin: 0 auto; color: #777; font-size: 1.2rem; margin-bottom: 50px;">Explore the various creative paths we offer for aspiring composers.</p>
				</div>

				<div class="founder-grid">
					<!-- Songwriting -->
					<div class="instrument-card" data-aos="flip-left" data-aos-delay="100">
						<div class="instrument-img-wrap square-style">
							<img src="wp-content/uploads/2024/04/sw.jpg" alt="Songwriting">
						</div>
						<h3>Songwriting</h3>
						<p>Master melody writing, lyrics, and song structure for popular and contemporary music.</p>
					</div>

					<!-- Film Scoring -->
					<div class="instrument-card" data-aos="flip-up" data-aos-delay="200">
						<div class="instrument-img-wrap square-style">
							<img src="wp-content/uploads/2024/04/fm2.jpg" alt="Film Scoring">
						</div>
						<h3>Film & Media Scoring</h3>
						<p>Learn to score for visuals, creating atmospheric and emotive music for movies and games.</p>
					</div>

					<!-- Orchestration -->
					<div class="instrument-card" data-aos="flip-right" data-aos-delay="300">
						<div class="instrument-img-wrap square-style">
							<img src="wp-content/uploads/2024/04/oa3.jpg" alt="Orchestration">
						</div>
						<h3>Orchestral Arrangement</h3>
						<p>Explore the colors of the orchestra, learning to arrange for soloists and large ensembles.</p>
					</div>
				</div>
			</div>
		</section>

		<!-- BENEFITS -->
		<section class="vision-section">
			<div class="container">
				<div class="vision-grid">
					<!-- Our Approach -->
					<div class="vision-box" data-aos="fade-right">
						<h3><i class="fas fa-bullseye"></i> Our Approach</h3>
						<ul class="vision-list">
							<li>Deep dive into functional harmony and counterpoint.</li>
							<li>Analysis of masterworks from classical to modern eras.</li>
							<li>Practical score-writing and MIDI production basics.</li>
							<li>Regular workshop sessions for hearing your work performed.</li>
						</ul>
					</div>

					<!-- Benefits Box -->
					<div class="vision-box" data-aos="fade-left">
						<h3><i class="fas fa-heart"></i> Benefits</h3>
						<ul class="vision-list">
							<li>Unlock unique creative expression and voice.</li>
							<li>Enhances analytical and structural thinking.</li>
							<li>Builds a versatile resume for the music industry.</li>
							<li>Fosters a deeper understanding of musical performance.</li>
						</ul>
					</div>
				</div>
			</div>
		</section>

		<!-- CURRICULUM -->
		<section class="affiliations-section">
			<div class="container">
				<div class="text-center">
					<h2 class="section-heading-burgundy" style="font-size: 3.5rem; margin-bottom: 15px;">Composition Roadmap</h2>
					<p style="color: #777; font-size: 1.2rem; margin-bottom: 40px;">A clear path from musical ideas to professional scores.</p>
				</div>

				<div class="affiliations-grid" data-aos="fade-up">
					<!-- Step 1 -->
					<div class="affiliation-item">
						<i class="fas fa-seedling affiliation-icon"></i>
						<h2>Ideation</h2>
						<span>3 Months</span>
						<p style="font-size: 0.9rem; margin-top: 10px;">Melody & Basic Harmony</p>
					</div>

					<!-- Step 2 -->
					<div class="affiliation-item">
						<i class="fas fa-tree affiliation-icon"></i>
						<h2>Structure</h2>
						<span>6 Months</span>
						<p style="font-size: 0.9rem; margin-top: 10px;">Song Forms & Development</p>
					</div>

					<!-- Step 3 -->
					<div class="affiliation-item">
						<i class="fas fa-graduation-cap affiliation-icon"></i>
						<h2>Arrangement</h2>
						<span>1 Year</span>
						<p style="font-size: 0.9rem; margin-top: 10px;">Instrumentation & Theory</p>
					</div>

					<!-- Step 4 -->
					<div class="affiliation-item">
						<i class="fas fa-medal affiliation-icon"></i>
						<h2>Production</h2>
						<span>2+ Years</span>
						<p style="font-size: 0.9rem; margin-top: 10px;">Scoring & Portfolio Final</p>
					</div>
				</div>
			</div>
		</section>


<?php include 'partials/footer.php'; ?>
