/* Isolated presentation for the VR38DETT engine journey. */
.engine-experience{--engine-champagne:#d5b684;--engine-line:#d5b6842b;padding:108px 0 80px;background:#141517;color:#f4f1eb;scroll-margin-top:20px;overflow:clip}
.engine-experience .wrap{max-width:1440px}
.engine-experience [hidden]{display:none!important}
.engine-heading{display:grid;grid-template-columns:1.15fr 1fr;align-items:end;gap:64px;margin-bottom:48px}
.engine-heading .eyebrow{color:#b9ac93}
.engine-heading h2{font-size:clamp(56px,5.3vw,82px);line-height:1.02}
.engine-heading h2 em{color:var(--engine-champagne)}
.engine-intro{max-width:430px;justify-self:end;padding-bottom:6px}
.engine-intro p{font-size:14px;line-height:1.9;color:#bcbec3}
.engine-specs{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;border-top:1px solid #ffffff16;margin:24px 0 0;padding:19px 0 0}
.engine-specs div{min-width:0}
.engine-specs dt{font-size:9px;line-height:1.5;text-transform:uppercase;letter-spacing:.12em;color:#92969e;margin-bottom:8px}
.engine-specs dd{margin:0;font:600 28px/1.2 Barlow,sans-serif;white-space:nowrap;color:#efeeeb}
.engine-specs dd span{font:400 9px/1.5 Manrope,sans-serif;letter-spacing:.04em;color:#b6b8bd;margin-left:4px}
.engine-viewer{border:1px solid #8c909a36;background:#1a1c20}
.engine-viewport{position:relative;height:clamp(650px,53vw,740px);isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 52% 39%,#34383f 0%,#21242a 39%,#14171b 78%,#101216 100%)}
.engine-viewport::after{content:'';position:absolute;inset:0;pointer-events:none;z-index:2;background:linear-gradient(180deg,#11131840,transparent 17%,transparent 82%,#0d10155c);box-shadow:inset 0 0 100px #07080b20}
.engine-canvas,.engine-fallback{position:absolute;inset:0;display:block;width:100%;height:100%}
.engine-canvas{z-index:1;outline:0}
.engine-fallback{z-index:0;object-fit:contain}
.engine-viewport-top,.engine-viewport-bottom{position:absolute;left:32px;right:32px;display:flex;justify-content:space-between;align-items:center;z-index:3;pointer-events:none;gap:16px}
.engine-viewport-top{top:27px}
.engine-scene-label{font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:#c3c7cf}
.engine-scene-label>span{padding-inline:10px;color:#827e79}
.engine-live-label{display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#aeb3be;white-space:nowrap}
.engine-live-label i{width:5px;height:5px;background:var(--engine-champagne);border-radius:100%;box-shadow:0 0 10px #d5b68455}
.engine-viewport-bottom{bottom:28px;align-items:end}
.engine-view-label{font:600 26px/1.12 Barlow,sans-serif;text-transform:uppercase;color:#d6d8ddb8;letter-spacing:.015em}
.engine-view-scale{text-align:right;font-size:8px;line-height:1.9;letter-spacing:.17em;color:#9da3af}
.engine-start-wrap{position:absolute;z-index:4;inset:0;display:flex;align-items:flex-end;justify-content:center;padding-bottom:48px;pointer-events:none}
.engine-start{pointer-events:auto;display:flex;gap:17px;align-items:center;text-align:left;border:1px solid #bdae8f88;background:#171a20e8;padding:16px 24px;color:#f4f1e7;font-size:13px;line-height:1.5;box-shadow:0 12px 40px #0004;backdrop-filter:blur(10px);transition:background .2s,border-color .2s}
.engine-start:hover{background:#2b2e36;border-color:var(--engine-champagne)}
.engine-experience.has-progress .engine-start-wrap{align-items:flex-start;justify-content:flex-end;padding:62px 20px 0}
.engine-experience.has-progress .engine-start{font-size:11px;padding:10px 14px}
.engine-start-icon{font-size:29px;color:var(--engine-champagne);font-weight:300;line-height:1;width:27px}
.engine-start small{display:block;font-size:10px;font-weight:400;color:#b5b8c0;margin-top:3px}
.engine-exit{position:absolute;top:63px;right:32px;z-index:5;min-height:44px;font-size:11px;line-height:1.5;background:#171b23de;color:#eee9db;border:1px solid #bdae8f50;padding:10px 14px;backdrop-filter:blur(8px)}
.engine-exit span{margin-left:14px;color:var(--engine-champagne)}
.engine-exit:hover{background:#30343e;border-color:#bdae8f}
.engine-story{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:36px;padding:30px 32px;background:#1c1f25;border-top:1px solid var(--engine-line);min-height:130px}
.engine-story-heading{display:flex;gap:17px;align-items:center;padding-top:2px}
.engine-story-rule{display:block;background:var(--engine-champagne);width:22px;height:1px;flex:0 0 auto}
.engine-story h3{font:600 clamp(24px,2.5vw,33px)/1.2 Barlow,sans-serif;text-transform:uppercase;letter-spacing:.005em;color:#ece9e0}
.engine-story p{font-size:12px;line-height:1.8;color:#b7bbc4;max-width:54ch}
.engine-controls{padding:0 32px 23px;border-top:1px solid var(--engine-line)}
.engine-stations{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
.engine-stations button{display:flex;align-items:center;gap:10px;text-align:left;background:transparent;color:#aeb4bf;border-top:2px solid transparent;min-height:70px;padding:15px 0;font-size:11px;line-height:1.4;transition:color .2s,border-color .2s}
.engine-stations button>span{font:600 20px/1 Barlow,sans-serif;color:#797f8b}
.engine-stations button[aria-pressed=true]{border-top-color:var(--engine-champagne);color:#ede7d8}
.engine-stations button[aria-pressed=true]>span{color:var(--engine-champagne)}
.engine-stations button:hover{color:var(--engine-champagne)}
.engine-stations button:disabled{opacity:.4;cursor:default}
.engine-progress{display:flex;align-items:center;gap:15px;margin-top:5px}
.engine-progress>span{font-size:10px;color:#9ca3b1}
.engine-experience .engine-progress input[type=range]{--progress:0%;appearance:none;-webkit-appearance:none;flex:1;min-width:0;height:28px;min-height:28px;margin:0;padding:0;cursor:ew-resize;background:transparent;border:0;color:var(--engine-champagne)}
.engine-progress input[type=range]::-webkit-slider-runnable-track{height:2px;background:linear-gradient(90deg,var(--engine-champagne) var(--progress),#4e5461 var(--progress));border:0}
.engine-progress input[type=range]::-moz-range-track{height:2px;background:#4e5461;border:0}
.engine-progress input[type=range]::-moz-range-progress{height:2px;background:var(--engine-champagne)}
.engine-progress input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;background:#e0c596;width:14px;height:14px;border:3px solid #1d2129;border-radius:50%;box-shadow:0 0 0 1px #b6a37e;margin-top:-6px}
.engine-progress input[type=range]::-moz-range-thumb{background:#e0c596;width:9px;height:9px;border:3px solid #1d2129;border-radius:50%;box-shadow:0 0 0 1px #b6a37e}
.engine-reset{display:flex;align-items:center;gap:8px;min-height:44px;margin-left:14px;padding:6px 0 6px 20px;border-left:1px solid #444b59;background:transparent;color:#c3c7d0;font-size:10px;white-space:nowrap}
.engine-reset span{font-size:21px;line-height:1;color:#b8aa8c}
.engine-reset:hover{color:var(--engine-champagne)}
.engine-help{display:flex;justify-content:space-between;align-items:start;gap:24px;border-top:1px solid var(--engine-line);padding:17px 32px;background:#16191e}
.engine-help p{font-size:10px;line-height:1.8;max-width:68ch;color:#969fac;margin:0}
.engine-help [data-engine-status]{text-align:right;max-width:38ch;color:#c0baa7}
.engine-model-note{margin:17px 0 0;text-align:right;font-size:10px;letter-spacing:.015em;color:#9297a1}
.engine-noscript{font-size:12px;color:#b6bdca;margin-top:16px}
.engine-visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.engine-experience.is-loading .engine-start{cursor:progress;opacity:.7}
.engine-experience.is-active .engine-viewport{cursor:ns-resize}
.engine-experience :is(button,input):focus-visible{outline:2px solid #f0d7aa;outline-offset:5px}
.engine-experience .engine-viewport:focus-visible{outline:2px solid #f0d7aa;outline-offset:-4px}
.engine-experience button:disabled{cursor:default}
@media(max-width:1100px){.engine-heading{gap:36px}.engine-story{grid-template-columns:1fr 1.2fr;gap:25px}.engine-viewport{height:650px}.engine-stations{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 25px}.engine-stations button{min-height:57px;border-bottom:1px solid #d5b6841a}}
@media(max-width:760px){
 .engine-experience{padding:72px 0 55px;scroll-margin-top:14px}
 .engine-heading{grid-template-columns:1fr;gap:26px;margin-bottom:32px}
 .engine-heading h2{font-size:clamp(49px,9vw,66px)}
 .engine-heading .eyebrow{margin-bottom:21px}
 .engine-intro{max-width:49ch;justify-self:start;padding:0}
 .engine-intro p{font-size:13px;line-height:1.85}
 .engine-specs{margin-top:20px;gap:16px;padding-top:17px}
 .engine-specs dd{font-size:27px}
 .engine-specs dd span{font-size:8px}
 .engine-viewport{height:500px}
 .engine-viewport-top,.engine-viewport-bottom{left:19px;right:19px}
 .engine-viewport-top{top:20px}
 .engine-scene-label{font-size:8px;letter-spacing:.09em}
 .engine-scene-label>span{padding-inline:5px}
 .engine-live-label{font-size:7px;letter-spacing:.05em;gap:5px}
 .engine-view-label{display:none}
 .engine-viewport-bottom{bottom:21px}
 .engine-view-scale{font-size:7px;letter-spacing:.14em;margin-left:auto}
 .engine-start-wrap{padding-bottom:62px}
 .engine-start{padding:14px 20px;font-size:12px}
 .engine-exit{right:19px;top:49px;font-size:10px;padding:8px 11px}
 .engine-story{grid-template-columns:1fr;gap:14px;padding:24px 21px;min-height:170px}
 .engine-story h3{font-size:28px}
 .engine-story p{font-size:12px;max-width:none}
 .engine-story-heading{gap:12px}
 .engine-story-rule{width:17px}
 .engine-controls{padding:0 21px 15px}
 .engine-stations{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 17px}
 .engine-stations button{font-size:11px;min-height:55px;padding:12px 0;gap:9px}
 .engine-progress{gap:10px;flex-wrap:wrap;margin-top:15px}
 .engine-progress input[type=range]{flex-basis:60%}
 .engine-reset{margin-left:auto;padding:4px 0;min-height:36px;border:0}
 .engine-help{flex-direction:column;gap:8px;padding:16px 21px}
 .engine-help p{font-size:10px}
 .engine-help [data-engine-status]{text-align:left;max-width:none}
 .engine-model-note{text-align:left;font-size:9px;line-height:1.7;margin-top:14px}
 .engine-fallback{width:170%;max-width:none;left:-35%}
}
@media(max-width:390px){.engine-specs{gap:10px}.engine-specs dd{font-size:24px}.engine-specs dd span{display:block;margin:4px 0 0}.engine-live-label{display:none}.engine-story h3{font-size:26px}.engine-stations button{font-size:10px;gap:8px}.engine-stations button>span{font-size:18px}}
@media(prefers-reduced-motion:reduce){.engine-experience *{transition:none!important}}
@media print{.engine-experience{background:#fff;color:#111;padding-block:35px}.engine-heading h2{font-size:45px}.engine-heading h2 em{color:#725c39}.engine-controls,.engine-start-wrap,.engine-exit,.engine-help,.engine-canvas{display:none!important}.engine-experience .engine-fallback[hidden],.engine-fallback{display:block!important}.engine-viewport{height:350px;break-inside:avoid}.engine-story{break-inside:avoid}.engine-model-note{color:#555}}
