Search Slides

Max Verstappen & Chris Harris Drive the Ford Mustang GTD

Max Verstappen & Chris Harris Drive the Ford Mustang GTD /* Default font import commented out to allow custom font selection */ /* @import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap"); */ /* CSS variables with custom override capability */ :root { /* Colors that can be overridden by custom */ --text-primary: var(--custom-text-primary, #1f2937); --bg-primary: var(--custom-bg-primary, #ffffff); --accent-color: var(--custom-accent-color, hsl(180, 87%, 39%)); --accent-light: var(--custom-accent-light, hsl(180, 60%, 55%)); --accent-dark: var(--custom-accent-dark, hsl(180, 90%, 25%)); /* Fonts that can be overridden by custom */ --primary-font: var(--custom-primary-font, system-ui, sans-serif); --heading-font: var(--custom-heading-font, var(--primary-font)); --accent-font: var(--custom-accent-font, serif); /* Responsive scaling factors */ --scale-factor: var(--custom-scale-factor, 1); --base-font-size: var(--custom-base-font-size, 16px); --heading-scale: var(--custom-heading-scale, 1); } /* Animation state management */ .animations-disabled * { animation-duration: 0s !important; animation-delay: 0s !important; transition-duration: 0s !important; transition-delay: 0s !important; } .animations-disabled .slide { transition: none !important; } /* Ensure AOS elements are visible when animations are disabled */ .animations-disabled [data-aos] { opacity: 1 !important; transform: none !important; visibility: visible !important; } /* Ensure custom animation elements are visible when animations are disabled */ .animations-disabled .fade-in { opacity: 1 !important; transform: none !important; visibility: visible !important; } /* Default visibility for AOS elements when AOS is not loaded */ [data-aos] { opacity: 1; transform: none; visibility: visible; } /* Only apply AOS initial states when AOS is properly loaded */ body.aos-loaded [data-aos] { opacity: 0; transform: translate3d(0, 30px, 0); } body.aos-loaded [data-aos].aos-animate { opacity: 1; transform: translate3d(0, 0, 0); } /* Toast notification styles */ .toast { position: fixed; top: 20px; right: 20px; background: rgba(0, 0, 0, 0.8); color: white; padding: 12px 20px; border-radius: 8px; font-size: 14px; font-weight: 500; z-index: 1000; opacity: 0; transform: translateY(-10px); transition: opacity 0.3s ease, transform 0.3s ease; pointer-events: none; } .toast.show { opacity: 1; transform: translateY(0); } /* Base styles using variables */ body { font-family: var(--primary-font); color: var(--text-primary); background-color: var(--bg-primary); line-height: 1.5; overflow: hidden; font-size: calc(var(--base-font-size) * var(--scale-factor)); } /* Responsive typography using clamp and variables */ h1, .text-4xl, .text-5xl, .text-6xl { font-size: clamp(1.75rem, 5vw, 3.5rem); line-height: 1.2; } h2, .text-3xl { font-size: clamp(1.5rem, 4vw, 2.5rem); line-height: 1.2; } h3, .text-2xl { font-size: clamp(1.25rem, 3vw, 2rem); line-height: 1.3; } h4, .text-xl { font-size: clamp(1.125rem, 2.5vw, 1.5rem); line-height: 1.4; } p, .text-base { font-size: clamp(0.875rem, 2vw, 1rem); max-width: 100%; overflow-wrap: break-word; word-wrap: break-word; } .text-sm { font-size: clamp(0.75rem, 1.5vw, 0.875rem); } /* Ensure smooth transitions */ .transition-all { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; } /* Image rendering quality */ img { image-rendering: high-quality; max-width: 100%; height: auto; } /* Fallback image styling */ img.fallback-image { opacity: 0.8; border: 2px dashed var(--accent-color, #ccc); border-radius: 4px; background-color: rgba(0, 0, 0, 0.05); } /* Chart.js default styling */ canvas.chart { max-width: 100%; height: auto; } /* Slides Container and Slides */ .slides-container { position: relative; height: 100vh; /* Restore full height */ width: 100%; padding-bottom: 0; /* Remove padding */ } .slide { flex: 0 0 100%; width: 100%; height: 100vh; /* Restore full height */ scroll-snap-align: start; overflow: hidden; box-sizing: border-box; position: relative; opacity: 0; visibility: hidden; filter: blur(0px); transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), filter 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 0.3s ease; will-change: opacity, filter, visibility; } .slide.active { opacity: 1; visibility: visible; filter: blur(0px); } .slide.blurring { filter: blur(8px); opacity: 0.7; } /* Animation states for custom animations */ .fade-in { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; } .fade-in.animated { opacity: 1; transform: translateY(0); } /* Column layouts for slides */ .columns-container { display: flex; flex-direction: row; gap: clamp(1rem, 3vw, 2rem); width: 100%; flex: 1; } .column { flex: 1; min-width: 0; /* Prevent content from overflowing */ } /* Corner branding elements */ .corner-element { position: absolute; max-width: 120px; max-height: 60px; z-index: 10; } .corner-element.top-right { top: clamp(15px, 3vh, 30px); right: clamp(15px, 3vw, 30px); } .corner-element.bottom-right { bottom: clamp(15px, 3vh, 30px); right: clamp(15px, 3vw, 30px); } .corner-element.top-left { top: clamp(15px, 3vh, 30px); left: clamp(15px, 3vw, 30px); } .corner-element.bottom-left { bottom: clamp(15px, 3vh, 30px); left: clamp(15px, 3vw, 30px); } /* Navigation Controls */ .nav-button { display: none; /* Hide navigation buttons */ } /* Pagination Indicator */ .pagination { display: none; /* Hide pagination dots */ } /* Remove the bottom info bar */ .slide-info-bar { display: none; } /* Circular slide counter in top left */ .slide-counter-circle { position: absolute; top: clamp(15px, 3vh, 30px); left: clamp(15px, 3vw, 30px); width: 40px; height: 40px; border-radius: 50%; background-color: rgba(50, 50, 50, 0.3); backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px); display: flex; align-items: center; justify-content: center; color: white; font-size: 0.75rem; font-weight: 600; z-index: 90; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); } /* Removed responsive circle adjustments - using viewport scaling instead */ /* Editorial style slide numbers - now removed/hidden */ .slide-number { display: none; } /* Grid pattern - made less prominent to avoid style conflicts */ .grid-pattern { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: linear-gradient( to right, rgba(0, 0, 0, 0.03) 1px, transparent 1px ), linear-gradient(to bottom, rgba(0, 0, 0, 0.03) 1px, transparent 1px); background-size: clamp(30px, 5vw, 60px) clamp(30px, 5vw, 60px); z-index: 1; opacity: 0.3; } /* Responsive spacing utilities */ .p-responsive { padding: clamp(0.5rem, 2vw, 2rem); } .m-responsive { margin: clamp(0.5rem, 2vw, 2rem); } .gap-responsive { gap: clamp(0.5rem, 2vw, 1.5rem); } /* Image Preview Modal Styles */ .image-preview-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.9); z-index: 9999; display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; transition: opacity 0.3s ease, visibility 0.3s ease; cursor: pointer; } .image-preview-overlay.active { opacity: 1; visibility: visible; } .image-preview-container { position: relative; max-width: 90%; max-height: 90%; display: flex; align-items: center; justify-content: center; } .image-preview-image { max-width: 100%; max-height: 100%; object-fit: contain; border-radius: 8px; box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5); transform: scale(0.9); transition: transform 0.3s ease; } .image-preview-overlay.active .image-preview-image { transform: scale(1); } .image-preview-close { position: absolute; top: -40px; right: -40px; width: 40px; height: 40px; background-color: rgba(255, 255, 255, 0.1); border: 2px solid rgba(255, 255, 255, 0.3); border-radius: 50%; color: white; font-size: 18px; font-weight: bold; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background-color 0.3s ease, border-color 0.3s ease; z-index: 10001; } .image-preview-close:hover { background-color: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.5); } /* Make images clickable in slides */ .slide img.preview-enabled { cursor: pointer; transition: transform 0.2s ease, opacity 0.2s ease; } .slide img.preview-enabled:hover { transform: scale(1.02); opacity: 0.9; } /* Slide Sidebar Styles */ .slide-sidebar { position: fixed; top: 0; left: -380px; width: 380px; height: 100vh; background: rgba(248, 248, 248, 0.95); border-right: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 2px 0 20px rgba(0, 0, 0, 0.15); z-index: 8000; transition: left 0.3s cubic-bezier(0.4, 0, 0.2, 1); display: flex; flex-direction: column; backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); color: #1d1d1f; } .slide-sidebar.open { left: 0; } /* Sidebar Header */ .sidebar-header { padding: 16px 20px; border-bottom: 1px solid rgba(0, 0, 0, 0.08); display: flex; align-items: center; justify-content: space-between; background: rgba(255, 255, 255, 0.8); } .sidebar-title { display: flex; align-items: center; gap: 8px; font-weight: 600; font-size: 15px; color: #1d1d1f; } .sidebar-title i { color: #007aff; font-size: 16px; } .sidebar-controls { display: flex; align-items: center; gap: 8px; } .view-mode-btn, .close-sidebar-btn { background: none; border: none; color: #007aff; cursor: pointer; padding: 6px; border-radius: 6px; transition: all 0.2s ease; display: flex; align-items: center; justify-content: center; font-size: 14px; } .view-mode-btn:hover, .close-sidebar-btn:hover { background: rgba(0, 122, 255, 0.1); } /* Sidebar Modes */ .sidebar-mode { flex: 1; display: none; flex-direction: column; } .sidebar-mode.active { display: flex; } /* Search Mode Styles */ .search-input-container { padding: 16px 20px; position: relative; display: flex; align-items: center; } .search-icon { position: absolute; left: 32px; color: rgba(60, 60, 67, 0.6); font-size: 14px; z-index: 1; } .search-input { width: 100%; padding: 10px 40px 10px 35px; background: rgba(142, 142, 147, 0.12); border: none; border-radius: 10px; color: #1d1d1f; font-size: 16px; transition: all 0.2s ease; } .search-input:focus { outline: none; background: rgba(142, 142, 147, 0.16); box-shadow: 0 0 0 3px rgba(0, 122, 255, 0.2); } .search-input::placeholder { color: rgba(60, 60, 67, 0.6); } .clear-search-btn { position: absolute; right: 32px; background: none; border: none; color: rgba(60, 60, 67, 0.6); cursor: pointer; padding: 4px; border-radius: 4px; transition: color 0.2s ease; } .clear-search-btn:hover { color: #1d1d1f; background: rgba(142, 142, 147, 0.2); } .search-results-header { padding: 8px 20px; color: rgba(60, 60, 67, 0.8); font-size: 13px; font-weight: 500; border-bottom: 1px solid rgba(0, 0, 0, 0.05); } .search-thumbnails { flex: 1; overflow-y: auto; padding: 8px; } /* Thumbnail Grid Mode */ .thumbnail-grid { padding: 20px; display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: 16px; overflow-y: auto; } .grid-thumbnail { background: white; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 8px; cursor: pointer; transition: all 0.2s ease; overflow: hidden; aspect-ratio: 16/12; display: flex; flex-direction: column; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); } .grid-thumbnail:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); border-color: #007aff; } .grid-thumbnail.active { border-color: #007aff; box-shadow: 0 0 0 2px rgba(0, 122, 255, 0.2); } .grid-thumbnail-preview { flex: 1; background: #f5f5f7; display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden; } .grid-thumbnail-preview i { color: rgba(60, 60, 67, 0.3); font-size: 24px; } .grid-thumbnail-number { position: absolute; top: 6px; left: 6px; background: rgba(0, 0, 0, 0.7); color: white; font-size: 10px; font-weight: 600; padding: 2px 6px; border-radius: 4px; } .grid-thumbnail-title { padding: 8px; font-size: 11px; font-weight: 500; color: #1d1d1f; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-top: 1px solid rgba(0, 0, 0, 0.05); background: white; } /* Scrollbar Styles */ .search-thumbnails::-webkit-scrollbar, .thumbnail-grid::-webkit-scrollbar { width: 6px; } .search-thumbnails::-webkit-scrollbar-track, .thumbnail-grid::-webkit-scrollbar-track { background: transparent; } .search-thumbnails::-webkit-scrollbar-thumb, .thumbnail-grid::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0.2); border-radius: 3px; } .search-thumbnails::-webkit-scrollbar-thumb:hover, .thumbnail-grid::-webkit-scrollbar-thumb:hover { background: rgba(0, 0, 0, 0.3); } /* Search List Items */ .thumbnail-item { display: flex; align-items: center; padding: 12px 16px; margin: 4px 12px; background: white; border: 1px solid rgba(0, 0, 0, 0.06); border-radius: 8px; cursor: pointer; transition: all 0.2s ease; gap: 12px; } .thumbnail-item:hover { background: rgba(0, 122, 255, 0.05); border-color: rgba(0, 122, 255, 0.2); transform: translateX(2px); } .thumbnail-item.active { background: rgba(0, 122, 255, 0.1); border-color: #007aff; } .thumbnail-item.hidden { display: none; } .thumbnail-preview { width: 50px; height: 38px; background: #f5f5f7; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 4px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; overflow: hidden; position: relative; } .thumbnail-preview::before { content: attr(data-slide-number); position: absolute; top: 2px; right: 3px; font-size: 9px; font-weight: 600; color: white; background: rgba(0, 0, 0, 0.7); padding: 1px 3px; border-radius: 2px; } .thumbnail-preview i { color: rgba(60, 60, 67, 0.3); font-size: 16px; } .thumbnail-content { flex: 1; min-width: 0; } .thumbnail-title { font-size: 14px; font-weight: 500; color: #1d1d1f; margin-bottom: 2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .thumbnail-snippet { font-size: 12px; color: rgba(60, 60, 67, 0.8); line-height: 1.3; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .search-highlight { background: rgba(255, 214, 10, 0.3); padding: 0 2px; border-radius: 2px; font-weight: 600; } /* Hover zone for sidebar trigger */ .sidebar-hover-zone { position: fixed; top: 0; left: 0; width: 50px; height: 100vh; z-index: 7500; pointer-events: auto; } /* Hide sidebar toggle button completely */ .sidebar-toggle-btn { display: none; } /* Auto-show sidebar on hover near left edge */ .sidebar-hover-zone:hover + .slide-sidebar, .slide-sidebar:hover, .slide-sidebar.open { left: 0; } /* Adjust slide counter when sidebar is visible */ .sidebar-hover-zone:hover ~ .slide-counter-circle, .slide-sidebar:hover ~ .slide-counter-circle, .slide-sidebar.open ~ .slide-counter-circle { left: 420px; } /* Desktop-only design - scaling handled by viewport meta tag */
Ford Performance

815HP. Limitless.

Verstappen & Harris unleash the Mustang GTD.

Max Verstappen and Chris Harris

High-Performance Dialogue

Engineering insights from F1's champion & automotive journalism's finest.

Ford Performance × Red Bull Racing

Two Icons, One Cockpit

The Meeting of Titans: Pushing the limits of the Mustang GTD.

Max Verstappen
F1 Champion

Max Verstappen

4-Time Formula 1 World Champion

Pure Performance

An exclusive track session pushing the all-new Mustang GTD to its absolute limits.

Driving Philosophy

A deep dive discussion on vehicle dynamics between a racing legend and a journalism icon.

Chris Harris
Journalist

Chris Harris

Renowned Automotive Journalist

Powered by Ford Performance

Vehicle Overview

The Machine

Described as an 'absolute gift' from Ford Performance, this vehicle represents the pinnacle of street-legal track performance, capable of challenging the world's best.

815

Horsepower

RWD

Platform

Ford Mustang GTD on track
Track Dominance

Engineering designed for pure speed and handling precision.

Max Verstappen
Driver Insight Max Verstappen

"Pushed to absolute limits."

GTD
Supercar Class

Drivetrain Philosophy

The Rear-Wheel
Drive Imperative

"The worst thing ever."

— Max Verstappen on front-wheel drive

A Career of Propulsion

From the earliest days of go-karts to the pinnacle of Formula 1, Verstappen's entire racing DNA is built on rear-wheel drive dynamics.

Architectural Alignment

The Mustang GTD's RWD architecture isn't just tradition—it's engineered to perfectly match the handling preferences of a World Champion.

Drivetrain RWD
Driver Verstappen

Track Performance Analysis

Wringing the Neck of the GTD

Raw Power Delivery

800+ HP engine pushing the limits of street-legal performance.

Cornering Precision

High-speed stability validated by F1 champion Max Verstappen.

Supercar Competitor

Proving grounds performance that rivals established exotics.

Mustang GTD on track
Track Mode

Max Verstappen & Chris Harris Session

800+ Horsepower

Performance Metrics

Based on track session analysis

Driver Feedback

"Pushing to the absolute edge."

Max Verstappen
Performance Insights

The Verstappen
Secret Sauce

Chris Harris dives deep into the "nerdy questions" rarely asked after F1 races, revealing the sensory mastery of a champion.

Braking Precision

Pinpoint accuracy on specific braking points that defy conventional racing lines.

Throttle Modulation

Subtle inputs and footwork that maintain momentum where others lose traction.

Sensory Inputs

Processing unique feedback to find speed in conditions that baffle competitors.

Driver Input Analysis

Max V. Telemetry
Corner Speed
+4.2km/h
Brake Time
-0.15s
Throttle App
Smooth

"Insights into what makes Verstappen one of the greatest racing drivers of all time."

THE INTERVIEW DYNAMIC

A Rare Conversation

The Format

A comprehensive 38-minute deep-dive into automotive mastery. Far removed from soundbites, this is a genuine exchange of expertise.

Max Verstappen
Chris Harris
F1 World Champion Renowned Journalist

Atmosphere: "Talking Shop"

A candid, unscripted dialogue between a professional journalist and a world champion. It strips away the celebrity facade to reveal the shared passion for mechanical excellence.

The Value

Moves beyond standard PR talking points into genuine driving philosophy and detailed engineering critique. A masterclass in vehicle dynamics.

F1 Technology Transfer

Built for the Limit

Engineering the GTD

Mustang GTD on track
Tested by Max Verstappen

Zero Compromise

Meeting the exacting standards of a 4-time World Champion.

F1-Level Expectations

Translating the rigorous engineering demands of Formula 1 directly to a road-legal chassis.

Red Bull Racing Partnership

A collaboration highlighting the capabilities of the Red Bull Racing 2026 power unit supplier (Ford).

Performance Transfer

The 5-Second Gap

Ford Mustang GTD × Max Verstappen

Performance Confidence

A defining moment in automotive engineering: The interaction that showcased the raw, untapped potential of the Mustang GTD.

Max Verstappen driving Ford Mustang GTD on track

Mustang GTD Track Session

The Key Moment

"I can go 5 seconds faster."
Max Verstappen to Ford Engineering Team
Significance

Demonstrates the immense ceiling of the vehicle and the critical difference a driver of Verstappen's caliber makes in extracting performance.

Context

A direct challenge to the engineering team and a testament to the car's potential unlockable performance reserves.

Conclusion

The Verdict

Mustang GTD on track
Track Ready

The Mustang GTD is not just a car; it's a platform that bridges the gap between Formula 1 precision and American muscle.

Legacy Cemented

With approval from Max Verstappen and scrutiny from Chris Harris, the GTD has proven its worth on the global stage.

Max Verstappen
Chris Harris
Verified by the best
Watch Now
Full 38-minute film
Ford Performance YouTube
FORD PERFORMANCE • 2025
1/1
× Preview