/* PEV Labs: original palette, automotive presentation, automatic hover choreography. */
.studio-home{background:#090e13}.studio-home .site-header{background:rgba(9,14,19,.78);border-bottom-color:#c2d3df0c}.studio-home .brand img{width:92px;height:58px}.studio-home #primary-navigation{font-size:13px;gap:35px}.studio-home #primary-navigation .nav-quote{background:#ffffff05;border-color:#6b8c9f60;border-radius:7px;padding:10px 19px}.studio-home .shell{max-width:1392px}.studio-home .eyebrow{font-size:10px;letter-spacing:.13em;font-weight:500}
.studio-hero{position:relative;isolation:isolate;padding:0;height:min(780px,calc(100svh - 88px));min-height:650px;overflow:hidden;background:#090e13}.studio-backdrop{position:absolute;inset:0;background:radial-gradient(ellipse at 72% 47%,#1e2b354d,transparent 65%),linear-gradient(170deg,#ffffff00 55%,#38505c08 55.1%,#10192311 85%);z-index:-1}.studio-hero .hero-intro{position:absolute;inset:0;display:flex;align-items:flex-start;gap:0;pointer-events:none;padding-top:114px;margin-bottom:0;z-index:3}.hero-statement{width:430px;pointer-events:auto}.studio-hero h1{font-size:clamp(44px,4.85vw,70px);line-height:1.07;letter-spacing:-.048em;font-weight:550;margin-top:26px;color:#eef3f6}.studio-hero h1 em{font-style:normal;color:#8bbfdc}.studio-hero .eyebrow{color:#a0b4c1;font-size:9px;letter-spacing:.15em}.hero-description{font-size:14px;line-height:1.85;max-width:350px;margin-top:26px;color:#95a7b3}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:32px}.hero-actions .button{border-radius:6px;font-size:12px;padding:13px 17px;background:#e5edf2;color:#101a21;box-shadow:none;gap:24px;font-weight:550}.hero-actions .button:hover{background:#fff;box-shadow:0 3px 18px #d8eff514}.hero-secondary{font-size:11px;display:inline-flex;align-items:center;gap:17px;color:#a9bbc7}.hero-secondary span{color:#90b8ce}.hero-secondary:hover{color:#fff}.hover-invitation{display:flex;align-items:center;gap:10px;font-size:10px;line-height:1.7;margin-top:42px;max-width:300px;color:#718996}.pointer-mark{display:inline-flex;width:23px;height:29px;border:1px solid #59778970;border-radius:12px;align-items:center;justify-content:center;color:#9ab6c5;font-size:12px;flex:none}.touch-hover-copy{display:none}.studio-model-wrap{position:absolute;left:28%;right:-1%;top:0;bottom:20px;z-index:1}.studio-hero .powertrain-stage{width:100%;height:100%;overflow:hidden;isolation:isolate;background:transparent}.studio-hero .powertrain-stage canvas{height:100%!important;width:100%!important}.studio-hero .model-fallback{inset:60px 20px 90px}.studio-hero .model-fallback svg{max-height:none}.studio-hero .model-fallback p{color:#879dab}.studio-hero .component-labels{opacity:0;transition:opacity .5s}.studio-hero [data-engaged="true"] .component-labels,.studio-hero [data-manual="true"] .component-labels{opacity:1}.studio-hero .component-label{font-size:10px;color:#b8c6d0;background:#16212bbb;border:1px solid #6f8a9b4d;backdrop-filter:blur(20px);padding:7px 10px;border-radius:4px;box-shadow:0 5px 16px #0002}.studio-hero .component-label[aria-pressed="true"]{background:#dfeaf0eb;border-color:#cce0eb;color:#172630}.studio-hero .component-label[aria-pressed="true"] i{background:#36667e}.studio-hero .component-label i{background:#a8c5d3;width:4px;height:4px}.studio-component-card{position:absolute;right:4%;bottom:86px;width:290px;z-index:4;display:flex;gap:15px;background:#18232d59;border:1px solid #859aa324;backdrop-filter:blur(22px) saturate(125%);-webkit-backdrop-filter:blur(22px) saturate(125%);border-radius:8px;padding:18px 20px;pointer-events:none;opacity:0;transform:translateY(8px);transition:opacity .35s,transform .45s}.studio-hero:has([data-engaged="true"]) .studio-component-card{opacity:1;transform:none}.studio-card-rule{width:2px;background:#88b6c8;align-self:stretch;flex:none}.studio-component-card p:first-child{font-size:8px;letter-spacing:.13em;color:#94b1c2;line-height:1.5}.studio-component-card h2{font-size:18px;font-weight:500;letter-spacing:-.025em;line-height:1.3;margin-top:6px}.studio-component-card p:last-child{font-size:10px;color:#91a9b7;line-height:1.7;margin-top:6px}.studio-motion{position:absolute;right:4%;top:28px;z-index:5;font-size:10px;color:#7f98a8;opacity:.7}.studio-motion:hover{opacity:1}.hero-baseline{position:absolute;bottom:0;left:0;right:0;border-top:1px solid #5771852b;min-height:62px;display:flex;justify-content:space-between;align-items:center;gap:20px;z-index:5}.hero-baseline p{font-size:8px;color:#859da9;letter-spacing:.12em}.hero-baseline .status-dot{width:4px;height:4px;background:#8cadb9;vertical-align:1px}.hero-baseline a{font-size:10px;color:#a3b9c5;display:flex;gap:28px;align-items:center}.hero-baseline a:hover{color:#fff}.hero-baseline a>span{font-size:14px;color:#81a2b4}
.engineering-intro{display:flex;justify-content:space-between;gap:25px;align-items:center;padding-top:18px;font-size:9px}.engineering-intro p{font-size:9px;color:#657f8f}.engineering-intro a{white-space:nowrap;color:#8fa7b4;display:flex;gap:15px}.engineering-intro a:hover{color:#d8e7ef}.component-guide{margin-top:25px;border-top:1px solid #2d424f;border-bottom:1px solid #2d424f}.component-guide>summary{display:flex;gap:25px;align-items:center;min-height:67px;list-style:none;font-size:13px;color:#c9d7e0;font-weight:500}.guide-summary-caption{margin-left:auto;font-size:10px;font-weight:400;color:#6f8b9c}.guide-expand{font-size:24px;font-weight:300;color:#7899ab;transition:transform .3s}.component-guide[open] .guide-expand{transform:rotate(45deg)}.guide-content{display:grid;grid-template-columns:1fr 1.1fr;gap:60px;padding:25px 0 35px;border-top:1px solid #263e4c}.guide-controls{max-width:470px}.guide-controls h2{font-size:35px;font-weight:500;letter-spacing:-.035em;line-height:1.2;margin-top:10px}.guide-description{font-size:12px;line-height:1.8;margin-top:13px;max-width:370px}.guide-controls .layer-filter{margin-top:24px}.guide-controls .explosion-controls{display:flex;flex-direction:column;align-items:stretch;padding:0;background:transparent;border:0;gap:17px;margin-top:20px}.guide-controls .assembly-views{align-self:flex-start}.guide-controls .explosion-slider{width:100%;max-width:none}.guide-controls .explosion-slider label{display:block}.guide-camera{display:flex;gap:20px;align-items:center;justify-content:space-between}.guide-controls .view-tools{position:static;display:inline-flex;flex:none}.guide-view-caption{font-size:10px;margin-top:17px;color:#5f7d8f}.guide-content .component-inspector{height:auto;min-height:410px;border:1px solid #304857;padding:24px 24px 0;border-radius:10px;background:linear-gradient(135deg,#17273499,#111b2599)}.guide-content .component-copy{padding-top:24px;overflow:visible}.guide-content .component-description{font-size:13px;line-height:1.8}.guide-content .component-short{font-size:12px}.guide-content .component-copy h3{font-size:27px}.guide-content .component-copy h4{font-size:11px}.guide-content .interface-list li{font-size:10px;padding:5px 8px}.guide-content .design-note summary{font-size:11px}.guide-content .design-note p{font-size:11px}.guide-content .component-pagination{font-size:10px;min-height:52px;margin-top:18px}.guide-content .inspector-selector label{font-size:9px}.guide-content .inspector-selector select{font-size:13px;min-height:44px}.studio-home .solutions-section{padding-top:66px}.studio-home .solution-panels{background:#101820;border-color:#283a47;border-radius:9px}.studio-home .solution-tabs button{border-radius:6px}.studio-home .section-heading h2{font-size:32px;font-weight:500;letter-spacing:-.035em}.studio-home .solution-art{background:radial-gradient(ellipse at center,#243d4c50,transparent 80%),#0d171f;color:#6c95aa}.studio-home .solution-body>p:not(.eyebrow){font-size:12px}.studio-home .solution-body h3{font-weight:500}.studio-home .principle{border-radius:7px;background:transparent;border-color:#2a3d4a}.studio-home .principle summary{font-weight:500}.studio-home .principle-body>p{font-size:12px}.studio-home .contact-band{border-radius:9px;background:linear-gradient(110deg,#162a3770,#111b2490);padding:38px}.studio-home .contact-band .primary-button{background:#dbe8ef;color:#0e1a22}.studio-home .contact-band .button{border-radius:6px}.studio-home .footer-brand p{font-size:11px}
@media(min-width:1700px){.studio-model-wrap{left:31%;right:2%;top:-25px}.studio-hero .hero-intro{padding-top:115px}.hero-statement{width:490px}.studio-hero h1{font-size:76px}.hero-description{font-size:15px;max-width:375px}.studio-hero{height:800px;max-height:800px}.studio-component-card{right:7%}}
@media(max-width:1150px){.studio-hero{min-height:620px;height:calc(100svh - 88px);max-height:730px}.studio-hero .hero-intro{padding-top:90px}.hero-statement{width:355px}.studio-hero h1{font-size:51px}.studio-hero .eyebrow{font-size:8px}.hero-description{font-size:13px;max-width:305px}.hero-actions{gap:17px}.hero-actions .button{font-size:11px;gap:15px;padding:12px 14px}.hero-secondary{font-size:10px;gap:10px}.studio-model-wrap{left:28%;right:-5%;top:20px;bottom:45px}.studio-component-card{width:235px;right:28px;bottom:80px;padding:14px}.studio-component-card h2{font-size:16px}.studio-component-card p:last-child{font-size:9px}.guide-content{gap:35px}.studio-home #primary-navigation{gap:25px}}
@media(max-width:880px){.studio-hero{min-height:680px;max-height:none;height:710px}.studio-hero .hero-intro{padding-top:65px}.hero-statement{width:310px}.studio-hero h1{font-size:45px}.hero-description{font-size:12px;max-width:270px}.hero-actions{align-items:flex-start;flex-direction:column;gap:18px;margin-top:24px}.hover-invitation{max-width:230px;font-size:9px;margin-top:29px}.studio-model-wrap{left:26%;right:-13%;top:90px;bottom:70px}.studio-component-card{bottom:85px;width:222px;right:28px}.hero-baseline p{font-size:7px}.hero-baseline a{gap:13px;font-size:9px}.studio-home .brand img{width:80px;height:50px}.guide-content{gap:25px;grid-template-columns:1fr 1.1fr}.guide-content .component-inspector{padding:18px 18px 0}.guide-camera{gap:10px;flex-wrap:wrap}.guide-controls .layer-filter button{font-size:9px;padding-inline:8px}.guide-summary-caption{font-size:9px}.studio-home .section-heading h2{font-size:28px}}
@media(max-width:650px){.studio-hero{height:850px;min-height:850px;max-height:none;overflow:hidden}.studio-hero .hero-intro{position:relative;padding-top:40px;height:auto;display:block;z-index:3}.hero-statement{width:100%;max-width:480px}.studio-hero .eyebrow{font-size:7px;letter-spacing:.13em}.studio-hero h1{font-size:clamp(39px,10.1vw,59px);line-height:1.09;letter-spacing:-.045em;margin-top:20px}.hero-description{font-size:13px;line-height:1.85;max-width:345px;margin-top:19px}.hero-actions{flex-direction:row;align-items:center;gap:25px;margin-top:24px}.hero-actions .button{font-size:11px;padding:12px 14px}.hero-secondary{font-size:10px}.hover-invitation{font-size:9px;margin-top:23px;max-width:100%;gap:8px}.pointer-mark{width:15px;height:21px;font-size:9px}.desktop-hover-copy{display:none}.touch-hover-copy{display:inline}.studio-model-wrap{left:-7%;right:-7%;top:335px;bottom:75px}.studio-hero .powertrain-stage{height:100%}.studio-component-card{right:16px;bottom:74px;max-width:245px;width:65%;padding:12px 14px;gap:11px}.studio-component-card p:first-child{font-size:7px}.studio-component-card h2{font-size:16px}.studio-component-card p:last-child{font-size:9px;margin-top:3px}.studio-motion{right:16px;top:auto;bottom:36px;font-size:9px;padding:0;z-index:6}.hero-baseline{min-height:60px;align-items:start;padding-top:15px;padding-bottom:12px;flex-direction:column;justify-content:flex-start;gap:5px}.hero-baseline p{font-size:6px;letter-spacing:.08em}.hero-baseline a{font-size:8px;gap:13px}.hero-baseline .status-dot{margin-right:5px;width:3px;height:3px}.engineering-intro{padding-top:15px;align-items:flex-start;font-size:8px;gap:20px}.engineering-intro p{font-size:8px;line-height:1.8;max-width:240px}.engineering-intro a{font-size:8px;gap:5px}.component-guide{margin-top:20px}.component-guide>summary{min-height:60px;font-size:12px;gap:15px}.guide-summary-caption{display:none}.guide-expand{margin-left:auto}.guide-content{grid-template-columns:1fr;gap:27px;padding-top:23px;padding-bottom:23px}.guide-controls{max-width:none}.guide-controls h2{font-size:30px}.guide-description{max-width:430px;font-size:12px}.guide-controls .layer-filter{margin-top:20px}.guide-controls .layer-filter button{font-size:10px;padding-inline:11px}.guide-controls .explosion-controls{flex-direction:column;padding:0;gap:16px}.guide-controls .explosion-slider{flex-basis:auto;order:0;padding:0}.guide-controls .guide-camera{order:1;flex-wrap:nowrap}.guide-content .component-inspector{min-height:0;padding:19px 19px 0}.guide-content .component-copy{display:block;padding-top:20px}.guide-content .inspector-selector{display:block}.guide-content .inspector-selector label{width:auto;font-size:9px;margin-bottom:8px}.guide-content .component-copy h3{font-size:26px}.guide-content .component-description{font-size:12px;line-height:1.85}.guide-content .design-note{border-left:0;border-top:1px solid #2b4352;padding:12px 0 0;margin-top:20px}.guide-content .component-short{font-size:11px}.guide-content .interface-list li{font-size:9px}.guide-content .component-pagination{margin-top:16px}.studio-home .solutions-section{padding-top:43px}.studio-home .section-heading h2{font-size:27px}.studio-home .solution-body{padding:24px}.studio-home .solution-body h3{font-size:27px}.studio-home .solution-art{height:120px}.studio-home .contact-band{padding:28px}.studio-home .contact-band h2{font-size:32px}.studio-home .brand img{width:70px;height:43px}}
@media(max-width:350px){.studio-hero{height:810px;min-height:810px}.studio-hero .hero-intro{padding-top:31px}.studio-hero h1{font-size:37px}.studio-hero .eyebrow{font-size:6px}.hero-description{font-size:12px;line-height:1.8}.hero-actions{gap:15px}.hero-actions .button{font-size:10px;gap:10px;padding:12px}.hero-secondary{font-size:9px;gap:7px}.studio-model-wrap{top:338px;bottom:70px}.studio-component-card{bottom:76px}.guide-controls .layer-filter button{padding-inline:9px}.studio-home .section-heading h2{font-size:25px}}
@media(hover:none){.desktop-hover-copy{display:none}.touch-hover-copy{display:inline}.studio-component-card{opacity:1;transform:none}}
.studio-hero h1{font-size:clamp(44px,4vw,58px)}.studio-hero .hero-statement{width:450px}.studio-model-wrap{left:34%;right:-2%}
@media(min-width:1700px){.studio-hero h1{font-size:68px}.studio-hero .hero-statement{width:500px}.studio-model-wrap{left:34%;right:1%}}
@media(max-width:1150px){.studio-hero h1{font-size:48px}.studio-hero .hero-statement{width:355px}.studio-model-wrap{left:33%;right:-5%}}
@media(max-width:880px){.studio-hero h1{font-size:43px}.studio-hero .hero-statement{width:310px}.studio-model-wrap{left:32%;right:2%}}
@media(max-width:650px){.studio-hero h1{font-size:clamp(39px,10.1vw,59px)}.studio-hero .hero-statement{width:100%;max-width:480px}.studio-model-wrap{left:0;right:0}}
@media(max-width:350px){.studio-hero h1{font-size:37px}}
.studio-poster{width:100%;height:100%;object-fit:contain}.studio-hero .model-fallback:has(.studio-poster){inset:0}.studio-hero .model-fallback:has(.studio-poster)>svg,.studio-hero .model-fallback:has(.studio-poster)>p{display:none}.studio-hero [data-status="error"] .studio-poster{display:none}.studio-hero [data-status="error"] .model-fallback>svg,.studio-hero [data-status="error"] .model-fallback>p{display:block}.powertrain-stage[data-renderer="blender"] .component-labels{display:none}.guide-model{height:255px;position:relative;overflow:hidden;border:1px solid #2a3e4b;border-radius:8px;margin-top:20px;background:#0d141a}.guide-model canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.guide-model-message{font-size:11px;color:#7f98a8;max-width:270px;padding:25px;margin:0 auto;text-align:center;position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.guide-model[data-status="ready"] .guide-model-message{display:none}.guide-content:has(.guide-model) .guide-controls h2{font-size:28px}.guide-content:has(.guide-model) .guide-description{font-size:11px;line-height:1.7}.guide-content:has(.guide-model) .guide-controls .layer-filter{margin-top:17px}.guide-content:has(.guide-model) .explosion-controls{margin-top:15px;gap:13px}.guide-content:has(.guide-model) .component-inspector{align-self:stretch}.guide-content:has(.guide-model) .component-copy{flex:0 1 auto}.guide-content:has(.guide-model) .component-pagination{margin-top:auto}
@media(max-width:650px){.guide-model{height:240px}.guide-content:has(.guide-model) .component-pagination{margin-top:16px}}
.studio-home .hero-actions .primary-button,.studio-home .contact-band .primary-button{background:#17a2ff;color:#07141e;border-radius:24px}.studio-home .hero-actions .primary-button:hover,.studio-home .contact-band .primary-button:hover{background:#51baff;box-shadow:0 5px 22px #17a2ff1a}.solution-render{overflow:hidden}.solution-render img{display:block;width:112%;height:100%;object-fit:contain;max-width:none;transition:transform .6s}.solution-panels:hover .solution-render img{transform:translateY(-4px)}
@media(max-width:650px){.studio-home .solution-render{height:175px}.solution-render img{width:100%;max-height:175px}}
@media(prefers-reduced-motion:reduce){.studio-hero .component-labels{transition:none}.hover-invitation{visibility:hidden}.studio-component-card{transition:none}}
