.StreamingMedia_downloadContainer{
								text-align: center;
								margin: .5em 0;
							}
							.StreamingMedia_QualitySelector,
							.StreamingMedia_playerContainer,
							.StreamingMedia_zoom{
								text-align: center;
								padding: .5em;
							}
							.StreamingMedia_player{
								margin: 0 auto;
							}
							.StreamingMedia_playerContainer object{
								background: #000;
							}
							.SubPageList_summaryPageTitle{
								text-align: center;
								padding: .25em 0;
							}
							.SubPageList_summaryPageTitle a{
								font-size: 125%;
								font-weight: bold;
							}
						

				   			#StreamingMedia10 video{
					   			margin: 0 auto;
					   			
					   			height: auto;					   			
					   			width: 100%;							
								object-fit: initial; /* fits poster image */
								cursor: pointer;
								display: block;
							}
													

						
													#Image28{
								box-sizing: border-box;
								background-repeat: no-repeat;
																	background-image: url('/images/cms/porsche.jpg');
																
																	background-size: cover;
																
																	background-position: Center;
																
																	min-height: 400px;
															}
							
														
														
													
												
					

						/* 1. BRAND VARIABLES & ROOT */
:root {
    --fmm-orange: #ff6600;
    --fmm-blue: #27bbf7;
    --fmm-dark: #090b0e;
    --fmm-blueprint: #0a192f;
    --fmm-white: #f5f7fa;
    --fmm-muted: #b1bbc6;
    --container: 74rem;
    --font-primary: 'Roboto', sans-serif;
    --font-display: 'Teko', sans-serif;
    --font-mono: 'Courier New', Courier, monospace;
}

/* 2. GLOBAL RESET & INDUSTRIAL CORE */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    border-radius: 0 !important; /* Forces machined edges */
}

html { scroll-behavior: smooth; }

body {
    background-color: var(--fmm-dark);
    color: var(--fmm-white);
    font-family: var(--font-primary);
    line-height: 1.5;
    overflow-x: hidden;
}

/* 3. HERO SECTION (FULL-SCREEN DASHBOARD) */
#hero {
    min-height: 100vh;
    display: flex;
    align-items: center;
    background-attachment: fixed;
    position: relative;
    border-bottom: 10px solid var(--fmm-dark);
}

.hero-media__label {
    font-family: var(--font-mono);
    color: var(--fmm-orange);
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 2.5rem; /* Space after Service Architecture */
    display: block;
}

.hero-heading {
    font-family: var(--font-display);
    font-size: clamp(3rem, 8vw, 6rem);
    font-weight: 800;
    line-height: 0.95;
    text-transform: uppercase;
    margin-bottom: 1.5rem;
}

/* 4. TYPOGRAPHY HIERARCHY */
h1, h2, h3 {
    font-family: var(--font-display);
    text-transform: uppercase;
    letter-spacing: 0.02em;
}

.section-heading {
    font-size: clamp(2rem, 5vw, 3.5rem); /* Scaled down for line 47 */
    line-height: 1.1;
    margin-bottom: 1.5rem;
}

.eyebrow {
    color: var(--fmm-orange);
    font-family: var(--font-mono);
    font-size: 0.9rem;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 1rem;
    display: block;
}

/* 5. INDUSTRIAL CTA BUTTON */
.cta-button-industrial {
    display: inline-block;
    background-color: var(--fmm-orange);
    color: var(--fmm-white);
    padding: 18px 45px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-decoration: none;
    border: 2px solid var(--fmm-orange);
    transition: all 0.3s ease;
    margin-top: 30px;
}

.cta-button-industrial:hover {
    background-color: transparent;
    color: var(--fmm-orange);
    box-shadow: 0 0 20px rgba(255, 102, 0, 0.4);
    transform: translateY(-2px);
}

/* 6. COMPONENT GRID & CARDS */
.cards {
    display: grid;
    gap: 1.5rem;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    margin-top: 3rem;
}

.engine-card {
    padding: 2.5rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.05), transparent);
    position: relative;
}

.engine-card__number {
    color: var(--fmm-orange);
    font-family: var(--font-mono);
    font-weight: bold;
    font-size: 1.2rem;
    display: block;
    margin-bottom: 1rem;
}

/* 7. UTILITY CLASSES */
.container {
    width: min(calc(100% - 3rem), var(--container));
    margin: 0 auto;
}

.section {
    padding: 6rem 0;
}

@media (max-width: 768px) {
    .section { padding: 4rem 0; }
    .hero-heading { font-size: 3.5rem; }
}