CINXE.COM
Company | Magna International
<!DOCTYPE html> <html data-geo="na" lang="en"> <head> <!-- CookiePro Cookies Consent Notice start for www.magna.com --> <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> <!-- CookiePro Cookies Consent Notice end for www.magna.com --> <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" /> <!-- Google Tag Manager --> <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> <!-- End Google Tag Manager --> <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> Company | Magna International </title> <link href="/Frontend-Assembly/Telerik.Sitefinity.Frontend/Mvc/Styles/Lists/List.Facts.css?v=20250130&package=HighroadFramework" rel="stylesheet" type="text/css" /><link href="/Frontend-Assembly/Magna/Mvc/Styles/Card/Card.FullWidth.css?package=HighroadFramework" rel="stylesheet" type="text/css" /><link href="/Frontend-Assembly/Telerik.Sitefinity.Frontend/Mvc/Styles/Lists/List.Pillars.css?v=20250130&package=HighroadFramework" rel="stylesheet" type="text/css" /><link href="/Mvc/Styles/NasdaqJSON/StockTicker.css?v=20250131&package=HighroadFramework" 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="Company | Magna International" /><meta property="og:description" content="Magna is developing technologies, systems and concepts that make vehicles safer and cleaner, while serving the communities, the planet and, above all, people." /><meta property="og:url" content="https://www.magna.com/company/company-information" /><meta property="og:type" content="website" /><meta property="og:site_name" content="Magna" /><style type="text/css" media="screen">.is-animate-ready body:not(.sfPageEditor) .is-animate, .is-animate-ready body:not(.sfPageEditor) .is-animate-stagger > *, .is-animate-ready body:not(.sfPageEditor) [data-animate], .is-animate-ready body:not(.sfPageEditor) [data-animate='fadeSlideUpStagger'] > * { opacity: 0; } .is-animate-ready body:not(.sfPageEditor) [data-animate='fadeSlideUpStagger'] { opacity: 1; }</style><style type="text/css" media="screen">:where(body:not(.sfPageEditor)) .custom-card-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--gutter); } @media (max-width: 53.75em) { :where(body:not(.sfPageEditor)) .custom-card-grid { grid-template-columns: 1fr; } } .custom-card-grid-item { background-color: #000; color: #fff; aspect-ratio: 74/31; padding: calc(var(--gutter) * 0.6) var(--gutter); position: relative; isolation: isolate; } :where(body:not(.sfPageEditor)) .custom-card-grid-item { display: grid; grid-template-columns: 1fr auto; grid-template-rows: auto 1fr; } /* Background pattern, if applicable. */ :where(body:not(.sfPageEditor)) .custom-card-grid-item-bg { position: absolute; z-index: -1; inset: 0; height: 100%; width: 100%; object-fit: cover; margin-top: 0; } body:not(.sfPageEditor) .display-contents { display: contents; } body:not(.sfPageEditor) .align-self-bottom { align-self: end; } body:not(.sfPageEditor) .col-span-2 { grid-column: span 2; } body.sfPageEditor .custom-card-grid-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--gutter); } body.sfPageEditor .editor-grid-2fr-1fr { display: grid; grid-template-columns: 2fr 1fr; gap: var(--gutter); } /* 33px represents the toolbar height; 5px for the bottom spacing */ body.sfPageEditor .custom-card-grid-item .RadDock:has(.custom-card-grid-item-bg) { position: absolute; z-index: -1; inset: calc((var(--gutter) * 0.6 + 33px) * -1) calc(var(--gutter) * -1) calc((var(--gutter) * 0.6 + 5px) * -1); margin: 0; padding: 0 !important; overflow: hidden; }</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/company/company-information" /><meta name="description" content="Magna is developing technologies, systems and concepts that make vehicles safer and cleaner, while serving the communities, the planet and, above all, people." /></head> <body> <!-- Google Tag Manager (noscript) --> <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-K67JRD2" height="0" width="0" style="display:none;visibility:hidden"></iframe>` </noscript> <!-- End Google Tag Manager (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="/"> <!--Todo Translation--> <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 "> <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 is-active" 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="/company/company-information/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--fullheight" data-sf-element="Row"> <div id="Banner_C064_Col00" class="sf_colsIn l-container l-grid-layout" data-sf-element="Container" data-placeholder-label="Container"> <div class="spacing-bottom-130 xs:spacing-bottom-60" > <div ><span aria-hidden="true" class="o-keyline"></span><h1 data-animate="fadeSlideUp" class="o-heading-h1 spacing-top-10">Discover Magna, the mobility technology company</h1></div> </div> <img src="/images/default-source/company-landing-page/company_banner-02.jpg?sfvrsn=32b88b4b_1" alt="Company Landing Page" loading="lazy" /> </div> </div> <div class="l-region l-region--default l-region--container is-animate-ready" data-sf-element="Row"> <div id="Banner_C126_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="Banner_C125_Col00" class="sf_colsIn" data-sf-element="Grid Column 1" data-placeholder-label="Column 1"> <div > <div ><span aria-hidden="true" class="o-keyline xs:hide"></span><h2 data-animate="fadeSlideUp" class="o-heading-h2 spacing-top-20 xs:spacing-top-0">About Magna</h2></div> </div> </div> <div id="Banner_C125_Col01" class="sf_colsIn" data-sf-element="Grid Column 2" data-placeholder-label="Column 2"> <div > <div ><span aria-hidden="true" class="o-keyline xs:hide"></span><p data-animate="fadeSlideUp" class="spacing-top-20 xs:spacing-top-0">We are a mobility technology company built to innovate, with a global, entrepreneurial-minded team. With 65+ years of expertise, our ecosystem of interconnected products combined with our complete vehicle expertise uniquely positions us to advance mobility in an expanded transportation landscape. </p></div> </div> <div class="spacing-top-30 o-buttonlink-wrapper o-buttonlink-wrapper--icon o-buttonlink-wrapper--outline" > <div ><a href="/products">Explore our products</a></div> </div> </div> </div> </div> </div> </div> <section class="list-facts l-region l-region--media"> <div class="list-facts__media"> <picture> <source media="(max-width: 48rem)" srcset=" https://cdn.mediavalet.com/usil/mediamanager/ZzFUsjg380mIb5K2u-JhMA/ZurXvXD8xEiJy2iHY2o4LA/Medium/2a8ae6e38959f06b426ea391f57cc8da.jpeg 450w, https://cdn.mediavalet.com/usil/mediamanager/ZzFUsjg380mIb5K2u-JhMA/gZO6h5o_q02WpObOJc6S8g/Fullscreen/2a8ae6e38959f06b426ea391f57cc8da.jpeg 576w, https://cdn.mediavalet.com/usil/mediamanager/ZzFUsjg380mIb5K2u-JhMA/OPPSsODB502nFXg0yaXbLg/Widescreen/2a8ae6e38959f06b426ea391f57cc8da.jpeg 720w, https://cdn.mediavalet.com/usil/mediamanager/ZzFUsjg380mIb5K2u-JhMA/uC5fyRgFrUOipcj5rnJcag/Large/2a8ae6e38959f06b426ea391f57cc8da.jpeg 846w" sizes="(max-width: 48rem) 100vw" /> <source media="(min-width: 48.0625rem)" srcset=" https://cdn.mediavalet.com/usil/mediamanager/InveaMQiUEqvZ3S0ml7Qvg/dtSwzsLXWESpnyYGUcN-Vg/Custom/1053797954-preview%201.jpeg 1280w, https://cdn.mediavalet.com/usil/mediamanager/ZzFUsjg380mIb5K2u-JhMA/uC5fyRgFrUOipcj5rnJcag/Large/2a8ae6e38959f06b426ea391f57cc8da.jpeg 1440w, https://cdn.mediavalet.com/usil/mediamanager/InveaMQiUEqvZ3S0ml7Qvg/uDY0oPZw50GJgvwD4x3jcQ/Custom/1053797954-preview%201.jpeg 1920w" sizes="(min-width: 48.0625rem) 100vw" /> <img alt="" class="list-facts__media__image" src="https://cdn.mediavalet.com/usil/mediamanager/ZzFUsjg380mIb5K2u-JhMA/uC5fyRgFrUOipcj5rnJcag/Large/2a8ae6e38959f06b426ea391f57cc8da.jpeg" loading="lazy" /> </picture> <video class="list-facts__media__video" preload="metadata" muted loop playsinline src="https://cdn.mediavalet.com/usil/mediamanager/K8lzcmtJNE6f665mCp6STw/jMux7DnZWEWYfSgjjRTvaw/Widescreen1080p/Visual_1_LoopAnim_250114_v2_noText_optimized-default.mp4" aria-hidden="true"></video> </div> <div class="l-container l-grid-layout"> <div class="l-grid-layout__one-column"> <div class="list-facts__grid"> <figure class="list-facts__item is-animate-stagger" data-index="1"> <span class="list-facts__item__figure"> 170k+ </span> <figcaption class="list-facts__item__caption"> <p>People</p> </figcaption> </figure> <figure class="list-facts__item is-animate-stagger" data-index="2"> <span class="list-facts__item__figure"> 28 </span> <figcaption class="list-facts__item__caption"> <p>Countries</p> </figcaption> </figure> <figure class="list-facts__item is-animate-stagger" data-index="3"> <span class="list-facts__item__figure"> 447 </span> <figcaption class="list-facts__item__caption"> <p>Facilities</p> </figcaption> </figure> </div> </div> </div> </section> <div class="l-region l-region--default l-region--container is-animate-ready" data-sf-element="Row"> <div id="BodyRegion_C137_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_C139_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_C149_Col00" class="sf_colsIn" data-sf-element="Grid Column 1" data-placeholder-label="Column 1"> <img src="/images/default-source/investors/2022-annual-report/swamy_headshot-01.tmb-widescreen.jpg?Culture=en&sfvrsn=b01d288c_5" alt="Swamy Kotagiri, Chief Executive Officer" loading="lazy" /> </div> <div id="BodyRegion_C149_Col01" class="sf_colsIn" data-sf-element="Grid Column 2" data-placeholder-label="Column 2"> <div > <div ><p><strong>Magna’s vision is to continue advancing mobility for everyone and everything.</strong></p><p>We see a future where everyone can live and move without limitations. That’s why we are developing technologies, systems and concepts that make vehicles safer and cleaner, while serving our communities, the planet and, above all, people. Forward. For all.</p><p>Swamy Kotagiri<br />Chief Executive Officer</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_C127_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_C128_Col00" class="sf_colsIn" data-sf-element="Column 1" data-placeholder-label="Grid Column 1"> <div > <div ><span class="o-keyline animate-fadereveal"></span><h2 class="o-heading-h2 spacing-top-10" data-animate="fadeSlideUp">Newsroom</h2></div> </div> </div> </div> </div><div class="l-container l-grid-layout spacing-top-60 xs:spacing-top-30" data-sf-element="Grid Layout"> <div class="l-row l-row--center l-grid-layout__one-column is-animate-stagger" data-sf-element="Grid Type"> <div id="BodyRegion_C129_Col00" class="sf_colsIn l-column l-column--full" data-sf-element="Column 1" data-placeholder-label="Grid Column 1"> <div class="l-grid-layout__three-column"> <div data-animate="fadeSlideUpStagger"> <div class="card-default"> <span class="u-block u-fontweight-100 spacing-bottom-20 xs:spacing-bottom-10">February 14, 2025</span> <img srcset="https://www.magna.com/images/default-source/stories/banners/topic-banners/1800x639_pr_banner-01.tmb-wide480p.webp?sfvrsn=a8a2e7d1_3 853w, https://www.magna.com/images/default-source/stories/banners/topic-banners/1800x639_pr_banner-01.tmb-widescreen.webp?sfvrsn=a8a2e7d1_3 1280w, https://www.magna.com/images/default-source/stories/banners/topic-banners/1800x639_pr_banner-01.tmb-wide1080p.webp?sfvrsn=a8a2e7d1_3 1920w" sizes="(max-width: 599px) 100vw, (min-width: 600px) and (max-width: 1023px) 50vw, 33vw" src="https://www.magna.com/images/default-source/stories/banners/topic-banners/1800x639_pr_banner-01.tmb-widescreen.webp?sfvrsn=a8a2e7d1_3" class="card-default__image spacing-top-0" style="--card-image-ratio:16/9" alt="" aria-hidden="true" loading="lazy"> <div class="o-heading-lead u-fontweight-500 spacing-top-20 spacing-bottom-30 xs:spacing-top-10 xs:spacing-bottom-10 text-balance"> Magna Announces Fourth Quarter 2024 Results and 2025 Outlook </div> <div class="spacing-top-auto"> <a class="card-default__link" href="/stories/news-press-release/2025/magna-announces-fourth-quarter-2024-results-and-2025-outlook"> Read story <span class="o-a11y__visuallyhidden">about this Magna Announces Fourth Quarter 2024 Results and 2025 Outlook</span> </a> </div> </div> </div> <div data-animate="fadeSlideUpStagger"> <div class="card-default"> <span class="u-block u-fontweight-100 spacing-bottom-20 xs:spacing-bottom-10">February 11, 2025</span> <img srcset="https://www.magna.com/images/default-source/stories/2025-news-releases/magna_eds_duo-03.tmb-wide480p.webp?sfvrsn=47a412fb_3 853w, https://www.magna.com/images/default-source/stories/2025-news-releases/magna_eds_duo-03.tmb-widescreen.webp?sfvrsn=47a412fb_3 1280w, https://www.magna.com/images/default-source/stories/2025-news-releases/magna_eds_duo-03.tmb-wide1080p.webp?sfvrsn=47a412fb_3 1920w" sizes="(max-width: 599px) 100vw, (min-width: 600px) and (max-width: 1023px) 50vw, 33vw" src="https://www.magna.com/images/default-source/stories/2025-news-releases/magna_eds_duo-03.tmb-widescreen.webp?sfvrsn=47a412fb_3" class="card-default__image spacing-top-0" style="--card-image-ratio:16/9" alt="" aria-hidden="true" loading="lazy"> <div class="o-heading-lead u-fontweight-500 spacing-top-20 spacing-bottom-30 xs:spacing-top-10 xs:spacing-bottom-10 text-balance"> Magna Expands Long-Term Innovation Partnership with Mercedes-Benz </div> <div class="spacing-top-auto"> <a class="card-default__link" href="/stories/news-press-release/2025/magna-expands-long-term-innovation-partnership-with-mercedes-benz"> Read story <span class="o-a11y__visuallyhidden">about this Magna Expands Long-Term Innovation Partnership with Mercedes-Benz</span> </a> </div> </div> </div> <div data-animate="fadeSlideUpStagger"> <div class="card-default"> <span class="u-block u-fontweight-100 spacing-bottom-20 xs:spacing-bottom-10">January 8, 2025</span> <img srcset="https://www.magna.com/images/default-source/stories/banners/topic-banners/1800x502-magna-38.tmb-wide480p.webp?sfvrsn=a02ceabf_3 853w, https://www.magna.com/images/default-source/stories/banners/topic-banners/1800x502-magna-38.tmb-widescreen.webp?sfvrsn=a02ceabf_3 1280w, https://www.magna.com/images/default-source/stories/banners/topic-banners/1800x502-magna-38.tmb-wide1080p.webp?sfvrsn=a02ceabf_3 1920w" sizes="(max-width: 599px) 100vw, (min-width: 600px) and (max-width: 1023px) 50vw, 33vw" src="https://www.magna.com/images/default-source/stories/banners/topic-banners/1800x502-magna-38.tmb-widescreen.webp?sfvrsn=a02ceabf_3" class="card-default__image spacing-top-0" style="--card-image-ratio:16/9" alt="" aria-hidden="true" loading="lazy"> <div class="o-heading-lead u-fontweight-500 spacing-top-20 spacing-bottom-30 xs:spacing-top-10 xs:spacing-bottom-10 text-balance"> Magna Announces Date For Q4 & Year End 2024 Results and 2025 Outlook Webcast </div> <div class="spacing-top-auto"> <a class="card-default__link" href="/stories/news-press-release/2025/magna-announces-date-for-q4---year-end-2024-results-and-2025-outlook-webcast"> Read story <span class="o-a11y__visuallyhidden">about this Magna Announces Date For Q4 & Year End 2024 Results and 2025 Outlook Webcast</span> </a> </div> </div> </div> </div> </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 is-animate-stagger" data-sf-element="Grid Type"> <div id="BodyRegion_C130_Col00" class="sf_colsIn l-column l-column--full" data-sf-element="Column 1" data-placeholder-label="Grid Column 1"> <div > <div ><a href="/company/newsroom" class="o-buttonlink o-buttonlink--icon spacing-top-20" data-animate="fadeSlideUp">Newsroom</a></div> </div> </div> </div> </div> </div> </div> <div class="l-region l-region--dark" data-sf-element="Row"> <div id="BodyRegion_C072_Col00" class="sf_colsIn l-container" 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_C217_Col00" class="sf_colsIn" data-sf-element="Grid Column 1" data-placeholder-label="Column 1"> <div class="spacing-top-0" > <div ><a data-sf-ec-immutable="" id="Core_Values"></a><span aria-hidden="true" class="o-keyline xs:hide spacing-top-0"></span><h2 data-animate="fadeSlideUp" class="o-heading-h2 spacing-top-20 xs:spacing-top-10">Our Core Values</h2></div> </div> </div> <div id="BodyRegion_C217_Col01" class="sf_colsIn" data-sf-element="Grid Column 2" data-placeholder-label="Column 2"> <div > <div ><span class="o-keyline xs:hide" aria-hidden="true"></span><p class="spacing-top-20 xs:spacing-top-0" data-animate="fadeSlideUp">Guided by our Employee’s Charter, our core values are a reflection of who we are as individuals and as a company.</p></div> </div> </div> </div> </div><div class="l-container l-grid-layout spacing-top-140 xs:spacing-top-70" data-sf-element="Grid Layout"> <div class="l-grid-layout__four-column is-animate-stagger" data-sf-element="Grid Type"> <div id="BodyRegion_C218_Col00" class="sf_colsIn" data-sf-element="Grid Column 1" data-placeholder-label="Column 1"><div class="card-icon" data-animate="fadeSlideUp"> <div class="card-icon__icon o-iconbox-60 spacing-bottom-30" aria-hidden="true"> <img class="block" alt="" src="/images/default-source/brand/icon-library/think-big.svg?sfvrsn=d551dce7_2"> </div> <span class="o-keyline" aria-hidden="true"></span> <h3 class="card-icon__title o-heading-h3 spacing-top-20 xs:spacing-top-10"> Think big </h3> <div class="card-icon__summary"> Empowering each to act with confidence. </div> </div> </div> <div id="BodyRegion_C218_Col01" class="sf_colsIn" data-sf-element="Grid Column 2" data-placeholder-label="Column 2"><div class="card-icon" data-animate="fadeSlideUp"> <div class="card-icon__icon o-iconbox-60 spacing-bottom-30" aria-hidden="true"> <img class="block" alt="" src="/images/default-source/brand/icon-library/responsibility.svg?sfvrsn=ff6ed350_0"> </div> <span class="o-keyline" aria-hidden="true"></span> <h3 class="card-icon__title o-heading-h3 spacing-top-20 xs:spacing-top-10"> Take responsibility </h3> <div class="card-icon__summary"> Taking accountability for ourselves and others in our actions and commitments. </div> </div> </div> <div id="BodyRegion_C218_Col02" class="sf_colsIn" data-sf-element="Grid Column 3" data-placeholder-label="Column 3"><div class="card-icon" data-animate="fadeSlideUp"> <div class="card-icon__icon o-iconbox-60 spacing-bottom-30" aria-hidden="true"> <img class="block" alt="" src="/images/default-source/brand/icon-library/lightbulb.svg?sfvrsn=2bafd9e_0"> </div> <span class="o-keyline" aria-hidden="true"></span> <h3 class="card-icon__title o-heading-h3 spacing-top-20 xs:spacing-top-10"> Never settle </h3> <div class="card-icon__summary"> Constantly innovating, improving and asking the right questions. </div> </div> </div> <div id="BodyRegion_C218_Col03" class="sf_colsIn" data-sf-element="Grid Column 4" data-placeholder-label="Column 4"><div class="card-icon" data-animate="fadeSlideUp"> <div class="card-icon__icon o-iconbox-60 spacing-bottom-30" aria-hidden="true"> <img class="block" alt="" src="/images/default-source/brand/icon-library/profile.svg?sfvrsn=ee1629d7_2"> </div> <span class="o-keyline" aria-hidden="true"></span> <h3 class="card-icon__title o-heading-h3 spacing-top-20 xs:spacing-top-10"> Be collaborative </h3> <div class="card-icon__summary"> We do our best when we do it together, with respect and humility. </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_C152_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_C141_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_C142_Col00" class="sf_colsIn" data-sf-element="Grid Column 1" data-placeholder-label="Column 1"> <div > <div ><h2>Discover our ESG commitment and initiatives</h2></div> </div> </div> <div id="BodyRegion_C142_Col01" class="sf_colsIn" data-sf-element="Grid Column 2" data-placeholder-label="Column 2"> <div > <div ><p>At Magna we are committed to making a difference through our products and processes, as well as continuing to demonstrate care and concern for our people and the communities in which they live.</p></div> </div> </div> </div> </div> </div> </div> <div class="l-region l-region--dark l-region--container is-animate-ready" data-sf-element="Row"> <div id="BodyRegion_C154_Col00" class="sf_colsIn l-region--container__wrapper" data-sf-element="Container" data-placeholder-label="Container (Black)"> <section class="no-title list-pillar is-animate-ready"> <div class="list-pillar-header"> <span class="o-keyline"></span> <h2 class="o-heading-h2 spacing-top-10 spacing-bottom-30" > ESG </h2> </div> <div class="list-pillar-container"> <div class="list-pillar-item" > <div class="list-pillar-item-collapse"> <div> <div class="list-pillar-item-title"> <h3 class="o-heading-lead u-fontweight-700" > Sustainability </h3> </div> <div class="spacing-top-40" > <div data-bg-image="https://www.magna.com/images/default-source/banners---1800x502/gettyimages-1267527406.jpg?sfvrsn=16e5c15f_2"><p>The Earth is what we all have in common, and through our sustainability efforts we are committed to making sure our impact leaves a positive footprint for future generations to follow.</p><p class="o-buttonlink-wrapper o-buttonlink-wrapper--ghost o-buttonlink-wrapper--icon spacing-top-40"><a aria-label="Sustainability: Learn more" href="/company/esg/sustainability">Learn more</a></p></div> </div> </div> </div> </div> <div class="list-pillar-item" > <div class="list-pillar-item-collapse"> <div> <div class="list-pillar-item-title"> <h3 class="o-heading-lead u-fontweight-700" > Diversity & Inclusion </h3> </div> <div class="spacing-top-40" > <div data-bg-image="https://magna-na.magna.com/images/default-source/esg/di_banner-01.jpg?sfvrsn=54029a0a_3"><p>We have a strong drive to recognize, celebrate and support the communities in which our employees live and work. It is through these efforts that Magna’s best shines through. And with our commitment to advancing diversity and creating an inclusive workforce, we are working to be the difference we want to see in the world.</p><p class="o-buttonlink-wrapper o-buttonlink-wrapper--ghost o-buttonlink-wrapper--icon spacing-top-40"><a aria-label="Diversity & Inclusion: Learn more" href="/company/esg/diversity---inclusion">Learn more</a></p></div> </div> </div> </div> </div> <div class="list-pillar-item" > <div class="list-pillar-item-collapse"> <div> <div class="list-pillar-item-title"> <h3 class="o-heading-lead u-fontweight-700" > Governance </h3> </div> <div class="spacing-top-40" > <div data-bg-image="https://www.magna.com/images/default-source/banners---1800x502/gettyimages-1282871695.jpg?sfvrsn=bc28a827_2"><p>Our strong corporate governance practices are essential to fostering stakeholder trust and confidence, management accountability and long-term shareholder value.</p><p class="o-buttonlink-wrapper o-buttonlink-wrapper--ghost o-buttonlink-wrapper--icon spacing-top-40"><a aria-label="Governance: Learn more" href="/company/company-information/leadership-and-governance">Learn more</a></p></div> </div> </div> </div> </div> </div> </section> </div> </div> <div class="l-region l-region--default" data-sf-element="Row"> <div id="BodyRegion_C089_Col00" class="sf_colsIn l-container" 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__three-column is-animate-stagger" data-sf-element="Grid Type"> <div id="BodyRegion_C220_Col00" class="sf_colsIn" data-sf-element="Grid Column 1" data-placeholder-label="Column 1"> <div class="spacing-bottom-30" > <div ><span class="o-keyline"></span><h2 class="o-heading-h2 spacing-top-10" data-animate="fadeSlideUp">Stock Information</h2></div> </div><div class="spacing-bottom-30 spacing-top-0" data-sf-element="Row"> <div id="BodyRegion_C135_Col00" class="sf_colsIn" data-sf-element="Container" data-placeholder-label="Container"> <div class="quote-wrapper c-stockticker "> <div> NYSE MGA : </div> <div style="text-align: center;"> $38.76 </div> <div style="text-align: center;"> 0% </div> <div style="justify-self: end; align-self: center;"> <svg xmlns="http://www.w3.org/2000/svg" width="24.972" role="img" height="15.492" viewBox="0 0 24.972 15.492" class="quote-down" aria-label="down"> <path data-name="down" d="M1.4,14.1L12.9,2.8l10.6,11.2" fill="none" stroke="#218b4a" stroke-width="4"></path> </svg> </div> <span class="o-keyline" aria-hidden="true" style="grid-column: 1 / -1"></span> <div> TSX MG : </div> <div style="text-align: center;"> $54.91 </div> <div style="text-align: center;"> 0% </div> <div style="justify-self: end; align-self: center;"> <svg xmlns="http://www.w3.org/2000/svg" width="24.972" role="img" height="15.492" viewBox="0 0 24.972 15.492" class="quote-down" aria-label="down"> <path data-name="down" d="M1.4,14.1L12.9,2.8l10.6,11.2" fill="none" stroke="#218b4a" stroke-width="4"></path> </svg> </div> </div> </div> </div> <div class="spacing-top-auto is-animate" > <div ><p><a class="o-buttonlink o-buttonlink--outline o-buttonlink--icon" href="/company/investors/shareholder-information">View shareholder information</a></p></div> </div> </div> <div id="BodyRegion_C220_Col01" class="sf_colsIn" data-sf-element="Grid Column 2" data-placeholder-label="Column 2"> <div class="spacing-bottom-30" > <div ><span class="o-keyline"></span><h2 class="o-heading-h2 spacing-top-10" data-animate="fadeSlideUp">Reports & Publications</h2></div> </div><div class="spacing-bottom-30 spacing-top-0" data-sf-element="Row"> <div id="BodyRegion_C134_Col00" class="sf_colsIn" data-sf-element="Container" data-placeholder-label="Container"> <div > <div ><ul class="o-list o-list-keyline" data-animate="fadeSlideUpStagger"><li><a href="/company/investors/financial-reports-public-filings/annual-reports">Annual Reports</a></li><li><a href="/company/investors/financial-reports-public-filings/quarterly-reports">Quarterly Reports</a></li><li><a href="/company/investors/financial-reports-public-filings/annual-information-forms">Annual Information Forms</a></li><li><a href="/company/investors/financial-reports-public-filings/proxy-statements">Proxy Statements</a></li></ul></div> </div> </div> </div> <div class="spacing-top-auto is-animate" > <div ><a class="o-buttonlink o-buttonlink--outline o-buttonlink--icon" href="/company/investors/financial-reports-public-filings">All reports & publications</a></div> </div> </div> <div id="BodyRegion_C220_Col02" class="sf_colsIn" data-sf-element="Grid Column 3" data-placeholder-label="Column 3"> <div class="spacing-bottom-30" > <div ><span class="o-keyline" aria-hidden="true"></span><h2 class="o-heading-h2 spacing-top-10" data-animate="fadeSlideUp">Events & Presentations</h2></div> </div><div class="spacing-bottom-30 spacing-top-0" data-sf-element="Row"> <div id="BodyRegion_C133_Col00" class="sf_colsIn" data-sf-element="Container" data-placeholder-label="Container"> <p>There are currently no events scheduled.</p> </div> </div> <div class="spacing-top-auto is-animate" > <div ><a class="o-buttonlink o-buttonlink--outline o-buttonlink--icon" href="/company/investors/calendar-of-events-presentations">All events & presentations</a></div> </div> </div> </div> </div> </div> </div> <div class="l-region l-region--dark l-region--media" data-sf-element="Row"> <div id="BodyRegion_C094_Col00" class="sf_colsIn l-container" data-sf-element="Container" data-placeholder-label="Container"> <img src="/images/default-source/banners---1800x502/banner-global-reach.jpg?sfvrsn=ffe536bf_0" alt="banner-global-reach" loading="lazy" /> <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_C219_Col00" class="sf_colsIn" data-sf-element="Column 1" data-placeholder-label="Grid Column 1"> <div > <div ><span aria-hidden="true" class="o-keyline"></span><h2 data-animate="fadeSlideUp" class="o-heading-h1 spacing-top-20">Global Reach</h2></div> </div> <div class="max-w-6 colspan-6 spacing-top-30" > <div ><p class="o-heading-lead">We are a leading global automotive supplier with manufacturing facilities and product development, engineering and sales centres in 28 countries.</p><p class="o-heading-lead spacing-top-50 xs:spacing-top-40" data-animate="fadeSlideUp"><a class="o-buttonlink o-buttonlink--ghost o-buttonlink--icon" href="/company/company-information/global-reach">Explore our locations</a></p></div> </div> </div> </div> </div> </div> </div> </main> <footer class="l-region-footer spacing-top-0"> <div class="l-container"> <script integrity="sha256-faI201WdPlv81etuuM+Leg198bIKTxGPe5/WboDtcLA=" 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":"Company Information","item":"http://www.magna.com/company/company-information"}]}</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> <span class="c-menu-breadcrumb__link" href="/company/company-information">Company Information</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="/Frontend-Assembly/Telerik.Sitefinity.Frontend.Lists/Mvc/Scripts/Lists/List.Pillars.js?package=HighroadFramework&v=OTE2OTk5ODI3" type="text/javascript"></script><input data-sf-role='en' type='hidden' value='https://www.magna.com/company/company-information'><input data-sf-role='de' type='hidden' value='https://www.magna.com/de/unternehmen/unternehmen'><input data-sf-role='es' type='hidden' value='https://www.magna.com/es/empresa/empresa'><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/会社/会社'><script type="text/javascript"> const pageAnimation = () => { const easingSnappy = 'cubicBezier(0.350, 0.495, 0.445, 1.005)'; /** * Micro-animation triggers via IntersectObserver and using the animejs * library. * * @ref https://animejs.com/documentation/ */ if ( !!window.IntersectionObserver && !document.body.classList.contains('sfPageEditor') ) { /** * Preload hide the elements that will animate. Need to tighten this up * as otherwise it may run rogue. Use staggered animations as much as * possible to simplify (and optimize) the animation processs. * * @ref https://animejs.com/documentation/ */ const animElements = document.querySelectorAll('.l-region'); const options = { root: null, rootMargin: '0px 0px -200px 0px', }; const callback = (entries, observer) => { const entryVisible = entries.filter((entry) => entry.isIntersecting); entryVisible.forEach((entry, i) => { /** * Use '.is-animate' with care to avoid animation collisions. * In other words, do not assign this to a child element of * the list below. */ const elsToAnimate = entry.target.querySelectorAll( ".is-animate, [data-animate='fade'], [data-animate='fadeSlideUp'], [data-animate='fadeSlideUpStagger'] > *, .is-animate-stagger > *" ); anime({ targets: elsToAnimate, duration: 750, delay: anime.stagger(250, { start: 450 }), easing: easingSnappy, opacity: [0, 1], translateY: (t) => { const data = t.dataset.animate; if ( data === 'fadeSlideUp' || t.parentNode.dataset.animate === 'fadeSlideUpStagger' || t.classList.contains('is-animate') ) { return ['1.25rem', 0]; } else { return 0; } }, scaleX: 1, translateZ: 0, complete: function (anim) { // Allows for child positioning (i.e. modal window fixed positioning) anim.animatables.forEach((el) => { el.target.style.transform = ''; el.target.classList.add('is-animate-done'); }); }, }); observer.unobserve(entry.target); }); }; const observer = new IntersectionObserver(callback, options); [...animElements].forEach((el) => { observer.observe(el); }); } }; (() => { const mainNode = document.querySelector('html'); function callback(mutationsList, observer) { mutationsList.forEach((mutation) => { if ( mutation.attributeName === 'class' && mutation.target.classList.contains('is-animate-loaded') ) { pageAnimation(); } }); } const mutationObserver = new MutationObserver(callback); mutationObserver.observe(mainNode, { attributes: true }); })(); </script><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>