/* Normal-height vehicle slideshow. The first scene is the no-script fallback. */
.motion-hero{--hero-header:91px;--stage-height:calc(100svh - var(--hero-header));--caption-bottom:105px;position:relative;background:#080c0f;color:#f3f4f0;isolation:isolate}
.motion-stage{height:var(--stage-height);min-height:0;position:relative;overflow:clip;isolation:isolate;background:#080c0f}
.motion-atmosphere{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.motion-atmosphere:before,.motion-atmosphere:after{content:'';position:absolute;left:8%;top:45%;width:84%;height:34%;background:radial-gradient(ellipse at 20% 55%,#8fb8c426,transparent 45%),radial-gradient(ellipse at 54% 42%,#b5ccd52c,transparent 38%),radial-gradient(ellipse at 82% 58%,#7ba3b126,transparent 42%);opacity:.32;transform:translate3d(-4%,3%,0) rotate(-7deg);animation:hero-mist 24s ease-in-out infinite alternate;animation-play-state:paused}
.motion-atmosphere:after{left:20%;top:37%;width:72%;height:30%;opacity:.2;animation-name:hero-mist-back;animation-duration:31s}
.motion-hero[data-motion="on"][data-in-view="true"] .motion-atmosphere:before,.motion-hero[data-motion="on"][data-in-view="true"] .motion-atmosphere:after{animation-play-state:running}
@keyframes hero-mist{to{transform:translate3d(5%,-5%,0) rotate(3deg);opacity:.55}}
@keyframes hero-mist-back{from{transform:translate3d(4%,0,0) rotate(6deg);opacity:.18}to{transform:translate3d(-6%,6%,0) rotate(-3deg);opacity:.4}}
.motion-halo{position:absolute;width:100%;height:130%;top:-25%;left:14%;background:radial-gradient(ellipse at 62% 45%,#29506455 0%,#16303a30 35%,transparent 64%)}
.motion-horizon{position:absolute;left:-20%;right:-20%;height:1px;top:73%;background:linear-gradient(90deg,transparent,#6484914a,transparent);transform:rotate(-7deg);box-shadow:0 0 70px 24px #3b91af0a}
.motion-floor{position:absolute;inset:65% 0 0;background:linear-gradient(0deg,#080c0f,transparent),radial-gradient(ellipse at 55% 20%,#30516130,transparent 65%)}
.motion-heading{position:absolute;left:var(--gutter);right:var(--gutter);top:34px;display:flex;justify-content:space-between;align-items:flex-start;gap:30px;z-index:4;pointer-events:none}
.motion-kicker{font-size:12px;font-weight:600;letter-spacing:1.7px;text-transform:uppercase;display:flex;align-items:center;gap:10px;color:#c2ced3;margin:0 0 18px;line-height:1.6}
.motion-kicker>span{width:6px;height:6px;background:var(--blue)}
.motion-heading h1{font-family:var(--display);font-size:clamp(70px,7.8vw,128px);font-weight:700;line-height:.86;letter-spacing:-.015em;margin:0}
.motion-heading h1 em{font-style:italic;color:var(--blue);display:inline-block;padding-right:.12em}
.motion-intro{max-width:320px;padding-top:5px;pointer-events:auto}
.motion-intro p{font-size:18px;line-height:1.65;color:#cbd1d4;margin:0 0 16px}
.motion-skip{display:inline-flex;align-items:center;gap:24px;font-size:15px;font-weight:650;color:#f3f4f0;padding:6px 16px;background:#080c0fdb;border-bottom:1px solid #64717a}
.motion-skip span{color:var(--blue);font-size:24px;line-height:1}
.motion-visuals,.motion-scene{position:absolute;inset:0;pointer-events:none}
.motion-scene{opacity:0;visibility:hidden;transition:opacity .7s ease,visibility 0s linear .7s}
.motion-scene.is-active{opacity:1;visibility:visible;transition-delay:0s}
.motion-word{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);font-family:var(--display);font-weight:700;font-size:clamp(230px,33vw,550px);letter-spacing:.02em;line-height:.85;color:#152027;white-space:nowrap;user-select:none}
.motion-vehicle{position:absolute;left:59%;top:53%;width:min(72vw,1180px);transform:translate(-50%,-50%);z-index:2}
.motion-vehicle img{display:block;width:100%;height:auto}
.motion-aircraft{width:min(68vw,1080px);left:59%;top:51%}
.motion-boat{width:min(64vw,1040px);left:61%;top:51%}
.motion-caption{position:absolute;z-index:5;bottom:var(--caption-bottom);left:var(--gutter);right:var(--gutter);display:flex;align-items:flex-end;justify-content:space-between;gap:30px}
.motion-caption:before{content:'';position:absolute;inset:-25px calc(-1 * var(--gutter)) calc(-1 * var(--caption-bottom));background:linear-gradient(0deg,#080c0f 12%,#080c0fde 42%,transparent);z-index:-1;pointer-events:none}
.motion-chapter{font-family:var(--display);font-weight:600;font-size:28px;line-height:1.2;letter-spacing:1px;text-transform:uppercase;margin:0 0 8px}
.motion-chapter>[data-scene-number]{color:var(--blue);padding-right:12px}
.motion-chapter>[data-scene-label]{padding-left:12px}
.motion-description{font-size:18px;line-height:1.6;color:#bdc9cf;margin:0;max-width:520px}
.motion-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;font-size:16px;font-weight:750;line-height:1.3;background:var(--blue);color:#081319;padding:18px 22px;min-height:56px;transition:background .2s}
.motion-cta:hover{background:#8fe6f7}
.motion-cta>span:last-child{font-size:26px;line-height:1}
.motion-controls{position:absolute;z-index:6;left:var(--gutter);right:var(--gutter);bottom:29px;display:flex;align-items:center;justify-content:space-between;gap:32px;border-top:1px solid #58656d66}
.motion-chapters{display:flex;gap:26px;align-items:center}
.motion-chapters button{font-family:var(--font);font-size:15px;font-weight:650;color:#b0bbc0;background:none;border:0;position:relative;min-height:52px;min-width:95px;text-align:left;cursor:pointer;padding:16px 0 8px}
.motion-chapters button>span{font-size:12px;color:#82949e;margin-right:9px}
.motion-chapters button[aria-pressed="true"]{color:#fff}
.motion-chapters button[aria-pressed="true"]>span{color:var(--blue)}
.motion-chapters button i{position:absolute;top:-1px;height:2px;left:0;right:0;background:var(--blue);transform:scaleX(var(--chapter-fill,0));transform-origin:left}
.motion-chapters button[aria-pressed="true"] i{transform:scaleX(1)}
.motion-tools{display:flex;align-items:center;gap:28px;padding-top:7px}
.motion-toggle{background:transparent;border:0;color:#acbbc4;font-family:var(--font);font-size:13px;display:inline-flex;align-items:center;gap:9px;min-height:44px;cursor:pointer;padding:4px}
.motion-toggle-icon{font-size:0;color:var(--blue);width:13px;height:16px;display:inline-grid;place-items:center}.motion-toggle-icon:before{content:"";width:9px;height:12px;border-left:3px solid currentColor;border-right:3px solid currentColor;box-sizing:border-box}.motion-toggle[aria-pressed="true"] .motion-toggle-icon:before{width:0;height:0;border:0;border-left:9px solid currentColor;border-top:6px solid transparent;border-bottom:6px solid transparent}
.motion-scroll{display:inline-flex;align-items:center;gap:24px;min-height:44px;font-size:13px;color:#d7dee1}
.motion-scroll>span:last-child{font-size:24px;color:var(--blue)}
.motion-art-note{position:absolute;bottom:5px;right:var(--gutter);color:#90a0a9;font-size:11px;z-index:6;letter-spacing:.1px}
.motion-hero:not(.is-ready) .motion-chapters,.motion-hero:not(.is-ready) .motion-toggle{display:none}
.motion-noscript{position:absolute;bottom:90px;left:var(--gutter);right:var(--gutter);font-size:16px;z-index:8;background:#080c0f;padding:12px 0}
.motion-noscript a{text-decoration:underline;color:var(--blue)}
body:has(.motion-hero) .mobile-book.visible{transform:translateY(110%)}
body:has(.motion-hero[data-past="true"]) .mobile-book.visible{transform:translateY(0)}
@media(min-width:1600px){.motion-hero{--caption-bottom:120px}.motion-heading{top:50px}.motion-vehicle{width:min(72vw,1320px)}.motion-aircraft{width:min(68vw,1220px)}.motion-boat{width:min(64vw,1150px)}.motion-controls{bottom:38px}.motion-heading h1{font-size:140px}}
@media(max-width:1000px){.motion-intro{max-width:275px}.motion-intro p{font-size:16px}.motion-vehicle{left:58%;width:84vw;top:54%}.motion-aircraft{width:76vw}.motion-boat{width:74vw}.motion-tools{gap:15px}.motion-chapters{gap:16px}.motion-chapters button{min-width:82px}.motion-description{font-size:17px}.motion-cta{font-size:15px;padding:15px 18px}}
@media(max-width:700px){
  .motion-hero{--hero-header:73px;--caption-bottom:0px}
  .motion-stage{height:auto;min-height:var(--stage-height);display:grid;grid-template-rows:auto minmax(160px,1fr) auto auto;gap:16px;padding:24px var(--gutter) 20px}
  .motion-heading{position:relative;left:auto;right:auto;top:auto;display:block;grid-row:1}
  .motion-kicker{font-size:11px;letter-spacing:.9px;gap:8px;margin-bottom:15px}
  .motion-heading h1{font-size:clamp(62px,17vw,90px);line-height:.88}
  .motion-intro{max-width:none;padding-top:15px}
  .motion-intro p{font-size:16px;line-height:1.5;margin:0}
  .motion-skip{position:absolute;right:0;top:42px;font-size:0;gap:0;padding:6px;border:1px solid #71848c80;width:42px;height:42px;justify-content:center;border-radius:50%}
  .motion-skip span{font-size:24px}
  .motion-visuals{position:relative;inset:auto;grid-row:2;min-height:160px}
  .motion-word{font-size:55vw;top:50%;color:#1a2a34}
  .motion-vehicle{width:96vw;left:50%;top:50%}
  .motion-aircraft{width:94vw;left:52%;top:50%}
  .motion-boat{width:90vw;left:53%;top:50%}
  .motion-caption{position:relative;bottom:auto;left:auto;right:auto;grid-row:3;display:block}
  .motion-caption:before{inset:-25px calc(-1 * var(--gutter)) -18px;background:linear-gradient(0deg,#080c0f 35%,#080c0fe6 65%,transparent)}
  .motion-chapter{font-size:24px;margin-bottom:6px;letter-spacing:.6px}
  .motion-chapter>[data-scene-number]{padding-right:5px}
  .motion-chapter>[data-scene-label]{padding-left:5px}
  .motion-description{font-size:16px;line-height:1.45;max-width:370px}
  .motion-cta{margin-top:13px;min-height:46px;font-size:15px;padding:12px 17px;width:100%;max-width:370px}
  .motion-controls{position:relative;bottom:auto;left:auto;right:auto;grid-row:4;display:block}
  .motion-chapters{justify-content:space-between;gap:20px}
  .motion-chapters button{flex:1;min-width:0;font-size:15px;padding-top:12px;min-height:46px}
  .motion-chapters button>span{font-size:11px;margin-right:5px}
  .motion-tools{justify-content:space-between;padding-top:1px;gap:15px}
  .motion-toggle,.motion-scroll{font-size:12px;min-height:36px}
  .motion-toggle{padding-left:0}
  .motion-art-note{font-size:10px;bottom:7px}
  .motion-noscript{position:relative;bottom:auto;left:auto;right:auto;grid-column:1;grid-row:5}
}
@media(max-height:740px) and (min-width:701px){.motion-heading h1{font-size:80px}.motion-heading{top:24px}.motion-vehicle{top:51%;width:68vw}.motion-aircraft{width:62vw}.motion-boat{width:60vw}}
@media(max-height:620px) and (min-width:701px){.motion-heading h1{font-size:54px}.motion-heading{top:18px}.motion-kicker{font-size:10px;margin-bottom:9px}.motion-intro p{font-size:14px}.motion-hero{--caption-bottom:83px}.motion-chapter{font-size:22px}.motion-description{font-size:15px}.motion-cta{font-size:14px;padding:12px 17px;min-height:46px}.motion-controls{bottom:14px}.motion-vehicle{width:57vw;top:50%}.motion-aircraft{width:54vw}.motion-boat{width:51vw}}
@media(max-height:680px) and (max-width:700px){.motion-stage{padding-top:18px;padding-bottom:15px;gap:12px;grid-template-rows:auto minmax(130px,1fr) auto auto}.motion-heading h1{font-size:56px}.motion-kicker{margin-bottom:12px}.motion-intro{padding-top:12px}.motion-intro p{font-size:14px}.motion-visuals{min-height:130px}.motion-chapter{font-size:22px}.motion-description{font-size:15px}}
@media(prefers-reduced-motion:reduce){.motion-scene{transition:none}.motion-cta{transition:none}.motion-atmosphere:before,.motion-atmosphere:after{animation:none}}