/* An editorial gallery with native scrolling as the no-JavaScript fallback. */
.showcase{padding:76px 0 40px;background:radial-gradient(ellipse at 50% 62%,#173747 0,#081b28 52%,#06131e 100%);color:#fff;overflow:hidden;isolation:isolate}
.showcase-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:12px}
.showcase .eyebrow{color:#b2c5d0}
.showcase h2{color:#fff;font-size:clamp(30px,3.5vw,45px);line-height:1.17;letter-spacing:-.045em;margin:15px 0 0}
.showcase-heading>p{color:#b5c7d2;max-width:310px;font-size:13px;line-height:1.9;margin:0 0 4px}
.showcase-track{--slide-width:min(74vw,900px);--gutter:calc((100% - var(--slide-width))/2);display:flex;gap:24px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);padding:28px var(--gutter) 34px;scrollbar-width:thin;scrollbar-color:#476170 transparent;-webkit-overflow-scrolling:touch}
.showcase.is-enhanced .showcase-track{scrollbar-width:none}
.showcase.is-enhanced .showcase-track::-webkit-scrollbar{display:none}
.showcase-slide{flex:0 0 var(--slide-width);min-width:0;scroll-snap-align:center;scroll-snap-stop:always;margin:0;position:relative}
.showcase-frame{position:relative;aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:#142c3a;border:1px solid #37505e;box-shadow:0 24px 48px #0005;transform:perspective(1200px) rotateY(var(--turn,0deg)) scale(var(--scale,1));transition:transform .65s cubic-bezier(.2,.7,.2,1),filter .65s ease;will-change:auto}
.showcase.is-enhanced .showcase-slide:not(.is-active) .showcase-frame{--scale:.9;filter:brightness(.6)}
.showcase-slide img{display:block;width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.showcase-frame:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(4,16,25,.92));pointer-events:none}
.showcase-caption{position:absolute;inset:auto 36px 30px;z-index:1;display:grid;grid-template-columns:1fr auto;gap:5px 24px;align-items:end}
.showcase-caption .showcase-number{font-size:10px;letter-spacing:.16em;color:#ff9a68;font-weight:750;grid-column:1/-1}
.showcase-caption h3{font-size:clamp(23px,2.8vw,34px);color:#fff;letter-spacing:-.04em;line-height:1.2;margin:0}
.showcase-caption p{color:#ccdae3;font-size:12px;margin:4px 0 0;grid-column:1}
.showcase-caption a{grid-column:2;grid-row:2/4;white-space:nowrap;font-size:11px;font-weight:750;color:#fff;border-bottom:1px solid #78909f;padding:8px 0;transition:color .2s,border-color .2s}
.showcase-caption a span{margin-left:12px;color:#ff894c}
.showcase-caption a:hover{color:#ff9a68;border-color:#ff9a68}
.showcase-controls{display:flex;align-items:center;justify-content:space-between;gap:20px}
.showcase-nav{display:flex;align-items:center;gap:12px}
.showcase-arrow{display:grid;place-items:center;width:46px;height:46px;border:1px solid #45606f;border-radius:50%;background:transparent;color:#e5eff4;cursor:pointer;transition:background .2s,border-color .2s,transform .2s}
.showcase-arrow svg{width:18px;height:18px}
.showcase-arrow:hover{border-color:#ff7b3a;background:#ff7123;transform:translateY(-2px)}
.showcase-arrow:disabled{opacity:.3;cursor:default;transform:none;background:transparent;border-color:#45606f}
.showcase-count{font-variant-numeric:tabular-nums;font-size:11px;color:#9eb4c2;letter-spacing:.12em;min-width:58px;text-align:center}
.showcase-count strong{color:#fff;font-weight:700}
.showcase-dots{display:flex;gap:7px;align-items:center}
.showcase-dot{border:0;background:none;padding:16px 3px;cursor:pointer;width:35px;min-height:44px}
.showcase-dot:before{content:"";display:block;width:100%;height:3px;border-radius:3px;background:#3d5665;transition:background .3s}
.showcase-dot[aria-pressed=true]:before{background:#ff7735}
.showcase-note{font-size:10px;line-height:1.7;color:#9aafbd;margin:18px 0 0}
.showcase [hidden]{display:none!important}
.showcase :focus-visible{outline:2px solid #ff9b69;outline-offset:5px}
.showcase-track:focus-visible{outline-offset:-7px}
.premium-image-note{font-size:10px!important;color:#738693;line-height:1.7!important;margin:10px 0 0}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .type-card[data-tilt]:hover{transform:none}
 .type-card[data-tilt] .vehicle-photo{perspective:700px}
 .type-card[data-tilt] .vehicle-photo img{transition:transform .5s cubic-bezier(.2,.7,.2,1),filter .5s;transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) scale(var(--tilt-scale,1))}
 .type-card[data-tilt].is-tilting .vehicle-photo img{transition:transform .12s ease-out,filter .5s;filter:brightness(1.04) saturate(1.04)}
 .type-card[data-tilt] .vehicle-photo:after{background:radial-gradient(circle at var(--glow-x,50%) var(--glow-y,50%),#fff3,transparent 65%);opacity:0;transition:opacity .3s;pointer-events:none}
 .type-card[data-tilt].is-tilting .vehicle-photo:after{opacity:1}
 .reveal-in{animation:premium-reveal .65s cubic-bezier(.2,.7,.2,1) both}
}
@keyframes premium-reveal{from{opacity:0;translate:0 16px}to{opacity:1;translate:0 0}}
@media(max-width:900px){.showcase{padding-top:55px}.showcase-heading{align-items:flex-start;gap:24px}.showcase-heading>p{max-width:250px;font-size:12px}.showcase-track{--slide-width:82vw;gap:16px}.showcase-caption{inset:auto 25px 24px}.showcase-caption p{font-size:11px}.showcase-caption a{font-size:10px}}
@media(max-width:600px){
 .showcase{padding:43px 0 30px}.showcase-heading{display:block;margin-bottom:3px}.showcase h2{font-size:30px;margin-top:12px}.showcase-heading>p{max-width:320px;margin:17px 0 0;font-size:12px}
 .showcase-track{--slide-width:86vw;gap:9px;padding-block:22px}.showcase-frame{aspect-ratio:4/5;border-radius:12px}.showcase-slide img{object-position:53% 50%}.showcase-frame:after{inset:35% 0 0}
 .showcase.is-enhanced .showcase-slide:not(.is-active) .showcase-frame{--scale:.94}
 .showcase-caption{display:block;inset:auto 22px 24px}.showcase-caption .showcase-number{display:block;font-size:9px;margin-bottom:8px}.showcase-caption h3{font-size:26px;max-width:240px}.showcase-caption p{font-size:11px;max-width:225px;margin:9px 0 13px}.showcase-caption a{display:inline-block;font-size:11px;padding:6px 0}.showcase-caption a span{margin-left:16px}
 .showcase-nav{gap:8px}.showcase-arrow{width:44px;height:44px}.showcase-count{font-size:10px;min-width:46px}.showcase-dot{width:28px}.showcase-dots{gap:4px}.showcase-note{max-width:300px;font-size:9px;margin-top:14px}
}
@media(prefers-reduced-motion:reduce){.showcase-frame,.showcase-arrow,.showcase-dot:before{transition:none}.showcase-track{scroll-behavior:auto}.reveal-in{animation:none!important}.type-card[data-tilt] .vehicle-photo img{transform:none!important}}

.showcase [data-gallery-status]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
