/* An editorial workshop: forest frame, warm sage studio, champagne bodywork. */
.ex-page{--ex-forest:#173c31;--ex-ink:#193b31;--ex-paper:#f7f6ee;--ex-sage:#e8ede4;--ex-line:#d4ddd0;--ex-orange:#c14d26;--ex-muted:#657465;color:var(--ex-ink);background:#f2f3eb;min-height:80vh;padding:30px 0 62px}
.ex-wrap{max-width:1540px;margin:auto;padding-inline:clamp(20px,4vw,66px)}.ex-page *{box-sizing:border-box}.ex-page [hidden]{display:none!important}.ex-page button,.ex-page input,.ex-page select{font:inherit}.ex-page button{cursor:pointer;color:inherit}.ex-page button:disabled{cursor:default;opacity:.42}.ex-page a{color:inherit}.ex-page :focus-visible{outline:3px solid var(--ex-orange);outline-offset:4px}.ex-page svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.ex-page button{border-radius:0}.ex-page p{color:var(--ex-muted)}
.ex-breadcrumb{display:flex;gap:12px;align-items:center;font-size:11px;margin-bottom:32px;color:#61715e}.ex-breadcrumb a{text-decoration:none}.ex-breadcrumb a:hover{text-decoration:underline}.ex-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;padding-bottom:31px}.ex-eyebrow{display:block;font-size:10px;line-height:1.6;letter-spacing:1.5px;font-weight:700}.ex-intro>.ex-eyebrow,.ex-intro .ex-eyebrow{color:#a9401b}.ex-intro h1{font-size:clamp(34px,4vw,59px);font-weight:500;letter-spacing:-2.5px;line-height:1.15;margin:12px 0 0}.ex-intro>p{max-width:325px;font-size:13px;line-height:1.85;margin:0 0 3px}.ex-workspace{border:1px solid #203e31;background:var(--ex-forest);box-shadow:0 14px 35px #223d2210}
.ex-vehicle-bar{display:flex;align-items:center;gap:14px;background:var(--ex-forest);color:var(--ex-paper);min-height:81px;padding:15px 25px}.ex-vehicle-icon{width:42px;height:42px;border:1px solid #4f695b;display:grid;place-items:center;color:#d0ddc6}.ex-vehicle-icon svg{width:26px;height:26px}.ex-vehicle-context{flex:1;min-width:0}.ex-vehicle-context .ex-eyebrow{color:#bdccb8;font-size:8px;letter-spacing:1.4px}.ex-vehicle-context strong{display:block;font-size:15px;font-weight:500;margin-top:3px;line-height:1.5;overflow-wrap:anywhere}.ex-vehicle-button{display:flex;align-items:center;gap:20px;min-height:42px;background:transparent;border:1px solid #809581;color:#edf0e4!important;padding:9px 15px;font-size:11px!important}.ex-vehicle-button:hover{background:#294c3d}.ex-vehicle-button svg{width:17px;height:17px}.ex-vehicle-panel{background:var(--ex-paper);padding:24px;border-bottom:1px solid var(--ex-line)}.ex-vehicle-panel-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:17px}.ex-vehicle-panel-intro>p{font-size:12px;line-height:1.8;margin:0;max-width:760px}.ex-vehicle-panel .vehicle-fields{background:#f0f2e8;color:var(--ex-ink);border-color:#cbd5c2;padding:22px}.ex-vehicle-panel .field input,.ex-vehicle-panel .field select{color:var(--ex-ink);background:#fafbf4;border-color:#bdcbb4}.ex-vehicle-panel .field select option{background:#fafbf4;color:var(--ex-ink)}.ex-vehicle-panel .field>span,.ex-vehicle-panel .fine-print,.ex-vehicle-panel legend{color:#526748}.ex-vehicle-panel .ex-quote{max-width:330px;margin-top:17px}.ex-vehicle-panel .btn.ghost{color:var(--ex-ink);border-color:#a1b494}
.ex-main{display:grid;grid-template-columns:minmax(0,1fr) 320px;align-items:stretch}.ex-stage{min-width:0;background:var(--ex-sage);position:relative;isolation:isolate;min-height:670px;overflow:hidden}.ex-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:1;touch-action:none;outline-offset:-6px!important}.ex-stage-top{position:absolute;inset-inline:25px;top:23px;display:flex;align-items:center;justify-content:space-between;gap:14px;z-index:4;pointer-events:none}.ex-stage-mark{font:600 9px/1.3 Manrope,Arial,sans-serif;letter-spacing:1.6px;color:#56694e;display:flex;align-items:center;gap:8px}.ex-stage-mark>span{font-size:21px;font-weight:400}.ex-view-tabs{display:flex;align-items:center;border:1px solid #b9c8b1;background:#edf1e7c9;padding:3px;pointer-events:auto}.ex-view-tabs button{border:0;padding:7px 10px;min-height:33px;line-height:1.4;background:transparent;color:#5c6c53;font-size:10px!important;white-space:nowrap}.ex-view-tabs button.is-selected{background:#284c39;color:#f3f5ec}.ex-view-tabs button:hover:not(.is-selected){background:#d7e0cd}.ex-hotspots{position:absolute;inset:0;z-index:3;pointer-events:none;direction:ltr}.ex-hotspot{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;border:0;background:transparent!important;padding:9px!important;min-width:42px;min-height:42px;color:#fff;pointer-events:auto;z-index:1;white-space:nowrap}.ex-hotspot-number{width:25px;height:25px;border:1px solid #b34d24;border-radius:50%;display:grid;place-items:center;background:#b54b27;color:white;font:600 9px/1 Manrope,Arial,sans-serif;box-shadow:0 0 0 4px #f2eee875,0 2px 8px #6b432826;transition:background .2s,box-shadow .2s}.ex-hotspot.is-selected{z-index:6}.ex-hotspot.is-selected .ex-hotspot-number,.ex-hotspot:hover .ex-hotspot-number,.ex-hotspot:focus-visible .ex-hotspot-number{background:#f4eee2;color:#973c1a;box-shadow:0 0 0 5px #bc542f30}.ex-hotspot-label{position:absolute;width:max-content;left:calc(100% + 5px);background:#1b3d30;color:#f7f6e9;box-shadow:0 3px 12px #1f351a20;padding:9px 12px;font-size:10px;line-height:1.4;opacity:0;visibility:hidden;max-width:180px;white-space:normal;text-align:start;direction:inherit;pointer-events:none}.ex-hotspot-label:before{position:absolute;content:'';width:15px;height:1px;background:#b34d24;left:-15px;top:50%}.ex-hotspot-flip .ex-hotspot-label{left:auto;right:calc(100% + 5px)}.ex-hotspot-flip .ex-hotspot-label:before{left:auto;right:-15px}.ex-hotspot.is-selected .ex-hotspot-label,.ex-hotspot:hover .ex-hotspot-label,.ex-hotspot:focus-visible .ex-hotspot-label{opacity:1;visibility:visible}.ex-stage-bottom{position:absolute;inset-inline:25px;bottom:22px;z-index:4;display:flex;align-items:flex-end;justify-content:space-between;gap:16px;pointer-events:none}.ex-stage-bottom p{max-width:245px;font-size:10px;line-height:1.8;margin:0;color:#4c6145}.ex-orbit-controls{display:flex;gap:6px;pointer-events:auto}.ex-icon-button{display:inline-grid;place-items:center;min-width:39px;min-height:39px;border:1px solid #b4c2a9;background:#f1f4ebbf;color:#344f2b}.ex-icon-button svg{width:17px;height:17px}.ex-icon-button:hover{background:#dbe4d1}.ex-stage-watermark{position:absolute;inset-inline-start:28px;bottom:93px;color:#9aa78d;opacity:.38;font:500 clamp(36px,6vw,93px)/1 Manrope,Arial,sans-serif;letter-spacing:-4px;pointer-events:none;z-index:0}.ex-scene-status{position:absolute;inset-inline:25px;top:43%;display:flex;gap:12px;align-items:center;justify-content:center;z-index:5;color:#5e7153;pointer-events:none}.ex-scene-status p{margin:0;font-size:12px;line-height:1.8}.ex-loading-dot{width:8px;height:8px;background:var(--ex-orange);border-radius:50%;box-shadow:0 0 0 6px #bc4b251a}.ex-scene-failed .ex-scene-status{background:#e8ede4ea;max-width:450px;margin:auto;text-align:center;flex-direction:column;top:31%;padding:25px}.ex-scene-failed .ex-scene-status>svg{width:55px;height:55px;stroke-width:.8;margin-bottom:8px}.ex-scene-failed .ex-scene-status>strong{font-size:19px;font-weight:500}.ex-scene-failed .ex-hotspots{display:none}.ex-scene-failed .ex-stage-bottom p{visibility:hidden}
.ex-inspector{min-width:0;position:relative;background:var(--ex-paper);border-inline-start:1px solid #c4d1ba;padding:29px 26px 20px;display:flex;flex-direction:column}.ex-inspector-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.ex-inspector-top .ex-eyebrow{color:#6d7c62;letter-spacing:1px;font-size:8px}.ex-system-big-number{font:400 32px/1 Manrope,Arial,sans-serif;color:#a5b49a}.ex-inspector h2{font-size:28px;font-weight:500;line-height:1.2;letter-spacing:-.7px;margin:23px 0 13px;overflow-wrap:anywhere}.ex-system-description{font-size:11px;line-height:1.85;min-height:59px;margin:0 0 22px}.ex-part-label{font-size:10px;color:#4b6544;font-weight:600;margin:0 0 8px;display:block}.ex-select-wrap{position:relative}.ex-select-wrap select{background:#edefe2;color:#24471e;border:1px solid #bdcbb0;width:100%;padding:11px 27px 11px 10px;min-height:45px;font-size:11px!important;border-radius:0;text-overflow:ellipsis}.ex-detail{border-top:1px solid #d1dac7;margin-top:24px;padding-top:22px;flex:1}.ex-detail-kicker{font-size:8px;line-height:1.6;letter-spacing:1.4px;color:#687b5e;font-weight:600}.ex-detail h3{font-size:20px;font-weight:500;line-height:1.4;margin:8px 0 10px;letter-spacing:-.4px;overflow-wrap:anywhere}.ex-part-description{font-size:11px;line-height:1.85;margin:0 0 16px}.ex-facts{margin:0 0 8px}.ex-facts>div{display:block;border-bottom:1px solid #d9e0d0;padding:0 0 11px;font-size:10px;line-height:1.7}.ex-facts dt{color:#708162;font-size:9px;margin-bottom:4px}.ex-facts dd{margin:0}.ex-facts dd strong{font-size:11px;font-weight:500;overflow-wrap:anywhere}.ex-facts dd small{font-size:9px;color:#687b5d;display:block;margin-top:3px}.ex-text-link{display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:start;padding:6px 0;border:0;background:transparent;width:100%;font-size:10px!important;color:#4c663e!important;line-height:1.7}.ex-text-link:hover{text-decoration:underline}.ex-text-link svg{width:15px;height:15px}.ex-fitment-note{display:flex;gap:8px;font-size:9px;line-height:1.9;color:#67795c!important;margin:16px 0}.ex-fitment-note svg{width:14px;height:14px;margin-top:3px}.ex-quote{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;min-height:48px;background:#244933;color:#f8f8e9!important;border:1px solid #244933;width:100%;font-size:11px!important;line-height:1.6}.ex-quote svg{width:18px;height:18px}.ex-quote:hover{background:#355d3c}.ex-quote-note{font-size:9px;line-height:1.7;margin:8px 0 0;text-align:center}.ex-catalogue-link{display:flex;justify-content:space-between;align-items:center;gap:10px;text-decoration:none;font-size:10px;line-height:1.7;border-top:1px solid #d2dcc8;margin-top:22px;padding-top:17px}.ex-catalogue-link svg{width:16px;height:16px}.ex-catalogue-link:hover{text-decoration:underline}.ex-empty{font-size:12px;line-height:1.8}
.ex-sequencer{display:flex;align-items:center;gap:22px;padding:23px 28px;color:#f4f3e5;border-top:1px solid #45624c}.ex-play{width:47px;height:47px;background:#d2dfbf;color:#294b2e!important;border:1px solid #d2dfbf;display:grid;place-items:center;flex-shrink:0;border-radius:50%!important}.ex-play svg{width:20px;height:20px}.ex-play:hover{background:#e6edd6}.ex-play[aria-pressed=true]{background:#d1a76e;border-color:#d1a76e}.ex-timeline{flex:1;min-width:0}.ex-timeline-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:10px}.ex-timeline-heading label{font-size:8px;letter-spacing:1.7px;color:#d0dbc1;font-weight:600}.ex-timeline-heading output{font:500 10px/1.5 Manrope,Arial,sans-serif;color:#c7d5b9}.ex-timeline input{display:block;width:100%;appearance:none;-webkit-appearance:none;height:4px;background:linear-gradient(to right,#cf6a3e 0%,#cf6a3e var(--ex-progress),#597450 var(--ex-progress),#597450 100%);margin:0;cursor:pointer;border:0;border-radius:0;direction:ltr}.ex-timeline input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;background:#ecf0da;width:11px;height:15px;border:2px solid #cfcfb4;border-radius:0}.ex-timeline input::-moz-range-thumb{background:#ecf0da;width:8px;height:13px;border:2px solid #cfcfb4;border-radius:0}.ex-timeline-ends{display:flex;align-items:center;justify-content:space-between;gap:16px;color:#b6c9a7;font-size:8px;line-height:1.5;margin-top:10px}.ex-motion{display:flex;align-items:center;gap:8px;font-size:9px;color:#c6d5b9;margin-inline-start:15px;cursor:pointer}.ex-motion input{accent-color:#dcab79;min-width:15px;min-height:15px;cursor:pointer}.ex-scope{display:flex;align-items:center;gap:8px;font-size:9px;line-height:1.7;color:#c8d3bd;padding:12px 26px;border-top:1px solid #416044;background:#17392d}.ex-scope svg{width:14px;height:14px}.ex-scope-count{margin-inline-start:auto;font-size:9px;white-space:nowrap;color:#abc29b}.ex-system-gallery{margin-top:32px}.ex-gallery-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:17px}.ex-gallery-heading .ex-eyebrow{font-size:9px;letter-spacing:1.5px}.ex-gallery-heading p{font-size:11px;margin:0;line-height:1.8}.ex-system-rail{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-inline-start:1px solid #c5d2b8;border-top:1px solid #c5d2b8}.ex-system{display:flex;align-items:center;gap:10px;border:0;border-inline-end:1px solid #c5d2b8;border-bottom:1px solid #c5d2b8;min-height:68px;text-align:start;padding:13px 12px;background:transparent;font-size:10px!important;line-height:1.6;min-width:0;transition:background .18s,color .18s}.ex-system-number{font:500 9px/1.5 Manrope,Arial,sans-serif;color:#80936f;flex-shrink:0;align-self:flex-start;margin-top:4px}.ex-system>span:nth-child(2){overflow-wrap:anywhere;flex:1}.ex-system-arrow{color:#94a482;opacity:0;font-size:16px}.ex-system:hover{background:#dfe7d6}.ex-system.is-selected{background:#254a36;color:#f4f3e2}.ex-system.is-selected .ex-system-number{color:#d7a272}.ex-system.is-selected .ex-system-arrow{opacity:1;color:#d5af82}.ex-system:hover .ex-system-arrow,.ex-system:focus-visible .ex-system-arrow{opacity:1}.ex-screen-reader{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
[dir=rtl] .ex-intro h1{letter-spacing:-1px;line-height:1.35}[dir=rtl] .ex-eyebrow,[dir=rtl] .ex-detail-kicker,[dir=rtl] .ex-timeline-heading label{letter-spacing:0}[dir=rtl] .ex-hotspot-label{direction:rtl}[dir=rtl] .ex-quote svg,[dir=rtl] .ex-catalogue-link svg{transform:scaleX(-1)}[dir=rtl] .ex-select-wrap select{padding:11px 10px 11px 27px}
@media(min-width:1450px){.ex-main{grid-template-columns:minmax(0,1fr) 350px}.ex-inspector{padding-inline:30px}.ex-stage{min-height:690px}.ex-system{font-size:11px!important}}
@media(max-width:1100px){.ex-wrap{padding-inline:24px}.ex-main{grid-template-columns:minmax(0,1fr) 285px}.ex-inspector{padding:25px 21px 20px}.ex-stage{min-height:690px}.ex-stage-top{inset-inline:18px;top:19px}.ex-stage-mark{font-size:8px;letter-spacing:1px}.ex-stage-bottom{inset-inline:18px;bottom:20px;display:block}.ex-stage-bottom p{max-width:220px;margin-bottom:12px}.ex-orbit-controls{justify-content:flex-end}.ex-view-tabs button{padding:6px 8px;font-size:9px!important}.ex-system-rail{grid-template-columns:repeat(4,minmax(0,1fr))}.ex-system:last-child:nth-child(4n+2){grid-column:span 2}.ex-system:nth-last-child(2):nth-child(4n+1){grid-column:span 2}.ex-system{min-height:59px}.ex-sequencer{padding:22px}.ex-motion{margin-inline-start:0}.ex-intro>p{max-width:280px;font-size:12px}}
@media(max-width:850px){.ex-page{padding-top:23px}.ex-breadcrumb{margin-bottom:25px}.ex-intro{gap:22px}.ex-intro h1{font-size:40px;letter-spacing:-1.8px}.ex-intro>p{max-width:230px;font-size:11px}.ex-main{grid-template-columns:minmax(0,1fr)}.ex-stage{height:550px;min-height:0}.ex-stage-bottom{display:flex;align-items:flex-end}.ex-stage-bottom p{max-width:310px;margin:0}.ex-inspector{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:0 35px;padding:26px 28px;border-inline-start:0;border-top:1px solid #bbcbb0}.ex-inspector-top{grid-column:1}.ex-inspector h2{grid-column:1;font-size:28px;margin-top:12px;margin-bottom:9px}.ex-system-description{grid-column:1;min-height:0;margin-bottom:17px;font-size:12px}.ex-part-label,.ex-select-wrap{grid-column:1}.ex-select-wrap select{font-size:12px!important}.ex-detail{grid-column:2;grid-row:1/span 6;border-top:0;border-inline-start:1px solid #d1dac7;margin:0;padding:0 0 0 27px}.ex-detail h3{font-size:22px}.ex-part-description{font-size:11px}.ex-catalogue-link{grid-column:1;margin-top:18px;align-self:end}.ex-fitment-note{font-size:10px;margin:13px 0}.ex-quote-note{font-size:10px}.ex-facts dt{font-size:10px}.ex-text-link{font-size:11px!important}.ex-timeline-heading label{font-size:9px}.ex-timeline-ends{font-size:9px}.ex-scope{font-size:10px}.ex-scope-count{font-size:9px}.ex-system{font-size:11px!important}.ex-system-number{font-size:10px}[dir=rtl] .ex-detail{padding:0 27px 0 0}}
@media(max-width:600px){.ex-page{padding-top:19px;padding-bottom:36px}.ex-wrap{padding-inline:14px}.ex-breadcrumb{font-size:10px;gap:9px;margin-bottom:22px}.ex-intro{display:block;padding:0 5px 23px}.ex-intro .ex-eyebrow{font-size:9px;letter-spacing:1px}.ex-intro h1{font-size:36px;letter-spacing:-1.5px;margin-top:10px;line-height:1.15}.ex-intro>p{font-size:12px;max-width:330px;line-height:1.9;margin:14px 0 0}.ex-vehicle-bar{min-height:77px;padding:13px 15px;gap:11px;flex-wrap:wrap}.ex-vehicle-icon{width:34px;height:34px}.ex-vehicle-icon svg{width:22px;height:22px}.ex-vehicle-context{min-width:100px}.ex-vehicle-context .ex-eyebrow{font-size:8px;letter-spacing:.5px}.ex-vehicle-context strong{font-size:13px}.ex-vehicle-button{min-width:40px;min-height:40px;padding:8px;gap:7px;font-size:10px!important;max-width:40%;justify-content:center}.ex-vehicle-button>span{line-height:1.5}.ex-vehicle-button svg{width:14px;height:14px}.ex-vehicle-panel{padding:17px 12px}.ex-vehicle-panel-intro>p{font-size:11px}.ex-vehicle-panel-intro{gap:12px}.ex-vehicle-panel .vehicle-fields{padding:16px 12px}.ex-vehicle-panel .field-row{grid-template-columns:1fr}.ex-stage{height:450px;min-height:400px}.ex-stage-top{inset-inline:13px;top:15px;gap:7px;align-items:flex-start}.ex-stage-mark{font-size:7px;letter-spacing:.7px;padding-top:9px;gap:4px}.ex-stage-mark>span{font-size:15px}.ex-view-tabs{padding:2px}.ex-view-tabs button{font-size:9px!important;padding:6px 7px;min-height:31px}.ex-stage-bottom{inset-inline:14px;bottom:15px;gap:10px;align-items:flex-end}.ex-stage-bottom p{font-size:9px;max-width:160px;line-height:1.75}.ex-icon-button{min-width:34px;min-height:37px}.ex-icon-button svg{width:16px;height:16px}.ex-orbit-controls{gap:4px}.ex-stage-watermark{font-size:52px;inset-inline-start:15px;bottom:101px;letter-spacing:-2.5px}.ex-hotspot-number{width:22px;height:22px;font-size:8px;box-shadow:0 0 0 3px #f2eee870}.ex-hotspot-label{font-size:9px;max-width:116px;padding:7px 8px;left:calc(100% + 1px)}.ex-hotspot-flip .ex-hotspot-label{right:calc(100% + 1px)}.ex-hotspot-label:before{width:10px;left:-10px}.ex-hotspot-flip .ex-hotspot-label:before{right:-10px}.ex-inspector{display:block;padding:24px 22px;border-top:1px solid #bdcdb3}.ex-inspector-top .ex-eyebrow{font-size:9px}.ex-inspector h2{font-size:30px;margin:9px 0 12px}.ex-system-description{font-size:12px;min-height:0;margin:0 0 20px;line-height:1.9}.ex-part-label{font-size:11px}.ex-select-wrap select{font-size:12px!important;min-height:47px}.ex-detail{border-inline-start:0;border-top:1px solid #d1dac7;padding:23px 0 0;margin-top:24px}.ex-detail-kicker{font-size:9px}.ex-detail h3{font-size:23px;line-height:1.5}.ex-part-description{font-size:12px}.ex-facts dt,.ex-facts dd small{font-size:10px}.ex-facts dd strong{font-size:12px}.ex-text-link{font-size:11px!important;padding:10px 0;min-height:40px}.ex-fitment-note{font-size:11px;line-height:1.85;margin:14px 0 20px}.ex-quote{font-size:12px!important;padding:14px 17px;min-height:51px}.ex-quote-note{font-size:10px;margin-top:10px}.ex-catalogue-link{font-size:11px;padding:19px 0 0;margin-top:23px;min-height:44px}.ex-sequencer{padding:21px 17px 17px;gap:13px;flex-wrap:wrap}.ex-play{width:40px;height:40px}.ex-play svg{width:18px;height:18px}.ex-timeline-heading{margin-bottom:12px}.ex-timeline-heading label{font-size:8px;letter-spacing:.6px}.ex-timeline-heading output{font-size:10px}.ex-timeline-ends{font-size:9px;margin-top:12px}.ex-motion{font-size:10px;margin-inline-start:auto;margin-top:6px}.ex-motion input{min-width:16px;min-height:16px}.ex-scope{padding:13px 17px;align-items:flex-start;font-size:10px;gap:7px}.ex-scope svg{margin-top:2px}.ex-scope-count{display:none}.ex-system-gallery{margin-top:26px}.ex-gallery-heading{display:block;padding:0 4px;margin-bottom:15px}.ex-gallery-heading .ex-eyebrow{font-size:9px}.ex-gallery-heading p{font-size:11px;margin:7px 0 0}.ex-system-rail{grid-template-columns:repeat(2,minmax(0,1fr))}.ex-system{min-height:61px;gap:9px;padding:12px 13px;font-size:11px!important}.ex-system:last-child:nth-child(4n+2),.ex-system:nth-last-child(2):nth-child(4n+1){grid-column:auto}.ex-system-number{font-size:10px}.ex-system-arrow{font-size:14px}.ex-scene-failed .ex-scene-status{top:24%;inset-inline:16px;padding:22px 12px}.ex-scene-failed .ex-scene-status>strong{font-size:18px}.ex-scene-status p{font-size:11px}[dir=rtl] .ex-detail{padding:23px 0 0}[dir=rtl] .ex-intro h1{font-size:35px;line-height:1.4}}
@media(max-width:370px){.ex-wrap{padding-inline:10px}.ex-intro h1{font-size:32px}.ex-vehicle-button>span{max-width:70px}.ex-stage{height:420px}.ex-stage-mark{letter-spacing:0;font-size:6px}.ex-view-tabs button{padding:6px;font-size:8px!important}.ex-stage-bottom p{max-width:133px}.ex-inspector{padding-inline:19px}.ex-system{padding-inline:10px}}
@media(prefers-reduced-motion:reduce){.ex-page *{scroll-behavior:auto!important;transition:none!important}}
/* Keep the separation control adjacent to the car when the inspector stacks. */
@media(max-width:850px){.ex-workspace{display:flex;flex-direction:column}.ex-main{display:contents}.ex-stage{order:1}.ex-sequencer{order:2}.ex-scope{order:3}.ex-inspector{order:4}}
/* Desktop studio stays within the viewport; playback shares the car's surface. */
@media(min-width:1000px){
  .ex-page{padding-top:20px;--ex-stage-height:clamp(400px,calc(100svh - 380px),650px)}
  .ex-breadcrumb{margin-bottom:17px}
  .ex-intro{padding-bottom:22px;gap:24px}
  .ex-intro h1{font-size:clamp(36px,3.5vw,50px);margin-top:8px;letter-spacing:-1.8px}
  .ex-intro>p{font-size:12px;line-height:1.75;max-width:305px}
  .ex-workspace{display:grid;grid-template-columns:minmax(0,1fr) 320px}
  .ex-main{display:contents}
  .ex-vehicle-bar{grid-column:1/-1;grid-row:1;min-height:69px;padding-block:11px}
  .ex-vehicle-icon{width:37px;height:37px}
  .ex-vehicle-panel{grid-column:1/-1;grid-row:2}
  .ex-stage{grid-column:1;grid-row:3;height:var(--ex-stage-height);min-height:0}
  .ex-inspector{grid-column:2;grid-row:3;height:var(--ex-stage-height);min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#91a47d #edf0e4;padding-top:23px}
  .ex-inspector>*{flex-shrink:0}
  .ex-inspector h2{margin-top:16px;margin-bottom:10px;font-size:26px}
  .ex-system-description{min-height:0;margin-bottom:16px}
  .ex-detail{padding-top:17px;margin-top:18px;flex:1 0 auto}
  .ex-sequencer{grid-column:1;grid-row:3;align-self:end;z-index:7;position:relative;border-top:1px solid #667b5d77;background:#173c31f5;padding:17px 22px 16px;gap:16px;box-shadow:0 -7px 22px #173c3109}
  .ex-play{width:42px;height:42px}
  .ex-motion{font-size:8px;gap:6px;margin-inline-start:0;max-width:84px;line-height:1.6}
  .ex-timeline-heading{margin-bottom:11px}
  .ex-timeline-ends{margin-top:10px}
  .ex-scope{grid-column:1/-1;grid-row:4}
  .ex-stage-top{top:18px;inset-inline:20px}
  .ex-stage-bottom{bottom:105px;inset-inline:20px;display:flex;align-items:flex-end}
  .ex-stage-bottom p{max-width:220px;font-size:9px;line-height:1.7;margin:0}
  .ex-stage-watermark{bottom:166px;font-size:clamp(48px,6vw,85px)}
}
@media(min-width:1450px){.ex-workspace{grid-template-columns:minmax(0,1fr) 350px}}
/* Keep a useful finger-sized scrubber even with long French control labels. */
@media(max-width:600px){.ex-sequencer .ex-motion{flex:0 0 100%;justify-content:flex-end;margin-inline-start:0}.ex-sequencer .ex-timeline{min-width:0;flex:1}}

/* Physical inspection tools sit outside the canvas so the model stays clear. */
.ex-vehicle-panel .ex-vehicle-validation{padding:10px 13px;margin:14px 0 0;color:#863b20;background:#f8e9da;border-inline-start:3px solid #b65329;font-size:12px;line-height:1.8}
.ex-profile-picker{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:10px 26px;padding:15px 23px 12px;background:#f0f2e7;border-bottom:1px solid #a7b89c;min-width:0;color:#284931}.ex-profile-presets,.ex-profile-selectors{min-width:0}.ex-profile-presets>.ex-eyebrow{font-size:8px;letter-spacing:1px;color:#62775b;margin-bottom:7px}.ex-profile-choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.ex-profile-choices button{display:flex;align-items:center;justify-content:center;gap:7px;min-width:0;min-height:40px;border:1px solid #b8c7ac;background:#e7eddd;color:#345331;padding:7px 8px;font-size:10px!important;line-height:1.45}.ex-profile-choices button:hover{background:#dce7ce}.ex-profile-choices button[aria-pressed=true]{background:#294e37;border-color:#294e37;color:#f6f6e9;box-shadow:inset 0 -2px #d0a16a}.ex-profile-glyph{font:500 18px/1 Manrope,Arial,sans-serif;color:#a96330;flex-shrink:0}.ex-profile-choices button[aria-pressed=true] .ex-profile-glyph{color:#efbd80}.ex-profile-selectors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:end}.ex-profile-selectors label{display:block;min-width:0}.ex-profile-selectors label>span{display:block;font-size:9px;line-height:1.6;margin-bottom:6px;color:#617256}.ex-profile-selectors select{width:100%;max-width:100%;min-width:0;min-height:40px;border:1px solid #b4c4a7;border-radius:0;background:#f9faf3;color:#345331;padding:8px;font-size:10px!important;line-height:1.5;text-overflow:ellipsis}.ex-profile-selectors option{background:#f9faf3}.ex-profile-notice{grid-column:1/-1;display:flex;gap:7px;align-items:flex-start;min-width:0;padding-top:1px}.ex-profile-notice>svg{width:13px;height:13px;margin-top:2px;color:#758569}.ex-profile-notice>p{font-size:9px;line-height:1.7;margin:0;color:#69795e}.ex-profile-notice.needs-confirmation>p,.ex-profile-notice.needs-confirmation>svg{color:#83562e}.ex-profile-notice a{white-space:normal;color:#3c6441;text-underline-offset:2px;margin-inline-start:5px}.ex-profile-notice a:hover{color:#a95527}[dir=rtl] .ex-profile-presets>.ex-eyebrow{letter-spacing:0}
.ex-profile-choices button>span:last-child{overflow-wrap:anywhere}
.ex-study{grid-column:1/-1;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px 20px;padding:12px 14px;background:#dce8e9;border:1px solid #afc8ce;border-inline-start:3px solid #347cba;min-width:0;color:#244b5b}.ex-study-heading{display:flex;flex-direction:column;gap:4px;min-width:0}.ex-study-badge{font-size:8px;font-weight:700;letter-spacing:1px;line-height:1.4;color:#426879}.ex-study-heading strong{font:700 12px/1.5 Manrope,Arial,sans-serif}.ex-study p{margin:0;font-size:10px;line-height:1.8;overflow-wrap:anywhere}.ex-study>a{font-size:9px;line-height:1.6;color:#285d75;text-underline-offset:3px;overflow-wrap:anywhere}.ex-study-restore{border:0;border-bottom:1px solid #477487;background:transparent;padding:2px 0;margin-inline-start:8px;color:#285d75!important;font-size:10px!important;line-height:1.7}.ex-study-restore:hover{color:#183c4c!important}.ex-finish-azure{background:linear-gradient(140deg,#72b5dc,#347cba);color:#f6f8fc}[dir=rtl] .ex-study-badge{letter-spacing:0}
@media(max-width:600px){.ex-study{grid-template-columns:minmax(0,1fr);gap:6px;padding:11px 12px}.ex-study-heading{flex-direction:row;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.ex-study p{font-size:10px}.ex-study>a{justify-self:start;font-size:10px}.ex-study-restore{margin-inline-start:0;margin-top:5px;display:block;min-height:32px}}
.ex-studio-tools{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:9px 23px;min-width:0;background:#204336;color:#d8e3cd;border-top:1px solid #4d6c5680;border-bottom:1px solid #254a3650}
.ex-finishes,.ex-inspection-tools{display:flex;align-items:center;min-width:0;gap:8px}.ex-finishes{gap:2px}.ex-tool-label{font-size:8px;font-weight:600;line-height:1.5;letter-spacing:1px;margin-inline-end:13px;color:#bfceb4}.ex-finish-swatch{padding:7px;min-width:38px;min-height:38px;background:transparent;border:1px solid transparent;border-radius:50%!important;display:grid;place-items:center}.ex-finish-swatch:hover{background:#466449}.ex-finish-swatch[aria-pressed=true]{border-color:#bbcbad}.ex-finish-color{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;border:1px solid #fff5;box-shadow:inset 0 1px 5px #fff5,0 1px 5px #081d1850}.ex-finish-color svg{width:12px;height:12px;stroke-width:2;opacity:0}.ex-finish-swatch[aria-pressed=true] svg{opacity:1}.ex-finish-champagne{background:linear-gradient(140deg,#e1d8bc,#b6a784);color:#273829}.ex-finish-graphite{background:linear-gradient(140deg,#6f7777,#273338);color:#eef2e9}.ex-finish-arctic{background:linear-gradient(140deg,#fffef5,#cbd3d0);color:#314339}
.ex-inspection-tools{gap:14px}.ex-xray{display:flex;align-items:center;justify-content:center;gap:7px;background:transparent;border:1px solid #72886d;color:#dce6d4!important;min-height:36px;padding:7px 10px;font-size:10px!important;line-height:1.5}.ex-xray svg{width:17px;height:17px}.ex-xray:hover{background:#355742}.ex-xray[aria-pressed=true]{background:#d4dfc5;color:#274833!important;border-color:#d4dfc5}.ex-zoom{display:flex;align-items:center;border:1px solid #72886d;height:36px;direction:ltr;flex-shrink:0}.ex-zoom button{display:grid;place-items:center;width:33px;height:34px;min-width:0;background:transparent;border:0;color:#dce6d4}.ex-zoom button:not(:disabled):hover{background:#42634c}.ex-zoom button svg{width:14px;height:14px}.ex-zoom output{font:500 10px/1.5 Manrope,Arial,sans-serif;min-width:38px;text-align:center;color:#d2dfc8}.ex-zoom button:disabled{opacity:.28}.ex-focus{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#e8eddf;border:1px solid #b7c6aa;padding:9px 11px;min-height:38px;margin:0 0 14px;color:#34572d!important;font-size:10px!important;line-height:1.5;text-align:start;flex-direction:row-reverse}.ex-focus svg{width:16px;height:16px}.ex-focus:hover{background:#dbe5d0}.ex-focus[aria-pressed=true]{background:#33563c;color:#f4f5e8!important;border-color:#33563c}.ex-focus span{flex:1}
[dir=rtl] .ex-tool-label{letter-spacing:0}
@media(min-width:1000px){.ex-page{--ex-stage-height:clamp(400px,calc(100svh - 438px),650px)}.ex-studio-tools{grid-column:1/-1;grid-row:3}.ex-stage,.ex-inspector,.ex-sequencer{grid-row:4}.ex-scope{grid-row:5}}
@media(max-width:850px){.ex-focus{grid-column:1}.ex-detail{grid-row:1/span 7}}
@media(max-width:600px){.ex-studio-tools{flex-direction:column;align-items:stretch;gap:8px;padding:10px 14px 12px}.ex-finishes{justify-content:flex-end;gap:5px}.ex-tool-label{margin-inline-end:auto;font-size:9px}.ex-finish-swatch{min-width:38px;min-height:38px}.ex-inspection-tools{justify-content:space-between;gap:12px}.ex-xray{flex:1;min-width:0;min-height:40px;font-size:10px!important;padding:7px 8px;line-height:1.4}.ex-zoom{height:40px}.ex-zoom button{width:34px;height:38px}.ex-zoom output{min-width:36px}.ex-focus{min-height:42px;font-size:11px!important;margin-bottom:17px}.ex-detail{grid-row:auto}}
@media(min-width:1000px){.ex-profile-picker{grid-column:1/-1;grid-row:3}.ex-studio-tools{grid-row:4}.ex-stage,.ex-inspector,.ex-sequencer{grid-row:5}.ex-scope{grid-row:6}.ex-page{--ex-stage-height:clamp(400px,calc(100svh - 562px),650px)}}
@media(max-width:999px){.ex-profile-picker{grid-template-columns:minmax(0,1fr);gap:12px}.ex-profile-choices button{min-height:42px}.ex-profile-selectors{gap:12px}.ex-profile-notice{grid-column:1}}
@media(max-width:600px){.ex-profile-picker{padding:14px 14px 12px;gap:12px}.ex-profile-presets>.ex-eyebrow{font-size:8px;line-height:1.7}.ex-profile-choices{gap:5px}.ex-profile-choices button{flex-direction:column;gap:4px;padding:7px 4px;font-size:9px!important;min-height:54px}.ex-profile-glyph{font-size:18px}.ex-profile-selectors{gap:8px}.ex-profile-selectors select{font-size:10px!important;padding-inline:5px;min-height:42px}.ex-profile-notice>p{font-size:9px;line-height:1.8}.ex-profile-selectors label>span{font-size:10px}}