/* A continuous product gallery, based on the supplied showroom composition. */
:root{--ui:-apple-system,BlinkMacSystemFont,'Helvetica Neue','Segoe UI',Arial,sans-serif}
body{font-family:var(--ui)}
.header{background:#1b1b1bea;border:0;box-shadow:none;backdrop-filter:blur(24px)}
.header nav{gap:38px}.header nav a{font:500 16px/1.5 var(--ui);letter-spacing:-.015em;color:#d7d7d7}.header nav a:hover,.header nav a[aria-current=page]{color:white}
.page-home{background:#e5e5e3;color:#222}
.page-home .header{position:absolute;top:0;left:0;width:100%;height:106px;background:transparent;backdrop-filter:none;border:0;padding:0 5.5%}
.page-home .header nav a{color:#525252}.page-home .header nav a:hover,.page-home .header nav a[aria-current=page]{color:#111}
.page-home .brand-art{width:105px;height:76px}
.showroom-gallery{position:relative;max-width:none;padding:0;margin:0;background:#e5e5e3;overflow:hidden;color:#202020}
.showroom-gallery .showroom-stage{height:clamp(655px,49vw,790px);min-height:0;margin:0;border:0;border-radius:0;box-shadow:none;background:#e9e9e7;overflow:hidden}
.gallery-blend{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,#e9e9e7 0%,#e9e9e7c9 11%,transparent 37%,transparent 74%,#e5e5e3 100%)}
.showroom-gallery .vehicle-title{top:48%;left:5.5%;width:26%;max-width:365px;transform:translateY(-44%);pointer-events:none}
.showroom-gallery .vehicle-title .eyebrow{display:flex;align-items:center;flex-wrap:wrap;gap:9px;font:500 12px/1.5 var(--ui);letter-spacing:.045em;color:#c9001c}
.title-separator{display:inline-block;width:15px;height:1px;background:#c9001c}
.showroom-gallery .vehicle-title h1{font:650 clamp(52px,5.3vw,83px)/.94 var(--ui);letter-spacing:-.065em;margin:21px 0 21px;text-transform:uppercase;color:#202022}
.showroom-gallery .vehicle-title h1 span{display:block;font:inherit;letter-spacing:inherit;color:inherit;margin:4px 0 0}
.showroom-gallery .vehicle-title>p:not(.eyebrow){font:400 16px/1.65 var(--ui);letter-spacing:-.012em;color:#68686b;max-width:290px}
.showroom-gallery .vehicle-actions{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:12px;margin-top:28px;pointer-events:auto;width:auto;align-items:center}
.showroom-gallery .vehicle-actions a{font:500 13px/1.5 var(--ui);min-height:44px;padding:12px 18px;border-radius:7px;gap:15px;min-width:0;flex:none}
.showroom-gallery .vehicle-actions .button{background:#df001e;border:1px solid #df001e;box-shadow:0 3px 10px #d7001c0a;color:white}
.showroom-gallery .vehicle-actions .button:hover{background:#c8001a;border-color:#c8001a;transform:translateY(-2px)}
.showroom-gallery .vehicle-actions .outline-button{background:#ffffff59;border-color:#ffffff80;color:#353537}
.showroom-gallery .vehicle-actions .outline-button:hover{background:#ffffff9c;border-color:#ffffff}
.vehicle-specs{position:absolute;z-index:2;top:145px;right:5.5%;width:166px;margin:0;border:1px solid #ffffffbd;border-radius:8px;background:linear-gradient(135deg,#ffffff52,#ffffff0a);backdrop-filter:blur(13px);box-shadow:0 10px 30px #00000003}
.vehicle-specs>div{padding:15px 19px 16px;border-bottom:1px solid #b8b8b84d}.vehicle-specs>div:last-child{border:0}
.vehicle-specs dt{font:400 12px/1.4 var(--ui);color:#686868;letter-spacing:.01em;margin-bottom:7px}.vehicle-specs dt>span{font-size:10px;color:#db001d;font-weight:600;margin-right:5px}
.vehicle-specs dd{font:500 19px/1.2 var(--ui);letter-spacing:-.025em;margin:0;color:#2d2d2f}.vehicle-specs .spec-unit{font-size:14px;font-weight:400;color:#777}
.showroom-gallery .viewer-toolbar{left:61%;bottom:109px;background:#ffffff66;border-color:#ffffffa6;color:#666;box-shadow:0 5px 22px #00000007;padding:5px 7px;gap:2px;backdrop-filter:blur(16px)}
.showroom-gallery .viewer-toolbar button{min-height:36px;padding:8px 11px;font-size:12px;color:#626264}
.showroom-gallery .viewer-toolbar button[aria-pressed=true],.showroom-gallery .viewer-toolbar button[aria-pressed=true]:hover{background:#ffffffc7;color:#202020;box-shadow:0 1px 5px #00000005}
.showroom-gallery .viewer-toolbar button:hover{background:#ffffff80;color:#222}.showroom-gallery .toolbar-divider{background:#00000018}
.gallery-picker{display:flex;align-items:center;gap:20px;position:relative;z-index:4;max-width:1420px;width:89%;margin:-77px auto 0;padding:10px 20px 13px;border:1px solid #ffffffc4;border-radius:14px;background:linear-gradient(125deg,#ffffff32,#ffffff13);backdrop-filter:blur(20px);box-shadow:inset 0 1px 0 #ffffff40}
.gallery-picker .vehicle-tabs{display:flex;flex:1;align-items:stretch;justify-content:space-between;min-width:0;padding:0;margin:0;gap:16px;border:0;background:transparent;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x mandatory;overscroll-behavior-x:contain}
.gallery-picker .vehicle-tabs::-webkit-scrollbar{display:none}
.gallery-picker .vehicle-tabs button{flex:1 0 0;min-width:0;position:relative;display:flex;flex-direction:column;align-items:center;padding:3px 6px 12px;border:0;border-radius:0;min-height:138px;background:transparent!important;opacity:.62;transition:opacity .3s ease,transform .45s var(--ease);scroll-snap-align:center;color:#252527}
.gallery-picker .vehicle-tabs button:hover,.gallery-picker .vehicle-tabs button[aria-selected=true]{opacity:1;color:#171719}
.gallery-picker .vehicle-tabs button::after{content:'';position:absolute;top:auto;right:auto;left:38%;bottom:0;width:24%;height:2px;border-radius:2px;background:var(--accent);transform:scaleX(0);transition:transform .4s var(--ease)}
.gallery-picker .vehicle-tabs button[aria-selected=true]::after{background:var(--accent);bottom:0;left:38%;width:24%;transform:scaleX(1)}
.gallery-picker .vehicle-tabs img{display:block;width:100%;max-width:235px;height:97px;object-fit:contain;transition:transform .5s var(--ease);pointer-events:none}
.gallery-picker .vehicle-tabs button:hover img,.gallery-picker .vehicle-tabs button[aria-selected=true] img{transform:translateY(-3px)}
.gallery-picker .vehicle-tabs .car-tab-copy{display:flex;align-items:baseline;justify-content:center;gap:8px;font:400 12px/1.5 var(--ui);letter-spacing:0;margin:0;color:#777}
.gallery-picker .vehicle-tabs strong{font:600 16px/1.4 var(--ui);letter-spacing:-.035em;text-transform:none;color:#29292b}
.gallery-picker .vehicle-tabs .car-tab-copy>span{font:400 12px/1.5 var(--ui);margin:0;letter-spacing:0;color:#727272}
.gallery-arrow{flex:0 0 38px;width:38px;height:38px;display:grid;place-items:center;border:1px solid #ffffffbd;border-radius:50%;background:#ffffffae;color:#d0001c;box-shadow:0 4px 16px #00000006}
.gallery-arrow:hover{transform:scale(1.08);background:#fff}.gallery-arrow svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.showroom-note{text-align:center;font:400 12px/1.5 var(--ui);letter-spacing:.015em;color:#7d7d7d;padding:21px 24px 36px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.page-home .home-experiences{padding-top:100px;border-top:1px solid #00000008;background:#e5e5e3}
@media(min-width:1500px){.showroom-gallery .vehicle-title{left:max(5.5%,calc((100% - 1550px)/2))}.vehicle-specs{right:max(5.5%,calc((100% - 1550px)/2))}}
@media(max-width:1100px){.header nav{gap:26px}.showroom-gallery .vehicle-title{left:4.5%;width:28%}.vehicle-specs{right:4.5%;width:143px;top:142px}.vehicle-specs>div{padding:13px 14px}.showroom-gallery .vehicle-title h1{font-size:59px}.showroom-gallery .vehicle-title>p:not(.eyebrow){font-size:15px}.showroom-gallery .vehicle-actions{gap:9px}.showroom-gallery .vehicle-actions a{padding:11px 13px;font-size:12px}.gallery-picker{width:91%;gap:12px;padding:10px 13px}.gallery-picker .vehicle-tabs{gap:8px}.gallery-picker .vehicle-tabs img{height:82px}.gallery-picker .vehicle-tabs button{min-height:121px}.gallery-picker .vehicle-tabs strong{font-size:15px}.showroom-gallery .viewer-toolbar{left:61%;bottom:110px}}
@media(max-width:760px){
 .header nav,.header.menu-open nav{background:linear-gradient(180deg,#242424fc 0%,#242424ed 62%,#242424ad 88%,#2424244d 100%)}
 .header nav a{font:500 28px/1.4 var(--ui);letter-spacing:-.035em;color:#bbb}.header nav a[aria-current=page],.header nav a:hover{color:white}
 .page-home .header{height:92px;padding:0 27px}.page-home .brand-art{width:94px;height:68px}
 .page-home .menu-toggle{background:#00000006}.page-home .menu-toggle:hover{background:#0000000c}.page-home .menu-toggle .menu-line{background:#252525}
 .page-home .menu-open .menu-toggle{background:#252525}.page-home .menu-open .menu-toggle .menu-line{background:white}
 .page-home .header nav a{color:#bbb}.page-home .header nav a:hover,.page-home .header nav a[aria-current=page]{color:white}
 .menu-shade{inset:92px 0 0}
 .showroom-gallery .showroom-stage{height:745px;background:#e9e9e7}
 .showroom-gallery #showroom-canvas{top:270px;bottom:auto;height:460px;mask-image:linear-gradient(transparent,black 17%,black 87%,transparent);-webkit-mask-image:linear-gradient(transparent,black 17%,black 87%,transparent)}
 .gallery-blend{background:linear-gradient(180deg,transparent 77%,#e5e5e3 100%)}
 .showroom-gallery .vehicle-title{top:128px;left:27px;max-width:none;width:calc(100% - 54px);transform:none}
 .showroom-gallery .vehicle-title .eyebrow{font-size:11px;gap:7px;max-width:66%;letter-spacing:.02em}.title-separator{width:10px}
 .showroom-gallery .vehicle-title h1{font-size:54px;max-width:65%;line-height:.97;margin:17px 0 18px;letter-spacing:-.06em}
 .showroom-gallery .vehicle-title h1 span{margin-top:3px}
 .showroom-gallery .vehicle-title>p:not(.eyebrow){font-size:15px;line-height:1.6;max-width:74%}
 .showroom-gallery .vehicle-actions{gap:10px;margin-top:21px;flex-wrap:nowrap}.showroom-gallery .vehicle-actions a{padding:12px 15px;min-height:44px;gap:12px;font-size:13px;flex:none;width:auto}
 .vehicle-specs{top:165px;right:25px;width:101px;border-radius:6px;backdrop-filter:none;background:#ffffff22}.vehicle-specs>div{padding:10px 11px}.vehicle-specs dt{font-size:11px;margin-bottom:4px}.vehicle-specs dt>span{display:none}.vehicle-specs dd{font-size:16px}.vehicle-specs .spec-unit{font-size:12px}
 .showroom-gallery .viewer-toolbar{left:50%;bottom:79px;max-width:calc(100% - 42px);padding:5px 6px;gap:1px;white-space:nowrap}
 .showroom-gallery .viewer-toolbar button{font-size:11px;min-width:27px;padding:8px 7px;min-height:36px}
 .gallery-picker{width:calc(100% - 34px);margin-top:-50px;padding:10px 8px 12px;gap:5px;border-radius:12px}
 .gallery-arrow{flex-basis:29px;width:29px;height:29px}.gallery-arrow svg{width:16px;height:16px}
 .gallery-picker .vehicle-tabs{gap:13px;justify-content:flex-start}.gallery-picker .vehicle-tabs button{flex:0 0 calc(66% - 6px);min-height:115px;padding:0 0 12px}.gallery-picker .vehicle-tabs img{height:81px;max-width:none}.gallery-picker .vehicle-tabs .car-tab-copy{gap:6px}.gallery-picker .vehicle-tabs strong{font-size:15px}.gallery-picker .vehicle-tabs .car-tab-copy>span{font-size:11px}
 .showroom-note{font-size:11px;padding:19px 24px 34px}.page-home .home-experiences{padding-top:75px}
}
@media(max-width:370px){.page-home .header{padding:0 22px}.showroom-gallery .vehicle-title{left:22px;width:calc(100% - 44px)}.showroom-gallery .vehicle-title h1{font-size:46px;max-width:61%}.showroom-gallery .vehicle-title .eyebrow{font-size:10px}.vehicle-specs{right:21px;width:92px}.vehicle-specs>div{padding:9px}.showroom-gallery .vehicle-title>p:not(.eyebrow){font-size:14px;max-width:70%}.showroom-gallery .vehicle-actions a{font-size:12px;padding:11px 12px}.gallery-picker .vehicle-tabs button{flex-basis:80%}.showroom-gallery .viewer-toolbar button{font-size:10px;padding:8px 6px}.showroom-gallery .vehicle-actions{flex-direction:row}}
@media(prefers-reduced-motion:reduce){.gallery-picker .vehicle-tabs{scroll-behavior:auto}}
