.hero-teaser{--theme-primary:#fbfcff;--theme-background-base:#0e0e12;--theme-background-surface:#212225;--theme-background-shading:#010205ab;--theme-contrast-low:#404044;--theme-contrast-medium:#88898c;--theme-contrast-high:#afb0b3;--theme-state-hover:#9495982e;--theme-state-active:#7e7f8233;--theme-state-focus:#1a44ea;--theme-state-disabled:#7e7f82;--theme-notification-success:#09d087;--theme-notification-success-soft:#003320;--theme-notification-warning:#f7cb47;--theme-notification-warning-soft:#362b0a;--theme-notification-error:#fc4040;--theme-notification-error-soft:#3a0f0f;--theme-notification-info:#178bff;--theme-notification-info-soft:#04294e;--iconfilter:invert(100%) sepia(91%) saturate(38%) hue-rotate(254deg) brightness(110%) contrast(110%);--theme-icon-filter-primary:invert(100%) sepia(91%) saturate(38%) hue-rotate(254deg) brightness(110%) contrast(110%);--theme-icon-filter-base:invert(3%) sepia(7%) saturate(2930%) hue-rotate(188deg) brightness(91%) contrast(103%);--theme-icon-filter-info:invert(28%) sepia(91%) saturate(3005%) hue-rotate(220deg) brightness(101%) contrast(101%);--theme-icon-filter-warning:invert(76%) sepia(98%) saturate(2625%) hue-rotate(358deg) brightness(94%) contrast(105%);--theme-icon-filter-error:invert(14%) sepia(63%) saturate(4851%) hue-rotate(347deg) brightness(105%) contrast(97%);--theme-icon-primary-disabled:brightness(0) saturate(100%) invert(92%) sepia(2%) saturate(264%) hue-rotate(187deg) brightness(78%) contrast(88%);--theme-icon-secondary-disabled:brightness(0) saturate(100%) invert(83%) sepia(9%) saturate(74%) hue-rotate(188deg) brightness(85%) contrast(86%);--theme-fade-gradient-primary:#fbfcff 20%, #fbfcff99 48%, #fbfcff4d 68%, #fbfcff00 100%;--theme-fade-gradient-background-base:#0e0e12 20%, #0e0e1299 48%, #0e0e124d 68%, #0e0e1200 100%;--theme-fade-gradient-background-surface:#212225 20%, #21222599 48%, #2122254d 68%, #21222500 100%;--theme-checked-radio:url("data:image/svg+xml;charset=UTF-8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><circle fill=\"%23010205\" cx=\"12\" cy=\"12\" r=\"6\"/></svg>");--theme-checked-checkbox:url("data:image/svg+xml;charset=UTF-8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path fill=\"%23010205\" d=\"m20.22,7.47l-1.47-1.42-9.26,9.02-4.24-4.15-1.47,1.42,5.71,5.6,10.73-10.47Z\"/></svg>");--theme-indeterminate-checkbox:url("data:image/svg+xml,%3Csvg id='Default' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect fill='%23010205' x='3' y='11' width='18' height='1'/%3E%3C/svg%3E");--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--theme-primary);--hero-teaser__header-font-size:var(--font-display-1);--hero-teaser__subheader-font-size:clamp(1.42rem, .94vw + 1.23rem, 2.37rem);--hero-teaser__content-font-size:clamp(1.13rem, .21vw + 1.08rem, 1.33rem);position:relative;overflow:hidden}.hero-teaser .ai-tag{z-index:2}.hero-teaser .overlay-video-play{cursor:pointer;z-index:1;appearance:none;background:0 0;border:0;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.hero-teaser .overlay-video-play:before{content:"";pointer-events:none;background-color:var(--pds-theme-light-background-base);box-shadow:0;border-radius:50%;width:2em;height:2em;font:400 clamp(1.42rem,.94vw + 1.23rem,2.37rem)/1.5 Porsche Next;transition:background-color .3s}.hero-teaser .overlay-video-play:after{pointer-events:none;content:url("data:image/svg+xml,%3csvg id='Default' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpolygon points='8 18 8 6 18 12 8 18'/%3e%3c/svg%3e");color:#313639;width:1.5em;height:1.5em;font:400 clamp(1.42rem,.94vw + 1.23rem,2.37rem)/1 Porsche Next;display:block;position:absolute}.hero-teaser .overlay-video-play:hover:before,.hero-teaser .overlay-video-play:focus:before{background-color:var(--pds-theme-light-primary)}.hero-teaser .overlay-video-play:hover:after,.hero-teaser .overlay-video-play:focus:after{filter:var(--filter-base)}:is(.hero-teaser .video-active:has(.swiper-slide-active .foreground-video) .swiper-nav-u,.hero-teaser .video-active:has(.swiper-slide-active .foreground-video) .swiper-pagination){display:none!important}.hero-teaser .video-active .image-gallery--video-close{display:block}.hero-teaser .video-active .plyr{opacity:1!important;visibility:visible!important}.hero-teaser .video-active .overlay-video-play,.hero-teaser .image-gallery--video-close{display:none}.hero-teaser .foreground-video .video-player-container{z-index:10;width:100%;height:100%;position:absolute;top:0;left:0}.hero-teaser .foreground-video .video-player-container .plyr{visibility:hidden}.hero-teaser .foreground-video .video-toggle-playback{display:none}.hero-teaser .background-video{pointer-events:none}.hero-teaser .background-video .video-player-container{opacity:0}.hero-teaser .background-video video{object-fit:cover;width:100%;height:100%}.hero-teaser video{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-teaser .foreground-video .plyr{opacity:0;transition:opacity .6s}.hero-teaser .player-ready .plyr{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.hero-teaser .player-ready .plyr video{display:block}.hero-teaser .plyr.plyr--playing{visibility:visible}.hero-teaser .video-toggle-playback{z-index:10;border-radius:4px;grid-area:span 1/span 1/bottom-spacing/wide-end;place-self:end;position:absolute}.hero-teaser .video-toggle-playback:focus{outline-offset:2px;outline:2px solid #1a44ea}.hero-teaser .video-toggle-playback:focus:not(:focus-visible){outline-color:#0000}.hero-teaser .video-toggle-playback .pause,.hero-teaser .video-toggle-playback .play{display:none}.hero-teaser .video-toggle-playback:not(.paused) .pause,.hero-teaser .video-toggle-playback:not(.paused) .pause .icon,.hero-teaser .video-toggle-playback.paused .play,.hero-teaser .video-toggle-playback.paused .play .icon{display:block}.hero-teaser .teaser-video-control{appearance:none;box-sizing:border-box;vertical-align:top;background-color:#0000;border:2px solid #fbfcff;border-radius:4px;padding:0;transition:background-color .24s,border-color .24s,color .24s;display:none;transform:translateZ(0)}.hero-teaser .teaser-video-control:before{content:"";position:absolute;inset:0}.hero-teaser .teaser-video-control{cursor:pointer}.hero-teaser .teaser-video-control:hover{-webkit-backdrop-filter:blur(32px);backdrop-filter:blur(32px);background-color:#9495982e;border-color:#88898c}@media (width>=1000px){.hero-teaser .teaser-video-control{padding:13px}}.hero-teaser .teaser-video-control .icon{filter:var(--filter-base);width:1.5rem;height:1.5rem;line-height:1;overflow:hidden}.hero-teaser .background-video+.teaser-video-control{display:flex}.hero-teaser .teaser-link{color:inherit}.hero-teaser .swiper-button-prev-u,.hero-teaser .swiper-button-next-u{z-index:10;cursor:pointer;width:60px;height:100%;max-height:100vh;color:inherit;filter:drop-shadow(1px 1px 3px #0009);outline:0;justify-content:center;align-items:center;font-size:2rem;transition:all .3s;display:flex;position:absolute;top:0}.hero-teaser .swiper-button-prev-u:hover,.hero-teaser .swiper-button-next-u:hover{color:inherit}.hero-teaser .swiper-button-prev-u svg,.hero-teaser .swiper-button-prev-u .icon,.hero-teaser .swiper-button-next-u svg,.hero-teaser .swiper-button-next-u .icon{font-size:inherit;fill:currentColor;width:1em;height:1em}.hero-teaser .swiper-button-prev-u .icon,.hero-teaser .swiper-button-next-u .icon{font-size:inherit;width:1em;height:1em;filter:var(--filter-base)}.hero-teaser .swiper-button-prev-u{left:-60px}.hero-teaser .swiper-button-next-u{right:-60px}.hero-teaser .swiper-slide{background:var(--theme-background-surface);grid-gap:clamp(16px, 1.25vw + 12px, 36px);box-sizing:content-box;grid-template-columns:[full-start] minmax(0, calc(var(--pds-internal-grid-safe-zone) - clamp(16px, 1.25vw + 12px, 36px))) [wide-start extended-start basic-start narrow-start] repeat(3, minmax(0, 1fr)) [middle-line] repeat(3, minmax(0, 1fr)) [narrow-end basic-end extended-end wide-end] minmax(0, calc(var(--pds-internal-grid-safe-zone) - clamp(16px, 1.25vw + 12px, 36px))) [full-end];--pds-internal-grid-safe-zone:max(22px, 10.625vw - 12px);--pds-grid-basic-span-one-half:span 3;--pds-grid-basic-span-one-third:span 2;--pds-grid-narrow-span-one-half:span 3;--pds-grid-basic-span-two-thirds:span 4;--pds-grid-extended-span-one-half:span 3;max-width:2560px;margin:0;padding:0 calc(50vw - 1280px);display:grid}@media (width>=760px){.hero-teaser .swiper-slide{grid-template-columns:[full-start] minmax(0, calc(var(--pds-internal-grid-safe-zone) - clamp(16px, 1.25vw + 12px, 36px))) [wide-start] minmax(0, 1fr) [extended-start] minmax(0, 1fr) [basic-start] repeat(2, minmax(0, 1fr)) [narrow-start] repeat(4, minmax(0, 1fr)) [middle-line] repeat(4, minmax(0, 1fr)) [narrow-end] repeat(2, minmax(0, 1fr)) [basic-end] minmax(0, 1fr) [extended-end] minmax(0, 1fr) [wide-end] minmax(0, calc(var(--pds-internal-grid-safe-zone) - clamp(16px, 1.25vw + 12px, 36px))) [full-end];--pds-internal-grid-safe-zone:calc(5vw - 16px);--pds-grid-basic-span-one-half:span 6;--pds-grid-basic-span-one-third:span 4;--pds-grid-narrow-span-one-half:span 4;--pds-grid-basic-span-two-thirds:span 8;--pds-grid-extended-span-one-half:span 7}}@media (width>=1920px){.hero-teaser .swiper-slide{--pds-internal-grid-safe-zone:min(50vw - 880px, 400px)}}.hero-teaser .swiper-slide{row-gap:0}.hero-teaser .swiper-slide img{min-width:1px;min-height:1px}.hero-teaser .swiper-slide .teaser-media{grid-column:full-start/full-end}.hero-teaser:hover .swiper-button-prev-u{left:10px}.hero-teaser:hover .swiper-button-next-u{right:10px}.hero-teaser .swiper-pagination{bottom:var(--pds-spacing-medium);line-height:8px}.hero-teaser--item-content-wrap{grid-gap:clamp(16px, 1.25vw + 12px, 36px);box-sizing:content-box;grid-template-columns:[full-start] minmax(0, calc(var(--pds-internal-grid-safe-zone) - clamp(16px, 1.25vw + 12px, 36px))) [wide-start extended-start basic-start narrow-start] repeat(3, minmax(0, 1fr)) [middle-line] repeat(3, minmax(0, 1fr)) [narrow-end basic-end extended-end wide-end] minmax(0, calc(var(--pds-internal-grid-safe-zone) - clamp(16px, 1.25vw + 12px, 36px))) [full-end];--pds-internal-grid-safe-zone:max(22px, 10.625vw - 12px);--pds-grid-basic-span-one-half:span 3;--pds-grid-basic-span-one-third:span 2;--pds-grid-narrow-span-one-half:span 3;--pds-grid-basic-span-two-thirds:span 4;--pds-grid-extended-span-one-half:span 3;max-width:2560px;margin:0;padding:0 calc(50vw - 1280px);display:grid}@media (width>=760px){.hero-teaser--item-content-wrap{grid-template-columns:[full-start] minmax(0, calc(var(--pds-internal-grid-safe-zone) - clamp(16px, 1.25vw + 12px, 36px))) [wide-start] minmax(0, 1fr) [extended-start] minmax(0, 1fr) [basic-start] repeat(2, minmax(0, 1fr)) [narrow-start] repeat(4, minmax(0, 1fr)) [middle-line] repeat(4, minmax(0, 1fr)) [narrow-end] repeat(2, minmax(0, 1fr)) [basic-end] minmax(0, 1fr) [extended-end] minmax(0, 1fr) [wide-end] minmax(0, calc(var(--pds-internal-grid-safe-zone) - clamp(16px, 1.25vw + 12px, 36px))) [full-end];--pds-internal-grid-safe-zone:calc(5vw - 16px);--pds-grid-basic-span-one-half:span 6;--pds-grid-basic-span-one-third:span 4;--pds-grid-narrow-span-one-half:span 4;--pds-grid-basic-span-two-thirds:span 8;--pds-grid-extended-span-one-half:span 7}}@media (width>=1920px){.hero-teaser--item-content-wrap{--pds-internal-grid-safe-zone:min(50vw - 880px, 400px)}}.hero-teaser--item-content-wrap{grid-column:full-start/full-end}.hero-teaser--item-content{color:inherit;z-index:1;font-size:var(--hero-teaser__content-font-size);line-height:1.5em;position:relative}.hero-teaser--item-content p:last-child{margin:0}.hero-teaser--item-content{width:100%;padding-top:var(--pds-spacing-x-large);padding-bottom:var(--pds-spacing-x-large);grid-column:extended-start/extended-end}.hero-teaser--item-title{font-weight:400;font-size:var(--hero-teaser__header-font-size);margin:0;line-height:1.2}.hero-teaser--item-subtitle{font-weight:400;font-size:var(--hero-teaser__subheader-font-size);margin:0;line-height:1.5em}.hero-teaser--item-subtitle:not(:last-child){margin-bottom:var(--pds-spacing-small)}.hero-teaser.banner-hero .teaser-video-control{margin-bottom:var(--pds-static-medium)}.hero-teaser.banner-hero .swiper-slide .hero-teaser--item-content{grid-row:content-block}.hero-teaser.banner-hero .swiper-slide.content-top .hero-teaser--item-content-wrap{grid-template-rows:[banner-start content-block]max-content[banner-end space-block]auto}.hero-teaser.banner-hero .swiper-slide.content-top .hero-teaser--item-content-wrap:before{z-index:-1;content:"";background:linear-gradient(#1f1f1fe6 0% 20%,#1f1f1fd9 26.67%,#202020c4 33.33%,#212121aa 40%,#2222228e 46.67%,#23232371 53.33%,#24242455 60%,#2525253b 66.67%,#26262626 73.33%,#27272715 80%,#27272709 86.67%,#27272702 93.33%,#27272700 100%);grid-area:content-block/full-start/content-block/full-end;width:100%;height:100%;position:absolute;top:0;left:0}.hero-teaser.banner-hero .swiper-slide.content-bottom .hero-teaser--item-content-wrap{grid-template-rows:[banner-start space-block]auto[banner-end content-block]max-content}.hero-teaser.banner-hero .swiper-slide.content-bottom .hero-teaser--item-content-wrap:before{z-index:-1;content:"";background:linear-gradient(#27272700 0%,#27272702 6.67%,#27272709 13.33%,#27272715 20%,#26262626 26.67%,#2525253b 33.33%,#24242455 40%,#23232371 46.67%,#2222228e 53.33%,#212121aa 60%,#202020c4 66.67%,#1f1f1fd9 73.33%,#1f1f1fe6 80% 100%);grid-area:content-block/full-start/content-block/full-end;width:100%;height:100%;position:absolute;top:0;left:0}.hero-teaser.banner-hero .hero-teaser--item-content-wrap{z-index:1;position:absolute;inset:0}.hero-teaser.banner-hero .cta-group{padding-top:var(--pds-spacing-medium)}.hero-teaser.cover-hero{--hero-teaser__header-font-size:var(--font-display-3);--hero-teaser__subheader-font-size:clamp(1.13rem, 1vw + 1rem, 2.21rem)}.hero-teaser.cover-hero .swiper-slide{box-sizing:border-box;grid-template-rows:[banner-start top-spacing] auto [headline-block] max-content [scroll-indicator-block] 48px [bottom-spacing] var(--pds-spacing-medium);row-gap:0;min-height:100vh;position:relative;scale:1}@supports (height:100svh){.hero-teaser.cover-hero .swiper-slide{min-height:100svh}}.hero-teaser.cover-hero .hero-teaser--item-image{width:100%;height:100%;position:absolute}.hero-teaser.cover-hero .hero-teaser--item-image img{object-fit:cover;width:100%;height:100%}.hero-teaser.cover-hero .hero-teaser--item-subtitle{padding-top:1rem;font-weight:600}.hero-teaser.cover-hero .hero-teaser--item-content{position:relative}@media (width>=1000px){.hero-teaser.cover-hero .hero-teaser--item-content{grid-column-end:span 7}}.hero-teaser.cover-hero .hero-teaser--item-content{padding-bottom:0}.hero-teaser.cover-hero .slide-bottom{grid-row:scroll-indicator-block;height:50px;position:relative}.hero-teaser.cover-hero .hero-teaser--item-content-wrap{z-index:2;grid-row:headline-block;grid-template-rows:[headline-block] max-content [cta-block] minmax(var(--pcom-expected-cta-block-height), max-content);position:relative}.hero-teaser.cover-hero .cta-group{padding-top:var(--pds-spacing-medium)}.hero-teaser.cover-hero .link-overlay{cursor:pointer;content:"";position:fixed;inset:0}.hero-teaser.cover-hero .swiper-slide:after{content:"";pointer-events:none;z-index:1;mix-blend-mode:multiply;background:linear-gradient(#27272700 0%,#27272702 6.67%,#27272709 13.33%,#27272715 20%,#26262626 26.67%,#2525253b 33.33%,#24242455 40%,#23232371 46.67%,#2222228e 53.33%,#212121aa 60%,#202020c4 66.67%,#1f1f1fd9 73.33%,#1f1f1fe6 80% 100%);grid-row:span 2/-1;width:100%;position:absolute;top:-33vh;bottom:0;left:0}.hero-teaser.cover-hero .spacer{grid-row:scroll-indicator-block;height:50px}
