Active Aerodynamics - faster, further, for less

<!DOCTYPE html> <html data-geo="na" lang="en"> <head>  <script charset="UTF-8" data-document-languag="true" data-domain-script="0f4ce83a-f579-499e-b010-1b6a74ba5982" src="https://cookie-cdn.cookiepro.com/scripttemplates/otSDKStub.js" type="text/javascript"></script><script type="text/javascript" >function OptanonWrapper() { }</script>  <meta name="viewport" content="initial-scale=1, width=device-width"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta charset="utf-8" />  <script type="text/plain" class="optanon-category-2" > (function(w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-K67JRD2'); </script>  <link href="/favicon.ico" rel="shortcut icon" /> <style type="text/css" integrity="sha256-nCCsbhe8thTPmEo/DsWcB2+3nL5nMJYSjPxUlOkbd04="> /* This CSS resource incorporates links to font software which is the valuable copyrighted property of Monotype Imaging and/or its suppliers. You may not attempt to copy, install, redistribute, convert, modify or reverse engineer this font software. Please contact Monotype Imaging with any questions regarding Web Fonts: http://www.fonts.com */ @font-face { font-family: 'Helvetica Neue'; src: url(/ResourcePackages/HighroadFramework/dist/fonts/4ff9f3fa-9221-4fc5-97e6-93572b6efa24.woff2) format('woff2'), url(/ResourcePackages/HighroadFramework/dist/fonts/ca8d25cd-e264-4404-b271-4afc45c779c4.woff) format('woff'); font-style: normal; font-weight: 100; font-display: fallback; } @font-face { font-family: 'Helvetica Neue'; src: url(/ResourcePackages/HighroadFramework/dist/fonts/3a46542f-f429-4821-9a88-62e3be54a640.woff2) format('woff2'), url(/ResourcePackages/HighroadFramework/dist/fonts/50ac1699-f3d2-47b6-878f-67a368a17c41.woff) format('woff'); font-style: normal; font-display: fallback; } @font-face { font-family: 'Helvetica Neue'; src: url(/ResourcePackages/HighroadFramework/dist/fonts/3dac71eb-afa7-4c80-97f0-599202772905.woff2) format('woff2'), url(/ResourcePackages/HighroadFramework/dist/fonts/34e0e4c0-c294-49bb-9a8e-1b2cafd54e32.woff) format('woff'); font-style: normal; font-weight: 400; font-display: fallback; } @font-face { font-family: 'Helvetica Neue'; src: url(/ResourcePackages/HighroadFramework/dist/fonts/5b1fbd62-45dc-4433-a7df-a2b24a146411.woff2) format('woff2'), url(/ResourcePackages/HighroadFramework/dist/fonts/050b1948-f226-4d20-a65a-15d8ed031222.woff) format('woff'); font-style: normal; font-weight: 500; font-display: fallback; } @font-face { font-family: 'Helvetica Neue'; src: url(/ResourcePackages/HighroadFramework/dist/fonts/531c5a28-5575-4f58-96d4-a80f7b702d7b.woff2) format('woff2'), url(/ResourcePackages/HighroadFramework/dist/fonts/439c5962-f9fe-4eaf-a1f6-f41d42edba75.woff) format('woff'); font-style: normal; font-weight: 700; font-display: fallback; } </style> <link href="/CoreCSS?v=b3cTtkTBAQ1WqSzE1z6xrxXCblgrw1ukioprjheadCg1" rel="stylesheet" type="text/css" /> <title> Active Aerodynamics - faster, further, for less | Magna </title> <link href="/ResourcePackages/HighroadFramework/MVC/Styles/Card/Card.Video.css" rel="stylesheet" type="text/css" /> <script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.5.1.min.js" type="text/javascript"></script><script src="https://code.jquery.com/jquery-migrate-3.5.2.min.js" type="text/javascript"></script> <script type="text/javascript" >var MTIProjectId = 'd7224680-5aa8-4cd5-9480-22031e99aded';(function () { var mtiTracking = document.createElement('script'); mtiTracking.type = 'text/javascript'; mtiTracking.async = 'true'; mtiTracking.src = '/ResourcePackages/HighroadFramework/src/scripts/mtiFontTrackingCode.js'; (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(mtiTracking);})();</script> <meta property="og:title" content="Active Aerodynamics - faster, further, for less | Magna" /><meta property="og:description" content="Select from the video gallery to learn more about Magna's components for active aerodynamics. Adapt an active aerodynamic device anywhere on any vehicle." /><meta property="og:url" content="https://www.magna.com/products/exterior-interior/active-aerodynamics" /><meta property="og:type" content="website" /><meta property="og:site_name" content="Magna" /><style type="text/css" media="all">.l-region--media__indicator { display: none; } @media (min-width: 960px) { .l-region--hero { display: flex; flex-direction: column; justify-content: center; min-height: min(31.25rem, 50dvh); } } .slick-initialized { } .slick-initialized .card-product-rotator__content { margin-top: calc(var(--heading-h2-size) * 2.25); } .slick-slide { margin-top: 0; } .slick-dots { list-style-type: none; padding-left: 0; position: absolute; left: 0; display: flex; gap: 1rem; top: 1.25rem; margin-top: 66.6129%; } .slick-dots button { background-color: transparent; padding: 0; min-height: 0; font-size: var(--heading-h2-size); font-weight: var(--heading-h2-weight); color: rgba(0, 0, 0, 0.25); } .slick-active button { color: rgba(0, 0, 0, 1); } .slick-arrow { position: absolute; top: 1.25rem; margin-top: 66.6129%; height: var(--heading-h2-size); width: 1.25rem; z-index: 1; cursor: pointer; } .slick-arrow.slick-disabled { color: rgba(0, 0, 0, 0.25); cursor: auto; } .slick-prev { right: 40px; } .slick-next { right: 0; } .o-buttonlink-sticky { position: fixed; top: 5rem; width: 100%; left: 50%; transform: translateX(-50%); padding: 0 var(--gutter); max-width: calc(var(--container-width,112.5rem) + var(--gutter) * 2); } .o-buttonlink-sticky .o-buttonlink-wrapper { float: right; } .o-buttonlink-sticky a:hover { --button-background: #DA291C; --button-border: solid 1px #DA291C; --button-color: #fff; } @media only screen and (max-width: 839px) { .o-buttonlink-sticky { top: 5.3125rem; } } /* Override when inside editor mode. */ .sfPageEditor .o-buttonlink-sticky { position: static; transform: none; } .hbspt-form .form-columns-1, .hbspt-form .form-columns-2, .hbspt-form .form-columns-3 { max-width: none; } .hbspt-form .form-columns-1:not(:first-child), .hbspt-form .form-columns-2:not(:first-child), .hbspt-form .form-columns-3:not(:first-child) { margin-top: 1.875rem; } .hbspt-form .form-columns-1, .hbspt-form .form-columns-2, .hbspt-form .form-columns-3 { display: grid; gap: 1.875rem; } .hs-form-field { width: auto !important; } .hs-form-field .input { margin-right: 0 !important; } @media (min-width: 37.5em) { .hbspt-form .form-columns-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .hbspt-form .form-columns-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .form-columns-2 > *:not(.hs-form-field), .form-columns-3 > *:not(.hs-form-field) { grid-column: 1/-1; } } .hbspt-form .form-columns-1 > *, .hbspt-form .form-columns-2 > *, .hbspt-form .form-columns-3 > * { margin-top: 0; } .hbspt-form .hs-field-desc { margin-top: 0.25rem; font-size: var(--heading-small-size); } .hs-form-booleancheckbox, .hs-richtext { max-width: 80ch; text-wrap: pretty; } .hs-form-field:last-child .input { margin-right: 0 !important; }</style><style type="text/css" media="screen">@media (min-width: 52.5em) { .c-menu-main__dropdown.c-menu-main__dropdown__products .l-region .l-container-inner { grid-auto-flow: column; grid-template-columns: auto; } .c-menu-main__dropdown.c-menu-main__dropdown__products .c-menu-main__subnav__item { text-wrap: balance; } .is-active .c-menu-main__dropdown { @starting-style { opacity: 0; } } } /* Modal 'window'. */ .custom-modal { margin-top: 0; background-color: rgba(0, 0, 0, 0.8); position: fixed; top: 0; left: 0; height: 100%; width: 100%; z-index: 999; flex-direction: column; justify-content: center; align-items: center; padding: var(--gutter); display: none; } .custom-modal.js-active { display: flex; } .modal__close, .custom-modal__close, .a11y-dialog button[data-a11y-dialog-hide] { background-color: transparent; border: none; padding: 0; min-height: 0; height: 2.5rem; width: 2.5rem; position: absolute; top: calc(80px + var(--gutter)) !important; right: var(--gutter) !important; z-index: 100; } .a11y-dialog button[data-a11y-dialog-hide] { top: calc(var(--gutter) / 2) !important; } .modal__close:focus, .modal__close:hover, .custom-modal__close:focus, .custom-modal__close:hover, .a11y-dialog button[data-a11y-dialog-hide]:focus, .a11y-dialog button[data-a11y-dialog-hide]:hover { background-color: transparent !important; opacity: 0.8; cursor: pointer; } .custom-modal__content { margin-top: 0; max-width: 1200px; max-height: 100%; width: 100%; overflow: hidden; display: flex; flex-direction: column; align-items: center; aspect-ratio: 16 / 9; } .custom-modal__content > video { height: 100%; width: 100%; object-fit: cover; } .nav__link:focus, .nav__link:hover { background-color: transparent !important; } body:not(.sfPageEditor) .a11y-dialog, body:not(.sfPageEditor) .a11y-dialog div[data-a11y-dialog-hide] { position: fixed; top: 0; right: 0; bottom: 0; left: 0; } body.sfPageEditor .a11y-dialog { position: relative; } body.sfPageEditor .a11y-dialog::before { content: "DIALOG/POPUP WINDOW"; background-color: #000; color: #fff; font-size: 1rem; font-wight: bold; padding: 10px 20px; position: absolute; top: 0; left: 0; } .a11y-dialog > * { margin-top: 0; } .a11y-dialog button[data-a11y-dialog-hide] { } body.sfPageEditor .a11y-dialog button[data-a11y-dialog-hide] { display: none; } .a11y-dialog { z-index: 2000; display: flex; padding: calc(var(--gutter) * 2) var(--gutter) !important; isolation: isolate; background-color: transparent !important; } body:not(.sfPageEditor) .a11y-dialog[aria-hidden='true'] { visibility: hidden; } .a11y-dialog [data-a11y-dialog-hide] { background-color: rgba(0, 0, 0, 0.9); } .a11y-dialog__window { margin: auto; z-index: 2; position: relative; background-color: var(--region-background); padding: var(--region-vertical-top-padding,12vmin) var(--gutter) var(--region-vertical-bottom-padding,12vmin); max-height: 100%; overflow-y: auto; } /* Fixed 'Contact us' Button */ body:not(.sfPageEditor) .is-fixed-button { margin-block: 0; position: fixed; top: 80px; left: 0; width: 100%; padding-inline: var(--gutter); } @media (max-width: 37.4375em) { .is-fixed-button { writing-mode: vertical-rl; } .is-fixed-button .o-buttonlink--icon::before { margin-left: 0; margin-inline-start: 1em; rotate: 90deg; } } .is-fixed-button > div { max-width: var(--container-width, 112.5rem); margin-inline: auto; display: flex; flex-direction: column; align-items: end; } .l-region:has(.is-fixed-button) { z-index: 2; } .is-fixed-button .o-buttonlink { padding-inline: 1.2em; padding-block: 0.45em; } .l-region-footer { --link-underline: underline; } @media (min-width: 52.5em) { .l-region--fullheight { min-height: calc(100dvh - 80px); } } /* temp. please remove on next publish. */ .list-pillar-background { background-color: var(--region-background); } body > * { margin-top: 0; }</style><style type="text/css" media="screen">#onetrust-consent-sdk { margin: 0 !important; }</style><meta name="Generator" content="Sitefinity 15.2.8423.0 DX" /><link rel="canonical" href="https://www.magna.com/products/exterior-interior/active-aerodynamics" /><meta name="description" content="Select from the video gallery to learn more about Magna's components for active aerodynamics. Adapt an active aerodynamic device anywhere on any vehicle." /></head> <body>  <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-K67JRD2" height="0" width="0" style="display:none;visibility:hidden"></iframe>` </noscript>  <script> // Anime.js preloader if (!!window.IntersectionObserver && !document.body.classList.contains('sfPageEditor')) { document.documentElement.classList.add("is-animate-ready"); } </script> <header class="l-region-header"> <div class="l-container"> <nav class="c-menu-main" aria-label="Primary menu" > <div class="c-menu-main__home"> <a href="/">  <img alt="logo of Magna International" width="132" src="/ResourcePackages/HighroadFramework/dist/images/logo_Magna-white.svg" loading="lazy"> </a> </div> <div class="c-menu-main__toggle"> <button class="c-menu-main__toggle__hamburger hamburger hamburger--slider" type="button" aria-label="Menu" aria-controls="navigation" id="navigation_toggle"> <span class="hamburger-box"> <span class="hamburger-inner"></span> </span> </button> </div> <div class="c-menu-main__nav" id="navigation"> <ul class="c-menu-main__list"> <li class="c-menu-main__list__item" aria-controls="subnav_02"> <button class="c-menu-main__list__item__toggle" type="button" aria-label="Toggle Innovation menu" aria-controls="subnav_02"> <span class="o-a11y__visuallyhidden">Toggle Innovation menu</span> <svg width="7" height="10"><path d="M.6 10l-.59-.78 5.41-4.05L0 .76.62 0 7 5.2.6 10z" /></svg> </button> <a class="c-menu-main__list__item__link" href="/innovation">Innovation</a> <div class="c-menu-main__dropdown"> <div class="c-menu-main__dropdown__column"> <img alt="" src="/images/default-source/mega-menu-feature-banners/innovation_menu.png?Status=Temp&sfvrsn=8f8907f9_2" loading="lazy" /> </div> <div class="c-menu-main__dropdown__column"> <div class="c-menu-main__dropdown__column__item"> <span class="c-menu-main__heading">Innovation</span> <div class="c-menu-main__subnav"> <ul class="c-menu-main__subnav__list" id="subnav_02"> <li class="c-menu-main__subnav__item" > <a class="c-menu-main__subnav__link" href="/innovation/ecoinnovation" target="_self">Eco Innovation</a> </li> <li class="c-menu-main__subnav__item" > <a class="c-menu-main__subnav__link" href="/innovation/distinctionexperience" target="_self">Distinction & Experience</a> </li> <li class="c-menu-main__subnav__item" > <a class="c-menu-main__subnav__link" href="/innovation/driverassistance" target="_self">Driver Assistance</a> </li> <li class="c-menu-main__subnav__item" > <a class="c-menu-main__subnav__link" href="/innovation/car-of-the-future" target="_self">Car of the Future</a> </li> </ul> </div> </div> </div> </div> </li> <li class="c-menu-main__list__item" aria-controls="subnav_021"> <button class="c-menu-main__list__item__toggle" type="button" aria-label="Toggle Products menu" aria-controls="subnav_021"> <span class="o-a11y__visuallyhidden">Toggle</span> <svg width="7" height="10"><path d="M.6 10l-.59-.78 5.41-4.05L0 .76.62 0 7 5.2.6 10z" /></svg> </button> <a class="c-menu-main__list__item__link" href="/products">Products</a> <div class="c-menu-main__dropdown c-menu-main__dropdown__products" id="subnav_021"> <div class="l-region"> <div class="l-container"> <p class="c-menu-main__heading">Products</p> <div class="l-container-inner"> <div class="c-menu-main__dropdown__column__item"> <span class="c-menu-main__subheading u-block"> <button class="c-menu-main__subnav__toggle-products" type="button" aria-label="Toggle Products menu" aria-controls='subnav_child_02_0'> <span class="o-a11y__visuallyhidden">Toggle</span> <svg width="7" height="10"><path d="M.6 10l-.59-.78 5.41-4.05L0 .76.62 0 7 5.2.6 10z"></path></svg> </button> <span class="spacing-top-0">Complete Vehicles</span> </span> <div class="c-menu-main__subnav"> <ul class="c-menu-main__subnav__list" style="display:block" id='subnav_child_02_0'> <li class="c-menu-main__subnav__item "> <a class="c-menu-main__subnav__link" href="/products/complete-vehicles/complete-vehicle-engineering" target="_self">Complete Vehicle Engineering</a> </li> <li class="c-menu-main__subnav__item "> <a class="c-menu-main__subnav__link" href="/products/complete-vehicles/complete-vehicle-manufacturing" target="_self">Complete Vehicle Manufacturing</a> </li> </ul> </div> </div> <div class="c-menu-main__dropdown__column__item"> <span class="c-menu-main__subheading u-block"> <button class="c-menu-main__subnav__toggle-products" type="button" aria-label="Toggle Products menu" aria-controls='subnav_child_02_1'> <span class="o-a11y__visuallyhidden">Toggle</span> <svg width="7" height="10"><path d="M.6 10l-.59-.78 5.41-4.05L0 .76.62 0 7 5.2.6 10z"></path></svg> </button> <span class="spacing-top-0">Body & Chassis</span> </span> <div class="c-menu-main__subnav"> <ul class="c-menu-main__subnav__list" style="display:block" id='subnav_child_02_1'> <li class="c-menu-main__subnav__item "> <a class="c-menu-main__subnav__link" href="/products/body-chassis/battery-enclosures" target="_self">Battery Enclosures</a> </li> <li class="c-menu-main__subnav__item "> <a class="c-menu-main__subnav__link" href="/products/body-chassis/body-in-white-solutions" target="_self">Body-in-White Solutions</a> </li> <li class="c-menu-main__subnav__item "> <a class="c-menu-main__subnav__link" href="/products/body-chassis/chassis-systems" target="_self">Chassis Systems</a> </li> </ul> </div> </div> <div class="c-menu-main__dropdown__column__item"> <span class="c-menu-main__subheading u-block"> <button class="c-menu-main__subnav__toggle-products" type="button" aria-label="Toggle Products menu" aria-controls='subnav_child_02_2'> <span class="o-a11y__visuallyhidden">Toggle</span> <svg width="7" height="10"><path d="M.6 10l-.59-.78 5.41-4.05L0 .76.62 0 7 5.2.6 10z"></path></svg> </button> <span class="spacing-top-0">Electrical / Electronics</span> </span> <div class="c-menu-main__subnav"> <ul class="c-menu-main__subnav__list" style="display:block" id='subnav_child_02_2'> <li class="c-menu-main__subnav__item "> <a class="c-menu-main__subnav__link" href="/products/electrical-electronics/adas-automated-driving" target="_self">ADAS & Automated Driving</a> </li> <li class="c-menu-main__subnav__item "> <a class="c-menu-main__subnav__link" href="/products/electrical-electronics/control-modules" target="_self">Control Modules</a> </li> </ul> </div> </div> <div class="c-menu-main__dropdown__column__item"> <span class="c-menu-main__subheading u-block"> <button class="c-menu-main__subnav__toggle-products" type="button" aria-label="Toggle Products menu" aria-controls='subnav_child_02_3'> <span class="o-a11y__visuallyhidden">Toggle</span> <svg width="7" height="10"><path d="M.6 10l-.59-.78 5.41-4.05L0 .76.62 0 7 5.2.6 10z"></path></svg> </button> <span class="spacing-top-0">Exterior / Interior</span> </span> <div class="c-menu-main__subnav"> <ul class="c-menu-main__subnav__list" style="display:block" id='subnav_child_02_3'> <li class="c-menu-main__subnav__item active"> <a class="c-menu-main__subnav__link" href="/products/exterior-interior/active-aerodynamics" target="_self">Active Aerodynamics</a> </li> <li class="c-menu-main__subnav__item "> <a class="c-menu-main__subnav__link" href="/products/exterior-interior/exterior-systems-modules" target="_self">Exterior Systems & Modules</a> </li> <li class="c-menu-main__subnav__item "> <a class="c-menu-main__subnav__link" href="/products/exterior-interior/lighting" target="_self">Lighting</a> </li> <li class="c-menu-main__subnav__item "> <a class="c-menu-main__subnav__link" href="/products/exterior-interior/mechatronics" target="_self">Mechatronics</a> </li> <li class="c-menu-main__subnav__item "> <a class="c-menu-main__subnav__link" href="/products/exterior-interior/mirrors" target="_self">Mirrors</a> </li> <li class="c-menu-main__subnav__item "> <a class="c-menu-main__subnav__link" href="/products/exterior-interior/seating" target="_self">Seating</a> </li> <li class="c-menu-main__subnav__item "> <a class="c-menu-main__subnav__link" href="/products/exterior-interior/trim-and-greenhouse-technologies" target="_self">Trim & Greenhouse Technologies</a> </li> </ul> </div> </div> <div class="c-menu-main__dropdown__column__item"> <span class="c-menu-main__subheading u-block"> <button class="c-menu-main__subnav__toggle-products" type="button" aria-label="Toggle Products menu" aria-controls='subnav_child_02_4'> <span class="o-a11y__visuallyhidden">Toggle</span> <svg width="7" height="10"><path d="M.6 10l-.59-.78 5.41-4.05L0 .76.62 0 7 5.2.6 10z"></path></svg> </button> <span class="spacing-top-0">Powertrain</span> </span> <div class="c-menu-main__subnav"> <ul class="c-menu-main__subnav__list" style="display:block" id='subnav_child_02_4'> <li class="c-menu-main__subnav__item "> <a class="c-menu-main__subnav__link" href="/products/powertrain/bev-powertrain" target="_self">BEV Powertrain</a> </li> <li class="c-menu-main__subnav__item "> <a class="c-menu-main__subnav__link" href="/products/powertrain/hybrid-powertrain" target="_self">Hybrid Powertrain</a> </li> <li class="c-menu-main__subnav__item "> <a class="c-menu-main__subnav__link" href="/products/powertrain/ice-powertrain" target="_self">ICE Powertrain</a> </li> <li class="c-menu-main__subnav__item "> <a class="c-menu-main__subnav__link" href="/products/powertrain/modules-and-components" target="_self">Modules and Components</a> </li> <li class="c-menu-main__subnav__item "> <a class="c-menu-main__subnav__link" href="/products/powertrain/energy-storage-systems" target="_self">Energy Storage Systems</a> </li> </ul> </div> </div> </div> </div> </div> </div> </li> <li class="c-menu-main__list__item" aria-controls="subnav_01"> <button class="c-menu-main__list__item__toggle" type="button" aria-label="Toggle Stories menu" aria-controls="subnav_01"> <span class="o-a11y__visuallyhidden">Toggle</span> <svg width="7" height="10"><path d="M.6 10l-.59-.78 5.41-4.05L0 .76.62 0 7 5.2.6 10z"></path></svg> </button> <a class="c-menu-main__list__item__link" href="/stories">Stories</a> <div class="c-menu-main__dropdown"> <div class="c-menu-main__dropdown__column"> <img alt="" src="/images/default-source/mega-menu-feature-banners/stories_mega_menu_image.webp" loading="lazy" /> </div> <div class="c-menu-main__dropdown__column"> <div class="c-menu-main__dropdown__column__item"> <span class="c-menu-main__heading">Stories</span> <div class="c-menu-main__subnav"> <ul class="c-menu-main__subnav__list" id="subnav_01"> <li class="c-menu-main__subnav__item"> <a class="c-menu-main__subnav__link" target="_self" href="/stories/?type=news-press-releases">Releases</a> </li> <li class="c-menu-main__subnav__item"> <a class="c-menu-main__subnav__link" target="_self" href="/stories/?topic=magna-people">Magna People</a> </li> <li class="c-menu-main__subnav__item"> <a class="c-menu-main__subnav__link" target="_self" href="/stories/?topic=product-technology">Product & Technology</a> </li> <li class="c-menu-main__subnav__item"> <a class="c-menu-main__subnav__link" target="_self" href="/stories/?topic=growth">Growth</a> </li> <li class="c-menu-main__subnav__item"> <a class="c-menu-main__subnav__link" target="_self" href="/stories/?topic=esg">ESG</a> </li> <li class="c-menu-main__subnav__item"> <a class="c-menu-main__subnav__link" target="_self" href="/stories/?topic=financials">Financials</a> </li> <li class="c-menu-main__subnav__item"> <a class="c-menu-main__subnav__link" target="_self" href="/stories/?topic=inside-automotive">Inside Automotive</a> </li> </ul> </div> </div> </div> </div> </li> <li class="c-menu-main__list__item" aria-controls="subnav_03"> <button class="c-menu-main__list__item__toggle" type="button" aria-label="Toggle Company menu" aria-controls="subnav_03"> <span class="o-a11y__visuallyhidden">Toggle Company menu</span> <svg width="7" height="10"><path d="M.6 10l-.59-.78 5.41-4.05L0 .76.62 0 7 5.2.6 10z" /></svg> </button> <a class="c-menu-main__list__item__link" href="/company">Company</a> <div class="c-menu-main__dropdown"> <div class="c-menu-main__dropdown__column"> <img alt="" src="/images/default-source/brand/stock-photography/1920x960-menu-photos-02.jpg?Status=Temp&sfvrsn=b9bedceb_4" loading="lazy"/> </div> <div class="c-menu-main__dropdown__column"> <div class="c-menu-main__dropdown__column__item"> <span class="c-menu-main__heading">Company</span> <div class="c-menu-main__subnav"> <ul class="c-menu-main__subnav__list" id="subnav_03"> <li class="c-menu-main__subnav__item " aria-controls="subnav_child_03_1"> <button class="c-menu-main__subnav__toggle" type="button" aria-label="Toggle Company Information menu" aria-controls="subnav_child_03_1"> <span class="o-a11y__visuallyhidden">Toggle Company Information menu</span> <svg width="7" height="10"><path d="M.6 10l-.59-.78 5.41-4.05L0 .76.62 0 7 5.2.6 10z" /></svg> </button> <a class="c-menu-main__subnav__link" href="/company/company-information" target="_self">Company Information</a> <ul class="c-menu-main__subnav__list c-menu-main__subnav__list--child" id="subnav_child_03_1"> <li class="c-menu-main__subnav__item "> <a class="c-menu-main__subnav__link" href="/company/company-information/magna-groups" target="_self">Magna Groups</a> </li> <li class="c-menu-main__subnav__item "> <a class="c-menu-main__subnav__link" href="/company/company-information/facts-history" target="_self">Facts & History</a> </li> <li class="c-menu-main__subnav__item "> <a class="c-menu-main__subnav__link" href="/company/company-information/customers" target="_self">Customers</a> </li> <li class="c-menu-main__subnav__item "> <a class="c-menu-main__subnav__link" href="/company/company-information/industry-events" target="_self">Industry Events</a> </li> <li class="c-menu-main__subnav__item "> <a class="c-menu-main__subnav__link" href="/company/company-information/leadership-and-governance" target="_self">Leadership & Governance</a> </li> <li class="c-menu-main__subnav__item "> <a class="c-menu-main__subnav__link" href="/company/company-information/global-reach" target="_self">Global Reach</a> </li> </ul> </li> <li class="c-menu-main__subnav__item " aria-controls="subnav_child_03_2"> <button class="c-menu-main__subnav__toggle" type="button" aria-label="Toggle Investors menu" aria-controls="subnav_child_03_2"> <span class="o-a11y__visuallyhidden">Toggle Investors menu</span> <svg width="7" height="10"><path d="M.6 10l-.59-.78 5.41-4.05L0 .76.62 0 7 5.2.6 10z" /></svg> </button> <a class="c-menu-main__subnav__link" href="/company/investors" target="_self">Investors</a> <ul class="c-menu-main__subnav__list c-menu-main__subnav__list--child" id="subnav_child_03_2"> <li class="c-menu-main__subnav__item "> <a class="c-menu-main__subnav__link" href="/company/investors/financial-reports-public-filings" target="_self">Financial Reports & Public Filings</a> </li> <li class="c-menu-main__subnav__item "> <a class="c-menu-main__subnav__link" href="/company/investors/shareholder-information" target="_self">Shareholder Information</a> </li> <li class="c-menu-main__subnav__item "> <a class="c-menu-main__subnav__link" href="/company/investors/calendar-of-events-presentations" target="_self">Calendar of Events & Presentations</a> </li> </ul> </li> <li class="c-menu-main__subnav__item " aria-controls="subnav_child_03_3"> <button class="c-menu-main__subnav__toggle" type="button" aria-label="Toggle Newsroom menu" aria-controls="subnav_child_03_3"> <span class="o-a11y__visuallyhidden">Toggle Newsroom menu</span> <svg width="7" height="10"><path d="M.6 10l-.59-.78 5.41-4.05L0 .76.62 0 7 5.2.6 10z" /></svg> </button> <a class="c-menu-main__subnav__link" href="/company/newsroom" target="_self">Newsroom</a> <ul class="c-menu-main__subnav__list c-menu-main__subnav__list--child" id="subnav_child_03_3"> <li class="c-menu-main__subnav__item "> <a class="c-menu-main__subnav__link" href="/company/newsroom/news-press-releases" target="_self">News & Press Releases</a> </li> <li class="c-menu-main__subnav__item "> <a class="c-menu-main__subnav__link" href="/company/newsroom/releases-archive" target="_self">News & Press Releases Archive</a> </li> </ul> </li> <li class="c-menu-main__subnav__item" > <a class="c-menu-main__subnav__link" href="/company/magna-technology-investments" target="_self">Magna Technology Investments</a> </li> <li class="c-menu-main__subnav__item " aria-controls="subnav_child_03_5"> <button class="c-menu-main__subnav__toggle" type="button" aria-label="Toggle ESG menu" aria-controls="subnav_child_03_5"> <span class="o-a11y__visuallyhidden">Toggle ESG menu</span> <svg width="7" height="10"><path d="M.6 10l-.59-.78 5.41-4.05L0 .76.62 0 7 5.2.6 10z" /></svg> </button> <a class="c-menu-main__subnav__link" href="/company/esg" target="_self">ESG</a> <ul class="c-menu-main__subnav__list c-menu-main__subnav__list--child" id="subnav_child_03_5"> <li class="c-menu-main__subnav__item "> <a class="c-menu-main__subnav__link" href="/company/esg/sustainability" target="_self">Sustainability</a> </li> <li class="c-menu-main__subnav__item "> <a class="c-menu-main__subnav__link" href="/company/esg/diversity---inclusion" target="_self">Diversity & Inclusion</a> </li> <li class="c-menu-main__subnav__item "> <a class="c-menu-main__subnav__link" href="/company/esg/leadership---governance" target="_self">Leadership & Governance</a> </li> </ul> </li> </ul> </div> </div> </div> </div> </li> <li class="c-menu-main__list__item" aria-controls="subnav_04"> <button class="c-menu-main__list__item__toggle" type="button" aria-label="Toggle Careers menu" aria-controls="subnav_04"> <span class="o-a11y__visuallyhidden">Toggle Careers menu</span> <svg width="7" height="10"><path d="M.6 10l-.59-.78 5.41-4.05L0 .76.62 0 7 5.2.6 10z" /></svg> </button> <a class="c-menu-main__list__item__link" href="/careers">Careers</a> <div class="c-menu-main__dropdown"> <div class="c-menu-main__dropdown__column"> <img alt="" src="/images/default-source/brand/stock-photography/0ed4ae76-c685-4e2f-b4db-9e6b861b40ca_8722d9e8-182f-4477-ac75-955ccefae8b6_2022-navdropdown-1920x660-v2-1.jpg?sfvrsn=f74e4f10_3" loading="lazy" /> </div> <div class="c-menu-main__dropdown__column"> <div class="c-menu-main__dropdown__column__item"> <span class="c-menu-main__heading">Careers</span> <div class="c-menu-main__subnav"> <ul class="c-menu-main__subnav__list" id="subnav_04"> <li class="c-menu-main__subnav__item" > <a class="c-menu-main__subnav__link" href="/careers/open-positions" target="_blank">Open Positions</a> </li> <li class="c-menu-main__subnav__item" > <a class="c-menu-main__subnav__link" href="/careers/students" target="_self">Students</a> </li> <li class="c-menu-main__subnav__item" > <a class="c-menu-main__subnav__link" href="/careers/beware-of-fraudulent-job-offers" target="_self">Beware of Fraudulent Job Offers</a> </li> </ul> </div> </div> </div> </div> </li> <li class="c-menu-main__list__item c-menu-main__list__item--utility"> <a class="c-menu-main__list__item__link" href="/contact" target="_self">Contact</a> </li> <li class="c-menu-main__list__item c-menu-main__list__item--dropdown"> <button class="c-menu-main__list__item__link" type="button" aria-controls="dropdown_search"> <span class="o-a11y__visuallyhidden">Search Toggle</span> <svg class="u-block spacing-top-0" xmlns="http://www.w3.org/2000/svg" width="18.56" height="16.21" viewBox="0 0 18.56 16.21"> <path d="M6.49,13A6.49,6.49,0,1,1,13,6.49,6.5,6.5,0,0,1,6.49,13Zm0-12A5.49,5.49,0,1,0,12,6.49,5.49,5.49,0,0,0,6.49,1Z" /> <rect x="14.14" y="7.96" width="1" height="9.51" transform="translate(-4.56 15.45) rotate(-49.08)" /> </svg> </button> <div class="c-menu-search" id="dropdown_search"> <form action="/products/exterior-interior/active-aerodynamics/search" method="POST" name="GoogleSearchController"> <div class="o-input__inline"> <label class="o-a11y__visuallyhidden" for="s">Enter search terms</label> <input class="o-input__text" id="s" name="s" type="search" placeholder="Enter search term" value="" autocomplete="off"> <button class="o-button" type="submit">Search</button> </div> </form> </div> </li> <li class="c-menu-main__list__item c-menu-main__list__item--dropdown"> <button class="c-menu-main__list__item__link" type="button" aria-label="Language Menu" aria-controls="dropdown_language"> <span class="o-a11y__visuallyhidden">Language Menu</span> <svg class="u-block spacing-top-0" xmlns="http://www.w3.org/2000/svg" width="19" height="19.08" viewBox="0 0 19 19.08"> <path d="M9.5,19.1A9.5,9.5,0,1,1,19,9.6,9.51,9.51,0,0,1,9.5,19.1Zm0-18A8.5,8.5,0,1,0,18,9.6,8.51,8.51,0,0,0,9.5,1.1Z" transform="translate(0 -0.02)" /> <rect x="9.07" y="0.47" width="1" height="18.15" /> <rect x="0.5" y="9.04" width="18.14" height="1" /> <rect x="1.7" y="4.44" width="15.88" height="1" /> <rect x="1.7" y="13.64" width="15.88" height="1" /> <path d="M9.28,19A11.56,11.56,0,0,1,4.54,9.49,11.54,11.54,0,0,1,9.28,0l.59.8A10.57,10.57,0,0,0,5.54,9.49a10.55,10.55,0,0,0,4.33,8.67Z" transform="translate(0 -0.02)" /> <path d="M9.87,19l-.59-.81A10.6,10.6,0,0,0,13.61,9.5,10.63,10.63,0,0,0,9.28.82L9.87,0A11.59,11.59,0,0,1,14.61,9.5,11.58,11.58,0,0,1,9.87,19Z" transform="translate(0 -0.02)" /> </svg> </button> <div class="c-menu-language" id="dropdown_language"> <button class="c-menu-language__link o-heading-body2 is-selected" lang="en" type="button" onclick="openLink('en'); return false;">English</button> <button class="c-menu-language__link o-heading-body2 " lang="de" type="button" onclick="openLink('de'); return false;">Deutsch</button> <button class="c-menu-language__link o-heading-body2 " lang="es" type="button" onclick="openLink('es'); return false;">español</button> <button class="c-menu-language__link o-heading-body2 " lang="zh" type="button" onclick="openLink('zh'); return false;">中文</button> <button class="c-menu-language__link o-heading-body2 " lang="ja" type="button" onclick="openLink('ja'); return false;">日本語</button> </div> </li> </ul> </div> </nav> </div> </header> <main class="l-region-main spacing-top-0"> <div class="l-region l-region--dark l-region--media l-region--hero is-animate-ready" data-sf-element="Row"> <div id="BodyRegion_T3C21CAB5001_Col00" class="sf_colsIn l-container" data-sf-element="Container" data-placeholder-label="Container (Media)"> <video aria-hidden="true" preload="metadata" muted playsinline loop src="https://cdn.mediavalet.com/usil/mediamanager/QHLhsS9Cc0aniWFODUwvdw/nJ0U1lGAh0e9Qaq7MWx3Ag/Widescreen720p/2019_video_banner_exteriors_suv_activeaerodyn_faster_further_for_less.mp4"></video><div class="l-container l-grid-layout" data-sf-element="Grid Layout"> <div class="l-row l-row--center l-grid-layout__one-column" data-sf-element="Grid Type"> <div id="BodyRegion_T3C21CAB5002_Col00" class="sf_colsIn l-column l-column--full is-animate-stagger" data-sf-element="Column 1" data-placeholder-label="Grid Column 1"> <div > <div ><span class="o-keyline"></span></div> </div> <div class="spacing-top-20" > <div ><h1 class="o-heading-h1">Active Aerodynamics</h1></div> </div> </div> </div> </div> </div> <div class="l-region--media__indicator"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 18.8 12.9" xml:space="preserve"> <path d="M9 12.9L0 .9 1.2 0l7.9 10.5L17.6 0l1.2.9z"></path> </svg> </div> </div> <div class="l-region l-region--default l-region--container is-animate-ready" data-sf-element="Row"> <div id="BodyRegion_T3C21CAB5025_Col00" class="sf_colsIn l-region--container__wrapper" data-sf-element="Container" data-placeholder-label="Container"><div class="l-container l-grid-layout" data-sf-element="Grid Layout"> <div class="l-grid-layout__two-column is-animate-stagger" data-sf-element="Grid Type"> <div id="BodyRegion_C002_Col00" class="sf_colsIn" data-sf-element="Grid Column 1" data-placeholder-label="Column 1"> <div class="spacing-bottom-20 xs:spacing-bottom-10" > <div ><span class="o-keyline"></span></div> </div> <div class="spacing-top-0" > <div ><h2 class="o-heading-h2">Faster, Further, For Less</h2></div> </div> </div> <div id="BodyRegion_C002_Col01" class="sf_colsIn" data-sf-element="Grid Column 2" data-placeholder-label="Column 2"> <div class="spacing-bottom-20 xs:spacing-bottom-10" > <div ><span class="o-keyline"></span></div> </div> <div class="spacing-top-0" > <div ><p>Active Aerodynamics help vehicles go faster, further, for less. Components become ‘active’ when they automatically engage and move based on vehicle driving conditions. Magna’s already a leader in the field with active grille shutters and active air deflectors in production that help regulate air flow, leading to improved fuel economy and extended range. Magna’s experience enables us to adapt an active aerodynamic device anywhere on any vehicle.</p></div> </div> </div> </div> </div> </div> </div> <div class="l-region l-region--default l-region--container is-animate-ready" data-sf-element="Row"> <div id="BodyRegion_C106_Col00" class="sf_colsIn l-region--container__wrapper" data-sf-element="Container" data-placeholder-label="Container"><div class="l-container l-grid-layout" data-sf-element="Grid Layout"> <div class="l-grid-layout__one-column is-animate-stagger" data-sf-element="Grid Type"> <div id="BodyRegion_C107_Col00" class="sf_colsIn" data-sf-element="Column 1" data-placeholder-label="Grid Column 1"> <figure class="card-video"> <div class="card-video-image"> <img srcset="/images/default-source/default-album/video_image_active_aero-v2-0.tmb-wide480p.webp?sfvrsn=94b804e4_4 853w, /images/default-source/default-album/video_image_active_aero-v2-0.tmb-widescreen.webp?sfvrsn=94b804e4_4 2x, /images/default-source/default-album/video_image_active_aero-v2-0.tmb-widescreen.webp?sfvrsn=94b804e4_4 1280w, /images/default-source/default-album/video_image_active_aero-v2-0.tmb-wide1080p.webp?sfvrsn=94b804e4_4 1920w" sizes="(max-width: 599px) 100vw, 100vw" src="/images/default-source/default-album/video_image_active_aero-v2-0.tmb-widescreen.webp?sfvrsn=94b804e4_4" alt="Active Aerodynamics" loading="lazy"> </div> <figcaption class="card-video-content"> <div> </div> <a class="card-video-link" href="https://cdn.mediavalet.com/usil/mediamanager/C9ydPu6t1k6XW7FIpQt2ig/MOJIUU3Ue0q2oEQwTG-3_A/Widescreen1080p/Active%20Aero%20Sizzle.mp4"> <span class="visually-hidden"> Watch Active Aerodynamics video </span> </a> </figcaption> </figure> </div> </div> </div> </div> </div> <div class="l-region l-region--default l-region--container is-animate-ready" data-sf-element="Row"> <div id="BodyRegion_C051_Col00" class="sf_colsIn l-region--container__wrapper" data-sf-element="Container" data-placeholder-label="Container"><div class="l-container l-grid-layout spacing-bottom-90 xs:spacing-bottom-50" data-sf-element="Grid Layout"> <div class="l-row l-row--center l-grid-layout__one-column" data-sf-element="Grid Type"> <div id="BodyRegion_C052_Col00" class="sf_colsIn l-column l-column--full is-animate-stagger" data-sf-element="Column 1" data-placeholder-label="Grid Column 1"> <div class="spacing-bottom-20 xs:spacing-bottom-10" > <div ><span class="o-keyline"></span></div> </div> <div class="spacing-top-0" > <div ><h2 class="o-heading-h2">Video Gallery</h2></div> </div> </div> </div> </div><div class="l-container l-grid-layout" data-sf-element="Grid Layout"> <div class="l-grid-layout__three-column is-animate-stagger" data-sf-element="Grid Type"> <div id="BodyRegion_C134_Col00" class="sf_colsIn" data-sf-element="Grid Column 1" data-placeholder-label="Column 1"> <figure class="card-video"> <div class="card-video-image"> <img srcset="/images/default-source/products/body-exteriors-and-structures/active-aerodynamic/video-thumbnails/activegrilleshutter_tn-01.tmb-wide480p.webp?sfvrsn=9bf3cb7f_3 853w, /images/default-source/products/body-exteriors-and-structures/active-aerodynamic/video-thumbnails/activegrilleshutter_tn-01.tmb-widescreen.webp?sfvrsn=9bf3cb7f_3 2x, /images/default-source/products/body-exteriors-and-structures/active-aerodynamic/video-thumbnails/activegrilleshutter_tn-01.tmb-widescreen.webp?sfvrsn=9bf3cb7f_3 1280w, /images/default-source/products/body-exteriors-and-structures/active-aerodynamic/video-thumbnails/activegrilleshutter_tn-01.tmb-wide1080p.webp?sfvrsn=9bf3cb7f_3 1920w" sizes="(max-width: 599px) 100vw, 100vw" src="/images/default-source/products/body-exteriors-and-structures/active-aerodynamic/video-thumbnails/activegrilleshutter_tn-01.tmb-widescreen.webp?sfvrsn=9bf3cb7f_3" alt="Picture of the front of a vehicle driving down a road showing how the active grille shutter works" loading="lazy"> </div> <figcaption class="card-video-content"> <div> <p class=o-heading-lead>Active Grille Shutter</p> </div> <a class="card-video-link" href="https://cdn.mediavalet.com/usil/mediamanager/AtICn_FiQ06cHJT1RWQifg/bh7jYl6k00KUQ7jido629A/Widescreen1080p/Active%20Aero-%20Visible%20Active%20Grille%20Shutter%20Pick%20Up.mp4"> <span class="visually-hidden"> Watch Active Grille Shutter video </span> </a> </figcaption> </figure> </div> <div id="BodyRegion_C134_Col01" class="sf_colsIn" data-sf-element="Grid Column 2" data-placeholder-label="Column 2"> <figure class="card-video"> <div class="card-video-image"> <img srcset="/images/default-source/products/body-exteriors-and-structures/active-aerodynamic/video-thumbnails/activeairdeflector_tn-01.tmb-wide480p.webp?sfvrsn=1681dde9_3 853w, /images/default-source/products/body-exteriors-and-structures/active-aerodynamic/video-thumbnails/activeairdeflector_tn-01.tmb-widescreen.webp?sfvrsn=1681dde9_3 2x, /images/default-source/products/body-exteriors-and-structures/active-aerodynamic/video-thumbnails/activeairdeflector_tn-01.tmb-widescreen.webp?sfvrsn=1681dde9_3 1280w, /images/default-source/products/body-exteriors-and-structures/active-aerodynamic/video-thumbnails/activeairdeflector_tn-01.tmb-wide1080p.webp?sfvrsn=1681dde9_3 1920w" sizes="(max-width: 599px) 100vw, 100vw" src="/images/default-source/products/body-exteriors-and-structures/active-aerodynamic/video-thumbnails/activeairdeflector_tn-01.tmb-widescreen.webp?sfvrsn=1681dde9_3" alt="Picture of the front of a vehicle driving down a road showing how the active air deflector works" loading="lazy"> </div> <figcaption class="card-video-content"> <div> <p class=o-heading-lead>Active Air Deflector</p> </div> <a class="card-video-link" href="https://cdn.mediavalet.com/usil/mediamanager/peQSwhPsYEWYS6fCmldMaQ/G9S3mk-lfUiKjM4QJbo6jA/Widescreen1080p/Active%20Air%20Deflector-%20Pick%20up%20truck%20with%20text.mp4"> <span class="visually-hidden"> Watch Active Air Deflector video </span> </a> </figcaption> </figure> </div> <div id="BodyRegion_C134_Col02" class="sf_colsIn" data-sf-element="Grid Column 3" data-placeholder-label="Column 3"> <figure class="card-video"> <div class="card-video-image"> <img srcset="/images/default-source/products/body-exteriors-and-structures/active-aerodynamic/video-thumbnails/activeunderbodypanel_tn-01.tmb-wide480p.webp?sfvrsn=e8edeb6f_3 853w, /images/default-source/products/body-exteriors-and-structures/active-aerodynamic/video-thumbnails/activeunderbodypanel_tn-01.tmb-widescreen.webp?sfvrsn=e8edeb6f_3 2x, /images/default-source/products/body-exteriors-and-structures/active-aerodynamic/video-thumbnails/activeunderbodypanel_tn-01.tmb-widescreen.webp?sfvrsn=e8edeb6f_3 1280w, /images/default-source/products/body-exteriors-and-structures/active-aerodynamic/video-thumbnails/activeunderbodypanel_tn-01.tmb-wide1080p.webp?sfvrsn=e8edeb6f_3 1920w" sizes="(max-width: 599px) 100vw, 100vw" src="/images/default-source/products/body-exteriors-and-structures/active-aerodynamic/video-thumbnails/activeunderbodypanel_tn-01.tmb-widescreen.webp?sfvrsn=e8edeb6f_3" alt="Picture of the front of a vehicle driving down a road showing how the active underbody panel works" loading="lazy"> </div> <figcaption class="card-video-content"> <div> <p class=o-heading-lead>Active Underbody</p> </div> <a class="card-video-link" href="https://cdn.mediavalet.com/usil/mediamanager/qc2kgjJY5Eeu8XLRTm0YxQ/w_Njrf1ClUuoB28L_m5Zfw/Widescreen1080p/Active%20Underbody-%20Sedan.mp4"> <span class="visually-hidden"> Watch Active Underbody video </span> </a> </figcaption> </figure> </div> </div> </div> </div> </div> <div class="l-region l-region--default l-region--container is-animate-ready" data-sf-element="Row"> <div id="BodyRegion_C069_Col00" class="sf_colsIn l-region--container__wrapper" data-sf-element="Container" data-placeholder-label="Container"><div class="l-container l-grid-layout" data-sf-element="Grid Layout"> <div class="l-grid-layout__one-column is-animate-stagger" data-sf-element="Grid Type"> <div id="BodyRegion_C138_Col00" class="sf_colsIn" data-sf-element="Column 1" data-placeholder-label="Grid Column 1"> <span class="o-keyline spacing-bottom-20 xs:spacing-bottom-10" aria-hidden="true"></span> </div> </div> </div><div class="l-container l-grid-layout" data-sf-element="Grid Layout"> <div class="l-grid-layout__two-column is-animate-stagger" data-sf-element="Grid Type"> <div id="BodyRegion_C139_Col00" class="sf_colsIn" data-sf-element="Grid Column 1" data-placeholder-label="Column 1"> <div > <div ><h2 class="o-heading-h2">Wind Tunnel Experience</h2></div> </div> <div class="o-heading-lead u-fontweight-700" > <div ><p>Faster, Further, For Less</p></div> </div> <div class="o-buttonlink-wrapper o-buttonlink-wrapper--accent o-buttonlink-wrapper--icon spacing-top-50" > <div ><span class="o-a11y__visuallyhidden"></span><a href="/products/exterior-interior/active-aerodynamics/windtunnel-testing"><span class="o-a11y__visuallyhidden">Click here to </span>Learn More</a></div> </div> </div> <div id="BodyRegion_C139_Col01" class="sf_colsIn" data-sf-element="Grid Column 2" data-placeholder-label="Column 2"> <img class="u-block" src="/images/default-source/default-album/wt_thumbnail_activeaero-01.tmb-masthead.jpg?Culture=en&sfvrsn=7699b564_1" alt="Two colleagues discussing in a car lab" loading="lazy" /> </div> </div> </div><div class="l-container l-grid-layout" data-sf-element="Grid Layout"> <div class="l-row l-row--center l-grid-layout__one-column" data-sf-element="Grid Type"> <div id="BodyRegion_C070_Col00" class="sf_colsIn l-column l-column--full is-animate-stagger text-center" data-sf-element="Column 1" data-placeholder-label="Grid Column 1"> </div> </div> </div> </div> </div> <div class="l-region l-region--default l-region--container is-animate-ready" data-sf-element="Row"> <div id="BodyRegion_C043_Col00" class="sf_colsIn l-region--container__wrapper" data-sf-element="Container" data-placeholder-label="Container"><div class="l-container l-grid-layout" data-sf-element="Grid Layout"> <div class="l-grid-layout__one-column is-animate-stagger" data-sf-element="Grid Type"> <div id="BodyRegion_C044_Col00" class="sf_colsIn" data-sf-element="Column 1" data-placeholder-label="Grid Column 1"> <div class="spacing-bottom-20 xs:spacing-bottom-10" > <div ><span class="o-keyline"></span></div> </div> </div> </div> </div><div class="l-container l-grid-layout" data-sf-element="Grid Layout"> <div class="l-grid-layout__two-column is-animate-stagger" data-sf-element="Grid Type"> <div id="BodyRegion_C045_Col00" class="sf_colsIn" data-sf-element="Grid Column 1" data-placeholder-label="Column 1"> <div class="spacing-top-0" > <div ><h2 class="o-heading-h2">ATZ Automotive and Active Aerodynamics</h2></div> </div> <div class="o-buttonlink-wrapper o-buttonlink-wrapper--accent o-buttonlink-wrapper--icon spacing-top-40 xs:spacing-top-20" > <div ><span class="o-a11y__visuallyhidden"></span><a href="/products/exterior-interior/active-aerodynamics/braendonlindberg-interview"><span class="o-a11y__visuallyhidden">Click here to </span>Read Article</a></div> </div> </div> <div id="BodyRegion_C045_Col01" class="sf_colsIn" data-sf-element="Grid Column 2" data-placeholder-label="Column 2"> <img class="u-block" src="/images/default-source/interview-braendon-lindberg/1800x502_banner_ext_atz_article.tmb-product@2x.webp?Culture=en&sfvrsn=9f690e67_1" alt="ID.4compressed" loading="lazy" /> </div> </div> </div> </div> </div> </main> <footer class="l-region-footer spacing-top-0"> <div class="l-container"> <script integrity="sha256-9qJtzIkhf5rZg5iBmStPQilKqvFoBgcnL4g4Fq4lYv0=" type="application/ld+json">{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"http://www.magna.com/"},{"@type":"ListItem","position":2,"name":"Products","item":"http://www.magna.com/products"},{"@type":"ListItem","position":3,"name":"Active Aerodynamics","item":"http://www.magna.com/products/exterior-interior/active-aerodynamics"}]}</script> <nav aria-label="Breadcrumb" class="c-menu-breadcrumb"> <div class="spacing-top-10 spacing-bottom-10 u-padding0--left xs:spacing-bottom-0 xs:spacing-top-0"> <ol class="c-menu-breadcrumb__list o-list o-heading-small"> <li class="c-menu-breadcrumb__list__item spacing-top-10 spacing-bottom-10 xs:spacing-top-0 xs:spacing-bottom-0"> <a href="/"> <img alt="logo of Magna International" src="/ResourcePackages/HighroadFramework/dist/images/logo_Magna-white.svg" width="150" title="Driving Excellence. Inspiring Innovation." loading="lazy"> </a> </li> <li class="c-menu-breadcrumb__list__item spacing-top-10 spacing-bottom-10 xs:spacing-top-0 xs:spacing-bottom-0"> <svg xmlns="http://www.w3.org/2000/svg" width="8.563" height="11.972" viewBox="0 0 8.563 11.972" role="presentation"> <path d="M455.5,810l6.874,5.614-6.874,5.178" transform="translate(-455.026 -809.419)" fill="none" stroke="#cecece" stroke-width="1.5" /> </svg> <a class="c-menu-breadcrumb__link" href="/products">Products</a> </li> <li class="c-menu-breadcrumb__list__item spacing-top-10 spacing-bottom-10 xs:spacing-top-0 xs:spacing-bottom-0"> <svg xmlns="http://www.w3.org/2000/svg" width="8.563" height="11.972" viewBox="0 0 8.563 11.972" role="presentation"> <path d="M455.5,810l6.874,5.614-6.874,5.178" transform="translate(-455.026 -809.419)" fill="none" stroke="#cecece" stroke-width="1.5" /> </svg> <span class="c-menu-breadcrumb__link" href="/products/exterior-interior/active-aerodynamics">Active Aerodynamics</span> </li> </ol> </div> </nav> <div class="xs:spacing-top-0" > <div ><nav class="c-menu-secondary o-heading-body2 spacing-top-60 xs:spacing-top-30" aria-label="Utility navigation"><ul class="o-list"><li><a href="/privacy">Privacy</a> <ul class="o-list"><li class="spacing-top-0"><a href="/privacy-eu">Privacy - EU</a></li><li class="spacing-top-0"><a href="/privacidade-brasil">Privacy - Brazil (Portuguese)</a></li></ul></li><li><a href="/company/for-employees">For Employees</a></li><li><a href="/company/suppliers">Suppliers</a></li><li><a href="/careers">Careers</a></li><li><a href="/forward-looking-statements">Forward Looking Statements</a></li><li><a href="/accessibility">Accessibility</a></li><li><a href="/regulatory-matters">Regulatory Matters</a></li><li>Connect with Magna <ul class="o-list c-menu-socialmedia spacing-top-10"><li><a href="//www.linkedin.com/company/magna-international/"><img alt="LinkedIn" height="20" width="20" src="/ResourcePackages/HighroadFramework/dist/images/icon_linkedin.svg" data-sf-ec-immutable="" loading="lazy" /></a></li><li><a href="//www.facebook.com/MagnaInternational"><img alt="Facebook" height="20" width="20" src="/ResourcePackages/HighroadFramework/dist/images/icon_facebook.svg" data-sf-ec-immutable="" loading="lazy" /></a></li><li><a href="//twitter.com/magnaint"><img src="/images/default-source/brand/icon-library/x_reverse_v1.0.png?sfvrsn=92e6dc3f_1" height="20" loading="lazy" width="20" alt="Twitter" /></a></li><li><a href="//www.youtube.com/user/MagnaInternationalTV"><img alt="YouTube" height="20" width="20" src="/ResourcePackages/HighroadFramework/dist/images/icon_youtube.svg" data-sf-ec-immutable="" loading="lazy" /></a></li><li><a href="//www.instagram.com/magna_int/"><img alt="Instagram" height="20" width="20" src="/ResourcePackages/HighroadFramework/dist/images/icon_instagram.svg" data-sf-ec-immutable="" loading="lazy" /></a></li><li><a href="//www.tiktok.com/@magna_int"><img alt="TikTok" height="20" width="20" src="/ResourcePackages/HighroadFramework/dist/images/icon_tiktok.svg" data-sf-ec-immutable="" loading="lazy" /></a></li><li><a href="https://www.glassdoor.ca/Overview/Working-at-Magna-International-EI_IE5767.11,30.htm?countryRedirect=true"><img src="/images/default-source/brand/icon-library/icon-glassdoor.svg?sfvrsn=fcfe082c_4" height="20" loading="lazy" width="20" alt="Glassdoor" /></a></li></ul></li></ul></nav><p class="o-heading-body2 spacing-top-60 xs:spacing-top-30">© 2025 Magna International Inc. All Rights Reserved.</p></div> </div> <script defer src="https://cdn.jsdelivr.net/npm/a11y-dialog@7/dist/a11y-dialog.min.js"></script> <script defer type="text/javascript" src="https://unpkg.com/@popperjs/core@2"></script> <script defer type="text/javascript" src="https://unpkg.com/tippy.js@6"></script> <style> .l-grid-layout__multirow > .l-container, .l-grid-layout__multirow > .l-container > .l-row { display: contents; } .tooltip { cursor: pointer; border-bottom: 1px dotted currentColor; } </style> <div class="custom-modal"> <button class="custom-modal__close" type="button" aria-label="Close this window"> <svg xmlns="http://www.w3.org/2000/svg" height="32px" viewBox="0 0 24 24" width="32px" fill="#FFFFFF"> <path d="M0 0h24v24H0V0z" fill="none"></path> <path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"></path> </svg> </button> <div class="custom-modal__content"></div> </div> </div> </footer> <script defer src="/CoreJS" type="text/javascript"></script> <script defer src="/MagnaJS/Home" type="text/javascript"></script> <script src="/Frontend-Assembly/Telerik.Sitefinity.Frontend.Navigation/Mvc/Scripts/Navigation.min.js?package=HighroadFramework&v=MjAxNzk2MTc0Ng%3d%3d" type="text/javascript"></script><script src="/ResourcePackages/HighroadFramework/MVC/Scripts/Card/Card.Video.js" type="text/javascript"></script><input data-sf-role='en' type='hidden' value='https://www.magna.com/products/exterior-interior/active-aerodynamics'><input data-sf-role='de' type='hidden' value='https://www.magna.com/de/produkte/Außen--Innenausstattungen/aktive-aerodynamik'><input data-sf-role='es' type='hidden' value='https://www.magna.com/es/productos/exterior-interior/aerodinámica-activa'><input data-sf-role='zh' type='hidden' value='https://www.magna.com/zh/产品技术/外饰-内饰/主动式空气动力系统'><input data-sf-role='ja' type='hidden' value='https://www.magna.com/ja/products/エクステリア-インテリア/アクティブ-エアロダイナミクス'><script type="text/javascript"> function openLink(culture) { var url = $('[data-sf-role="' + culture + '"]').val(); window.location = url; } document.addEventListener('DOMContentLoaded', () => { // Tooltips tippy('.tooltip', { content: (reference) => reference.getAttribute('data-content'), trigger: 'click', }); }); // Video modal (() => { const handleVideoGalleryToggleClick = (e) => { e.preventDefault(); const videoUrl = e.currentTarget.getAttribute('href'); const modal = document.querySelector('.custom-modal'); const modalContent = `<video playsinline autoplay controls><source src="${videoUrl}" type="video/mp4"></video>`; if (modal) { modal.querySelector('.custom-modal__content').innerHTML = modalContent; modal.classList.add('js-active'); } }; const modalClose = document.querySelectorAll('.custom-modal__close'); const handleModalClose = () => { const modal = document.querySelector('.custom-modal'); modal.classList.remove('js-active'); modal.querySelector('.custom-modal__content').innerHTML = ''; }; [...modalClose].forEach((el) => { el.addEventListener('click', handleModalClose); }); document.addEventListener('keydown', (e) => { if (e.keyCode === 27) { handleModalClose(); } }); [...document.querySelectorAll('.custom-video-widget__button')].forEach( (video) => video.addEventListener('click', handleVideoGalleryToggleClick) ); })(); // A11y Dialog Init [...document.querySelectorAll('.a11y-dialog')].forEach((dialog, i) => { dialog.setAttribute('data-a11y-dialog', `dialog-${i + 1}`); }); [...document.querySelectorAll('[data-a11y-dialog-show]')].forEach((toggle) => { toggle.addEventListener('click', (e) => { const a11yId = e.target.dataset.a11yDialogShow; const dialog = document.querySelector( `[data-a11y-dialog="${a11yId}"] .a11y-dialog__window` ); const dialogMask = document.querySelector( `[data-a11y-dialog="${a11yId}"] [data-a11y-dialog-hide]` ); const toggleRect = e.target.getBoundingClientRect(); const dialogRect = dialog.getBoundingClientRect(); const invertProps = { left: toggleRect.left - dialogRect.left, top: toggleRect.top - dialogRect.top, scaleX: toggleRect.width / dialogRect.width, scaleY: toggleRect.height / dialogRect.height, }; const { left, top, scaleX, scaleY } = invertProps; dialog.style.transformOrigin = '0 0'; const animation = dialog.animate( [ { opacity: 0, transform: `translate(${left}px, ${top}px) scaleX(${scaleX}) scaleY(${scaleY})`, }, { opacity: 1, transform: `translate(0, 0) scaleX(1) scaleY(1)`, }, ], { delay: 100, duration: 500, easing: 'cubic-bezier(0,0,0.32,1)', fill: 'both', } ); dialogMask.animate([{ opacity: 0 }, { opacity: 1 }], { duration: 300, easing: 'cubic-bezier(0,0,0.32,1)', }); }); }); // Set page language if meta tag present const pageLanguage = document.querySelector('[name=language]'); if (pageLanguage != null) { document.documentElement.setAttribute('lang', pageLanguage.content); document.querySelector('.l-region-header').setAttribute('lang', 'en'); document.querySelector('.l-region-footer').setAttribute('lang', 'en'); } </script> </body> </html>

CINXE.COM

Active Aerodynamics - faster, further, for less | Magna