:root{--pds-background-card: rgba(45, 55, 65, .55);--pds-background-blur: blur(16px);--pds-text-primary: #ffffff;--pds-text-secondary: rgba(255, 255, 255, .7);--pds-accent-line: #ffffff;--pds-accent-line-inactive: rgba(255, 255, 255, .25);--pds-font-family: "Porsche Next", Arial, Helvetica, sans-serif;--pds-transition-fast: .2s ease;--pds-transition-medium: .4s ease;--pds-nav-gradient: linear-gradient( 90deg, #2a4a5a 0%, #3a5a6a 20%, #4a6a7a 50%, #3a5a6a 80%, #2a4a5a 100% )}.gnb-slider{position:relative;z-index:10;width:100%;height:793px;overflow:hidden;font-family:var(--pds-font-family);color:var(--pds-text-primary);display:flex;flex-direction:column;padding-left:15px;padding-right:15px;box-sizing:border-box}.gnb-nav{position:relative;z-index:100;display:flex;padding:0 0 24px;background:var(--pds-nav-gradient);flex-shrink:0}.gnb-nav-item{position:relative;flex:1;font-size:clamp(10px,1.1vw,12px);font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--pds-text-secondary);cursor:pointer;padding:16px 10px 10px;background:none;border:none;transition:color var(--pds-transition-fast);white-space:nowrap;text-align:left}.gnb-nav-item:hover{color:var(--pds-text-primary)}.gnb-nav-item:after{content:"";position:absolute;bottom:0;left:8px;right:8px;height:2px;background:var(--pds-accent-line-inactive);transition:background var(--pds-transition-fast)}.gnb-nav-item.active{color:var(--pds-text-primary)}.gnb-nav-item.active:after{background:var(--pds-accent-line)}.gnb-slides{position:relative;width:100%;flex:1}.gnb-slide{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;padding:clamp(40px,6vw,80px) clamp(24px,5vw,80px) clamp(40px,5vw,80px);opacity:0;visibility:hidden;transition:opacity var(--pds-transition-medium),visibility var(--pds-transition-medium)}.gnb-slide.active{opacity:1;visibility:visible}.gnb-slide-bg{position:absolute;top:0;left:0;right:0;bottom:0;background-size:cover;background-position:center;z-index:-1}.gnb-slide-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,rgba(40,60,80,.6) 0%,rgba(40,60,80,.3) 40%,transparent 70%)}.gnb-slide-content{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;max-width:1400px;margin:0 auto;width:100%;height:100%}.gnb-slide-text{flex:0 1 400px;align-self:flex-start;padding-top:40px}.gnb-slide-title{font-size:clamp(24px,3vw,42px);font-weight:400;letter-spacing:.08em;text-transform:uppercase;margin:0 0 20px;line-height:1.2}.gnb-slide-description{font-size:clamp(14px,1.4vw,17px);font-weight:300;line-height:1.6;color:var(--pds-text-secondary);max-width:360px}.gnb-cards{display:flex;gap:clamp(12px,1.5vw,20px);align-self:flex-end;margin-bottom:40px}.gnb-card{background:var(--pds-background-card);backdrop-filter:var(--pds-background-blur);-webkit-backdrop-filter:var(--pds-background-blur);border-radius:4px;padding:clamp(20px,2.5vw,28px);min-width:clamp(160px,18vw,200px);display:flex;flex-direction:column;gap:10px;border:1px solid rgba(255,255,255,.08)}.gnb-card-value{font-size:clamp(36px,4.5vw,56px);font-weight:300;letter-spacing:-.02em;line-height:1;display:flex;align-items:baseline;gap:4px}.gnb-card-unit{font-size:clamp(14px,1.8vw,20px);font-weight:400}.gnb-card-label{font-size:clamp(8px,.9vw,10px);font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--pds-text-secondary);line-height:1.4;white-space:pre-line}.gnb-year-toggle{display:flex;border:1px solid rgba(255,255,255,.25);border-radius:2px;overflow:hidden;margin-top:10px;width:fit-content}.gnb-year-btn{padding:5px 10px;font-size:clamp(9px,.9vw,11px);font-weight:500;letter-spacing:.05em;background:transparent;border:none;color:var(--pds-text-secondary);cursor:pointer;transition:all var(--pds-transition-fast);font-family:inherit}.gnb-year-btn:first-child{border-right:1px solid rgba(255,255,255,.25)}.gnb-year-btn.active{background:#ffffff1f;color:var(--pds-text-primary)}.gnb-year-btn:hover:not(.active){color:var(--pds-text-primary);background:#ffffff0d}@media (max-width: 1024px){.gnb-slide-content{flex-direction:column;align-items:flex-start;justify-content:flex-start}.gnb-slide-text{flex:none;margin-bottom:20px}.gnb-cards{align-self:stretch;justify-content:flex-start;margin-bottom:20px}}@media (max-width: 768px){.gnb-nav{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.gnb-nav::-webkit-scrollbar{display:none}.gnb-nav-item{font-size:9px;letter-spacing:.1em;padding:14px 8px;min-width:80px}.gnb-slide{padding:80px 20px 30px}.gnb-slide-content{gap:24px}.gnb-cards{flex-direction:column;width:100%}.gnb-card{width:100%;min-width:unset;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:16px 20px}.gnb-card-value{font-size:32px;order:1}.gnb-card-label{order:2;flex:1;text-align:right;padding-left:16px;font-size:9px;max-width:50%}.gnb-year-toggle{order:3;width:100%;margin-top:12px}.gnb-year-btn{flex:1;text-align:center;padding:8px}}@media (max-width: 480px){.gnb-nav{gap:12px;padding:12px}.gnb-nav-item{font-size:8px}.gnb-slide{padding:70px 16px 20px}.gnb-slide-title{font-size:20px}.gnb-slide-description{font-size:13px}.gnb-card{padding:14px 16px}.gnb-card-value{font-size:28px}}.gnb-slide-inner{width:100%;height:100%;max-width:1400px;margin:0 auto;display:flex;flex-direction:column}:root{--cockpit-radius-xl: 12px;--cockpit-radius-card: 8px;--cockpit-gap: 24px}.gnb-cockpit{display:flex;flex-direction:column;gap:var(--cockpit-gap);align-items:center;position:relative;width:100%;max-width:100%;margin:0 auto;overflow-x:hidden}@media (max-width: 1023px){.gnb-cockpit{height:100vh;height:100dvh}}@media (min-width: 1315px){.gnb-cockpit{max-width:80%;height:calc(100vh - 64px)}}.gnb-cockpit-content{width:100%;position:relative;border-radius:15px;box-shadow:0 0 24px #0000001f;overflow:hidden;display:flex;flex-direction:column;aspect-ratio:9 / 16}@media (max-width: 1023px){.gnb-cockpit-content{align-self:stretch;width:auto;margin-left:30px;margin-right:30px;aspect-ratio:unset;flex:1;min-height:0;max-height:100%}}@media (min-width: 1024px){.gnb-cockpit-content{flex:1;min-height:0;aspect-ratio:3/2;max-width:1600px}}.gnb-cockpit-media-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.gnb-cockpit-media{position:relative;width:100%;height:100%}.gnb-cockpit-video,.gnb-cockpit-image{width:100%;height:100%;object-fit:cover;position:absolute;top:0;right:0;bottom:0;left:0}.gnb-cockpit-media-darken{position:absolute;top:0;right:0;bottom:0;left:0;background:#0003;pointer-events:none}.gnb-cockpit-info{position:absolute;bottom:24px;left:50%;transform:translate(-50%);z-index:10;width:100%;padding:0 16px;box-sizing:border-box;display:flex;justify-content:center}@media (min-width: 768px){.gnb-cockpit-info{bottom:40px;width:auto;padding:0}}.gnb-cockpit-glass{backdrop-filter:blur(60px);-webkit-backdrop-filter:blur(60px);background:#00000029;border-radius:24px;padding:20px;display:flex;flex-direction:column;gap:16px;align-items:center;width:100%}@media (min-width: 768px){.gnb-cockpit-glass{flex-direction:row;gap:40px;padding:24px 40px;width:auto}}.gnb-cockpit-title{font-family:var(--pds-font-family);font-size:20px;color:#fff;margin:0;text-align:center;white-space:normal;line-height:1.2}@media (min-width: 768px){.gnb-cockpit-title{font-size:24px;text-align:left;white-space:nowrap}}.gnb-cockpit-btn{background:#fff;color:#010205;font-family:var(--pds-font-family);font-size:16px;border:none;border-radius:4px;padding:15px 20px;box-sizing:border-box;cursor:pointer;transition:background-color .2s;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;width:100%}@media (min-width: 768px){.gnb-cockpit-btn{width:auto}}.gnb-cockpit-btn:hover{background:#f0f0f0}.gnb-cockpit-nav{position:relative;z-index:20;background:#0000003d}.gnb-cockpit-nav.desktop{display:none}.gnb-cockpit-nav.mobile{display:block;width:100%;padding:24px 0;backdrop-filter:blur(60px);-webkit-backdrop-filter:blur(60px);overflow:hidden;flex-shrink:0}@media (min-width: 1024px){.gnb-cockpit-nav.desktop{display:flex;justify-content:center;backdrop-filter:blur(60px);-webkit-backdrop-filter:blur(60px);padding:24px;border-radius:var(--cockpit-radius-xl);max-width:1022px}.gnb-cockpit-nav.mobile{display:none}}.gnb-cockpit-grid{display:flex;flex-wrap:wrap;gap:24px;justify-content:center}.gnb-cockpit-scroll{display:flex;gap:16px;overflow-x:auto;padding:0 24px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.gnb-cockpit-scroll::-webkit-scrollbar{display:none}.gnb-cockpit-nav-item{position:relative;width:290px;height:72px;border-radius:var(--cockpit-radius-card);overflow:hidden;cursor:pointer;flex-shrink:0;box-shadow:0 0 12px #00000040;display:flex;align-items:center;justify-content:center}.gnb-cockpit-nav-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transition:transform .5s ease}.gnb-cockpit-nav-item:hover .gnb-cockpit-nav-bg{transform:scale(1.1)}.gnb-cockpit-nav-bg img{width:100%;height:100%;object-fit:cover}.gnb-cockpit-nav-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0006;transition:background-color .2s}.gnb-cockpit-nav-item.active .gnb-cockpit-nav-overlay{background:#0003}.gnb-cockpit-nav-border{position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid #fff;border-radius:var(--cockpit-radius-card);pointer-events:none;z-index:10}@media (max-width: 1023px){.gnb-cockpit-nav-item{box-shadow:none}.gnb-cockpit-nav-item.active{box-shadow:0 0 12px #00000040}}.gnb-cockpit-nav-label{position:relative;z-index:20;color:#fff;font-family:var(--pds-font-family);font-size:16px;text-align:center;margin:0;text-shadow:0 1px 2px rgba(0,0,0,.5);pointer-events:none}.gnb-gallery-standalone>[data-gallery],.gnb-cockpit-widget>[data-cockpit],.gnb-cockpit-item{display:none!important}.gnb-gallery-standalone{position:relative;width:100%;height:auto;min-height:50px;border-radius:12px;overflow:hidden}.gnb-cockpit-widget{position:relative;width:100%;height:auto;min-height:50px}.gnb-gallery-standalone>.gnb-placeholder,.gnb-cockpit-widget>.gnb-placeholder{display:flex!important;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1}
