/* Native-image, tab-and-grid range selector: every model in the chosen range is shown at once. */
.fleet-selector{--fleet-gap:24px}
.fleet-tabs{display:flex;position:relative;z-index:2;max-width:760px;margin:0 auto -28px;background:var(--paper,#faf8f2);border:1px solid var(--original-navy)}
.fleet-tabs button{flex:1;min-width:0;min-height:56px;padding:12px 20px;background:#fff;color:var(--original-navy);font-family:var(--font-button);font-weight:700;font-size:.9375rem;line-height:1.4;border:0;border-right:1px solid var(--original-navy);cursor:pointer;transition:background .18s,color .18s}
.fleet-tabs button:last-child{border-right:0}
.fleet-tabs button:hover{background:#e6edf0}
.fleet-tabs button[aria-selected=true]{background:var(--original-navy);color:white}
.fleet-tabs button:focus-visible{outline:3px solid #6fb4c7;outline-offset:4px;z-index:3}
.fleet-main{margin:0;width:100%;aspect-ratio:2.1;overflow:hidden;background:var(--original-navy)}
.fleet-main img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 55%}
.fleet-carousel-header{display:flex;align-items:center;justify-content:space-between;gap:32px;margin:40px 0 24px}
.fleet-carousel-header h3{font-family:var(--font-display);font-weight:700;text-transform:uppercase;font-size:var(--text-xl);line-height:1.1;margin:0 0 12px;letter-spacing:.035em}
.fleet-carousel-header p{max-width:650px;font-size:var(--text-base)}
.fleet-model:focus-visible{outline:3px solid #397a8a;outline-offset:3px}
.fleet-track{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--fleet-gap);padding:4px 0 8px}
.fleet-model{min-width:0;display:block;position:relative;text-decoration:none;background:var(--original-navy);color:#fff;overflow:hidden}
.fleet-model img{width:100%;aspect-ratio:1.65;object-fit:cover;display:block;transition:transform .35s}
.fleet-model:hover img{transform:scale(1.025)}
.fleet-model-label{position:absolute;inset:auto 0 0;display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:48px 28px 24px;background:linear-gradient(transparent,rgba(3,25,38,.88));color:white}
.fleet-model-label h4{font-family:var(--font-display);font-weight:700;font-size:clamp(1.35rem,2vw,2rem);text-transform:uppercase;letter-spacing:.025em;line-height:1.15;margin:0;color:white}
.fleet-model-label .fleet-model-arrow{font-size:1.5rem}
.fleet-model-note{display:block;font-size:.9375rem;line-height:1.4;margin-bottom:8px;color:white}
.fleet-sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.fleet-selector noscript a{text-decoration:underline}
@media(min-width:1024px){
  .range-section>.wrap{width:calc(100% - 32px);max-width:none}
  .fleet-track{grid-template-columns:repeat(3,minmax(0,1fr))}
  .fleet-model-label{padding:40px 24px 24px}
}
@media(max-width:900px){
  .fleet-tabs{max-width:640px}
  .fleet-tabs button{font-size:.875rem;padding-inline:12px}
  .fleet-main{aspect-ratio:1.75}
  .fleet-carousel-header{gap:24px}
  .fleet-model-label{padding:40px 20px 20px}
}
@media(max-width:600px){
  .fleet-tabs{margin:0 0 16px;max-width:none}
  .fleet-tabs button{min-height:60px;padding:10px 8px;font-size:.8125rem}
  .fleet-main{aspect-ratio:auto}
  .fleet-main img{height:auto;aspect-ratio:auto;object-fit:contain}
  .fleet-carousel-header{margin:28px 0 20px;display:block}
  .fleet-carousel-header h3{font-size:1.875rem;margin-bottom:12px}
  .fleet-track{grid-template-columns:minmax(0,1fr);gap:16px}
  .fleet-model img{aspect-ratio:1.6}
  .fleet-model-label{padding:40px 20px 20px}
  .fleet-model-label h4{font-size:1.5rem}
}
@media(prefers-reduced-motion:reduce){
  .fleet-tabs button,.fleet-model img{transition:none}
  .fleet-model:hover img{transform:none}
}
