/* Full-bleed dimmed photograph; the instrument display stays free of text. */
.clear-1{--type:Exo,Arial,sans-serif;--weight:600}.clear-2{--type:Corbel,Arial,sans-serif;--weight:600}.clear-3{--type:'Trebuchet MS',Arial,sans-serif;--weight:700}.clear-4{--type:'Franklin Gothic Medium',Arial,sans-serif;--weight:400}.clear-5{--type:Tahoma,Arial,sans-serif;--weight:400}.clear-6{--type:Caladea,Georgia,serif;--weight:400}
.road{height:800px;min-height:800px}.road .backdrop{object-fit:cover;object-position:center 48%;animation:none}.road:after{background:linear-gradient(180deg,#040d17e8 0%,#050d1780 26%,#050d1747 44%,#050d1747 65%,#050d17e6 100%)}.road-title{top:125px;left:45px;right:45px}.road h1{font-family:var(--type);font-weight:var(--weight);font-size:49px;letter-spacing:-1.4px;line-height:1.15;margin:0}.road h1 br{display:none}.road h1 em{font-family:var(--type);font-size:23px;margin-top:11px;line-height:1.4}.road .sub{font-family:var(--type);font-size:17px;margin-top:13px}.road .join{font-weight:400}.road-order{bottom:35px}.road-order .price strong{font-family:var(--type);font-weight:var(--weight);font-size:58px}.road-order .actions>*{font-family:var(--type);font-size:17px}.road .partner{font-family:Arial,sans-serif}.clear-2 .road-title{text-align:center;top:125px}.clear-2 .road h1{font-size:55px}.clear-2 .road-order{left:12%;right:12%}.clear-3 .road-title{top:128px}.clear-3 .road h1{font-size:46px;letter-spacing:-1.8px}.clear-3 .road h1 em{display:inline-block;margin-left:25px;font-size:20px}.clear-3 .road .sub{margin-top:18px}.clear-3 .road-order{flex-direction:row-reverse}.clear-3 .road-order .price{text-align:right;flex-direction:row-reverse}.clear-4 .road-title{text-align:right;top:118px}.clear-4 .road h1{font-size:54px;letter-spacing:-1px}.clear-4 .road-order{left:45px;right:45px}.clear-4 .road-order .price{gap:25px}.clear-4 .road .sub{position:absolute;left:0;top:89px;margin:0}.clear-5 .road-title{top:127px}.clear-5 .road h1{font-size:45px;letter-spacing:-1.5px}.clear-5 .road .sub{position:absolute;right:0;top:64px;margin:0}.clear-5 .road-order .actions>*{border-radius:7px}.clear-6 .road-title{text-align:center;top:119px}.clear-6 .road h1{font-size:57px;letter-spacing:-.9px}.clear-6 .road h1 em{font-style:italic;font-size:24px}.clear-6 .road-order{justify-content:center;gap:90px}.clear-6 .road-order .download{background:#e9e3d7;border-color:#e9e3d7}.clear-6 .road-order .instruction{border-color:#e9e3d7}
@media(max-width:700px){.road{height:844px;min-height:844px}.road .backdrop{object-position:37% center}.road:after{background:linear-gradient(180deg,#040d17d9,#050d1799 23%,#050d173d 40%,#050d1747 60%,#050d17f5 100%)}.road-title,.clear-2 .road-title,.clear-3 .road-title,.clear-4 .road-title,.clear-5 .road-title,.clear-6 .road-title{top:115px;left:22px;right:22px;text-align:left}.road h1,.clear-2 .road h1,.clear-3 .road h1,.clear-4 .road h1,.clear-5 .road h1,.clear-6 .road h1{font-size:34px;line-height:1.12;letter-spacing:-1px}.road h1 br{display:block}.road h1 em,.clear-3 .road h1 em,.clear-6 .road h1 em{display:block;font-size:20px;margin:12px 0 0;line-height:1.35}.road .sub,.clear-4 .road .sub,.clear-5 .road .sub{position:static;margin-top:12px;font-size:14px;line-height:1.5}.road-order,.clear-2 .road-order,.clear-3 .road-order,.clear-4 .road-order,.clear-6 .road-order{left:22px;right:22px;bottom:26px;display:block}.road-order .price strong{font-size:48px}.road-order .price,.clear-3 .road-order .price{display:flex;flex-direction:row;text-align:left;margin-bottom:24px}.road-order .actions>*{font-size:16px;min-width:0}.clear-2 .road-title,.clear-6 .road-title{text-align:center}.clear-4 .road-title{text-align:right}.clear-6 .road h1{font-size:38px}.clear-3 .road h1{font-size:32px}}
/* Selected Exo direction: larger headline, lower photograph, clear cockpit. */
.clear-1 .road .backdrop{top:105px;bottom:auto;height:100%;object-position:center 48%}
.clear-1 .road-title{top:126px}
.clear-1 .road h1{font-size:66px;line-height:1.06;letter-spacing:-1.8px}
.clear-1 .road h1 br{display:block}
.clear-1 .road h1 em{font-size:28px;margin-top:16px}
.clear-1 .road .sub{font-size:19px;margin-top:13px}
.clear-1 .road:after{background:linear-gradient(180deg,#080f17 0%,#080f17e6 13%,#050d1780 34%,#050d1747 51%,#050d1747 72%,#050d17ed 100%)}
@media(min-width:701px) and (max-width:1000px){.clear-1 .road h1{font-size:58px}.clear-1 .road .backdrop{top:110px}}
@media(max-width:700px){.clear-1 .road .backdrop{top:85px;object-position:37% center}.clear-1 .road-title{top:116px}.clear-1 .road h1{font-size:44px;line-height:1.08;letter-spacing:-1.3px}.clear-1 .road h1 em{font-size:23px;line-height:1.35;margin-top:15px}.clear-1 .road .sub{font-size:16px;line-height:1.5;margin-top:13px}.clear-1 .road:after{background:linear-gradient(180deg,#080f17 0%,#080f17e0 11%,#050d178c 34%,#050d173d 50%,#050d1747 71%,#050d17f5 100%)}}
@media(max-width:360px){.clear-1 .road h1{font-size:39px}.clear-1 .road .sub{font-size:15px}}
/* Softer photo entrance and deeper fade into the page edges. */
.clear-1 .road .backdrop{top:155px;mask-image:linear-gradient(to bottom,transparent 0%,#000 22%,#000 76%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 22%,#000 76%,transparent 100%)}
.clear-1 .road:after{background:linear-gradient(180deg,#080f1780 0%,#080f174d 28%,#050d1759 49%,#050d1773 76%,#050d17f5 100%)}
@media(min-width:701px) and (max-width:1000px){.clear-1 .road .backdrop{top:155px}}
@media(max-width:700px){.clear-1 .road .backdrop{top:130px;mask-image:linear-gradient(to bottom,transparent 0%,#000 23%,#000 72%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 23%,#000 72%,transparent 100%)}.clear-1 .road:after{background:linear-gradient(180deg,#080f1759 0%,#080f1740 31%,#050d174d 53%,#050d1780 73%,#050d17f5 100%)}}
/* Keep the windshield in the crop at normal browser scale. */
.clear-1 .road{height:100svh;min-height:760px}
.clear-1 .road .backdrop{top:95px;height:calc(100% - 95px);object-position:center top;mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 80%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 80%,transparent)}
.clear-1 .road:after{background:linear-gradient(180deg,#080f17a6 0%,#080f174d 23%,#050d1740 48%,#050d1759 76%,#050d17e6 100%)}
@media(max-width:700px){.clear-1 .road{height:100svh;min-height:800px}.clear-1 .road .backdrop{top:290px;left:-30%;width:160%;height:auto;object-fit:contain;object-position:center top;mask-image:linear-gradient(to bottom,transparent 0%,#000 13%,#000 76%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 13%,#000 76%,transparent 100%)}.clear-1 .road:after{background:linear-gradient(180deg,#080f17a6 0%,#080f1726 39%,#050d1740 67%,#050d17e6 100%)}.clear-1 .road-title{top:113px}.clear-1 .road h1{font-size:42px}.clear-1 .road .sub{font-size:15px}}
/* Lower the image while retaining the current text and controls. */
.clear-1 .road .backdrop{top:150px;height:calc(100% - 95px)}
@media(max-width:700px){.clear-1 .road .backdrop{top:330px;height:auto}}
/* Scale against viewport height so wide monitors do not crop the displays. */
@media(min-width:701px){.clear-1 .road .backdrop{top:155px;left:50%;width:min(100%,calc((100svh - 155px)*1.62));height:auto;max-width:none;transform:translateX(-50%);object-fit:contain;mask-image:linear-gradient(to right,transparent,#000 12%,#000 88%,transparent),linear-gradient(to bottom,transparent,#000 12%,#000 77%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(to right,transparent,#000 12%,#000 88%,transparent),linear-gradient(to bottom,transparent,#000 12%,#000 77%,transparent);-webkit-mask-composite:source-in}.clear-1 .road:after{background:linear-gradient(180deg,#080f1799 0%,#080f1726 36%,#050d1733 65%,#050d17e6 100%)}}
.brand-availability{display:flex;align-items:center;gap:20px;margin-top:21px;font:500 16px/1.5 Exo,Arial,sans-serif;color:#eff4f7}.brand-availability>span+span{border-left:1px solid #61727f;padding-left:20px}.brand-availability small{font:400 14px/1.5 Exo,Arial,sans-serif;color:#bdcbd5;margin-left:6px}.clear-1 .road-order .price span{font-size:16px}
@media(max-width:700px){.brand-availability{font-size:15px;gap:14px;margin-top:18px}.brand-availability>span+span{padding-left:14px}.brand-availability small{font-size:13px;margin-left:4px}.clear-1 .road-order .price span{font-size:15px}}
/* Separate product, vehicle availability and license into three clear groups. */
.clear-1 .road-title{top:137px}.product-location{font:500 19px/1.4 Exo,Arial,sans-serif;color:#c5d3de;margin-bottom:17px}.clear-1 .road h1{font-size:66px;line-height:1.07}.clear-1 .road .sub{margin-top:21px;font-size:18px;color:#d9e2e8}.vehicle-status{position:absolute;z-index:3;right:45px;top:146px;display:flex;flex-direction:column;gap:13px;text-align:right;font:500 17px/1.5 Exo,Arial,sans-serif}.vehicle-status>a,.vehicle-status>span{display:flex;align-items:baseline;justify-content:flex-end;gap:14px}.vehicle-status small{font-size:14px;font-weight:400;color:#bdcad4}.vehicle-status a:hover{text-decoration:underline;text-underline-offset:5px}.road-order .price>span{display:block;max-width:260px}.vehicle-license{white-space:nowrap}.license-divider{margin:0 4px}
@media(max-width:700px){.clear-1 .road-title{top:112px}.product-location{font-size:16px;margin-bottom:13px}.clear-1 .road h1{font-size:42px;line-height:1.08}.clear-1 .road .sub{font-size:15px;margin-top:17px}.vehicle-status{left:22px;right:22px;top:auto;bottom:199px;flex-direction:row;justify-content:space-between;gap:12px;text-align:left;font-size:14px}.vehicle-status>a,.vehicle-status>span{display:block}.vehicle-status small{display:block;font-size:12px;margin-top:2px}.clear-1 .road-order .price{gap:18px}.clear-1 .road-order .price>span{max-width:215px;font-size:15px}.clear-1 .road-order .price span span{font-size:15px}.license-divider{margin:0 2px}}
@media(max-width:360px){.clear-1 .road h1{font-size:38px}.road-order .price>span{max-width:185px}.license-divider{display:none}.vehicle-license{display:block}}
@media(max-width:700px){.vehicle-status{top:300px;bottom:auto}}