:root{--vehicle-accent:#a83f31;--vehicle-steel:#95b1c5}
[hidden]{display:none!important}
.site-header{height:76px;gap:24px}
.site-header .brand{flex:none}
.site-header nav{gap:clamp(15px,1.6vw,27px);font-size:12px}
.site-header nav>a{white-space:nowrap}
.vehicle-first-hero{padding:0!important;background:#172127!important}
.home-hero-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(335px,1fr);max-width:1680px;margin:auto;align-items:center}
.home-brand-visual{min-width:0;align-self:start}
.vehicle-first-hero .hero-banner{max-width:none}
.home-art-caption{display:flex;justify-content:space-between;gap:16px;padding:16px 5%;color:#b9c7cf;font-size:10px;letter-spacing:.08em;line-height:1.5}
.home-art-caption strong{color:#fff;font-weight:600}
.vehicle-finder{padding:28px clamp(22px,2.8vw,46px);background:#172127;color:#fff}
.vehicle-finder .eyebrow{color:#c6d7e2;margin:0 0 10px;font-size:9px}
.vehicle-finder h1{font-size:clamp(40px,4.2vw,62px);line-height:.94;max-width:500px;margin-bottom:15px}
.vehicle-finder>p:not(.eyebrow){font-size:13px;color:#cbd6dc;line-height:1.65;margin-bottom:20px;max-width:480px}
.vehicle-finder-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.vehicle-finder-form label{display:flex;flex-direction:column;gap:5px;min-width:0;font-size:11px;font-weight:600;letter-spacing:.02em}
.vehicle-finder-form select{width:100%;min-width:0;height:45px;padding:0 30px 0 12px;border:1px solid #c3cdd2;border-radius:0;background:#f5f5f1;color:#202b32;font-size:12px;line-height:1.2;text-overflow:ellipsis}
.vehicle-finder-form select:disabled{background:#26343e;color:#8f9fa9;border-color:#4a5b67;opacity:1}
.vehicle-finder-form select:focus-visible{outline:3px solid #9bb8d4;outline-offset:2px}
.vehicle-finder-form .button{width:100%;margin-top:16px;background:#f2f1ed;color:#152027;min-height:49px;font-size:11px;gap:16px}
.vehicle-finder-form .button:not(:disabled):hover{background:#d4e1e9}
.vehicle-finder-form .button:disabled{opacity:.5;cursor:default}
.vehicle-finder-form [data-finder-status]{font-size:10px;line-height:1.5;color:#b8c8d1;margin:10px 0 0;min-height:30px}
.finder-browse{display:inline-flex;align-items:center;gap:12px;color:#d9e4eb;border-bottom:1px solid #8297a5;padding-bottom:4px;font-size:12px;margin-top:10px}
.continue-vehicle{padding:12px 20px;background:#dfe8ec;border-left:3px solid #6b8798;margin-bottom:24px;color:#263d4c;font-size:13px}
.journey-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding:23px max(5%,calc((100vw - var(--wrap))/2));border-bottom:1px solid #cdd3d5;background:#e7e9e6}
.journey-steps>div{display:flex;align-items:center;gap:13px;font-size:12px;font-weight:600}
.journey-steps b{font:700 25px/1 var(--condensed);color:#6c8190}
.journey-steps span small{display:block;color:#647078;font-size:10px;font-weight:400;margin-top:2px}
.vehicles{padding-top:70px;padding-bottom:70px;scroll-margin-top:95px}
.vehicles .section-intro{margin-bottom:30px}
.vehicles .section-intro h2{font-size:clamp(48px,5.7vw,76px)}
.vehicles .platform-browser{margin-top:30px}
.vehicles .browser-heading h3{font-size:29px}
.vehicles .search-status{font-size:12px}
.legend-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.platform.legend-card{padding:0;overflow:hidden;transition:transform .2s,box-shadow .2s;background:#1c252b;border:1px solid #39454c}
.vehicle-card-link{display:flex;flex-direction:column;height:100%;color:#fff;outline-offset:4px}
.vehicle-card-link:focus-visible{outline:3px solid #adcce0;outline-offset:-4px}
.platform.legend-card:hover{transform:translateY(-3px);box-shadow:0 11px 22px #17212724}
.vehicle-card-link .vehicle-picture{transition:transform .3s}
.vehicle-card-link:hover .vehicle-picture{transform:scale(1.025)}
.vehicle-card-link .legend-card-copy{display:flex;flex-direction:column;flex:1;align-items:center;padding:19px 22px 22px}
.vehicle-card-name{font:700 clamp(24px,2.2vw,31px)/1.05 var(--condensed);text-transform:uppercase;margin:0 0 8px;color:#fff;letter-spacing:0}
.vehicle-card-subtitle{display:block;color:#b6c8d3;font-size:11px;min-height:19px;margin:3px 0 17px}
.vehicle-emblem{display:flex;align-items:center;justify-content:center;min-height:77px;width:100%;margin-bottom:6px}
.vehicle-emblem .badge-photo-frame{display:flex;align-items:center;justify-content:center;width:100%;height:72px;aspect-ratio:auto!important;background:none!important;padding:0}
.vehicle-emblem .engine-emblem{display:block;max-width:235px;max-height:72px;width:100%;height:auto;object-fit:contain;aspect-ratio:auto!important}
.vehicle-card-next{display:flex;align-items:center;justify-content:space-between;width:100%;gap:13px;margin-top:auto;padding:12px 14px;background:#eef0ec;color:#202e37;font-size:11px;font-weight:700}
.vehicle-card-next b{font-size:19px;line-height:1;font-weight:500;color:#6b899c}
.vehicle-card-link:hover .vehicle-card-next{background:#c7dbe7}
.footer-explore{display:flex;flex-wrap:wrap;gap:12px 22px;padding:22px max(5%,calc((100vw - var(--wrap))/2));background:#e5e7e3;border-top:1px solid #cbd1cf;font-size:12px;color:#36434b}
.footer-explore a:hover{text-decoration:underline}
.hub-breadcrumb{max-width:var(--wrap);margin:auto;padding:22px 5%;font-size:11px;color:#6c787f;display:flex;gap:10px;flex-wrap:wrap}
.hub-breadcrumb a{color:#314d60}
.hub-hero{background:#172127;color:#fff;padding:42px max(5%,calc((100vw - var(--wrap))/2)) 48px;display:grid;grid-template-columns:1.15fr 1fr;gap:60px;align-items:center}
.hub-hero .eyebrow{color:#b2cddd}
.hub-hero h1{font-size:clamp(54px,5.6vw,84px);line-height:.94;margin:0 0 23px;max-width:780px}
.hub-hero-copy>p:not(.eyebrow){max-width:650px;font-size:15px;color:#cfdae0;line-height:1.75;margin:0 0 22px}
.hub-hero-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap;margin-top:24px}
.hub-hero-actions>a:not(.button){font-size:12px;color:#d2e4ef}
.hub-visual{border:1px solid #41535f;margin:0;background:#202c34}
.hub-visual>.hub-vehicle-photo{width:100%;aspect-ratio:1.5;object-fit:cover;display:block}
.hub-emblem{padding:15px 24px;min-height:93px;display:flex;align-items:center;justify-content:center;background:#18232b}
.hub-emblem img{max-width:260px;max-height:80px;width:100%;height:auto;object-fit:contain}
.hub-visual figcaption{padding:10px 15px;margin:0;font-size:9px;color:#a6b8c5;text-align:center}
.hub-selection{margin-top:23px;padding:14px 17px;border-left:3px solid #98b4c6;background:#253641}
.hub-selection>span{display:block;font-size:9px;letter-spacing:.14em;color:#adc4d3;text-transform:uppercase}
.hub-selection strong{display:block;margin-top:4px;font-size:13px;line-height:1.65}
.hub-refine{margin-top:16px;font-size:12px;color:#d0dee7}
.hub-refine summary{cursor:pointer;min-height:36px;display:list-item;list-style:disclosure-closed;list-style-position:inside}
.hub-refine[open] summary{list-style-type:disclosure-open}
.hub-refine .vehicle-finder-form{margin-top:10px;padding:18px;background:#25343e}
.hub-section-nav{position:sticky;top:76px;z-index:20;display:flex;align-items:center;justify-content:center;gap:12px 36px;overflow-x:auto;padding:15px 5%;border-bottom:1px solid #c8d1d4;background:#f0f1ecef;backdrop-filter:blur(10px);font-size:12px;font-weight:600}
.hub-section-nav a{white-space:nowrap;padding:5px 0;border-bottom:2px solid transparent}
.hub-section-nav a:hover,.hub-section-nav a:focus-visible{border-bottom-color:var(--vehicle-accent)}
.hub-section{padding:74px max(5%,calc((100vw - var(--wrap))/2));scroll-margin-top:142px}
.hub-section-head{display:grid;grid-template-columns:1fr minmax(230px,390px);align-items:end;gap:35px;margin-bottom:32px}
.hub-section h2,.chooser h1{font:700 clamp(44px,5.5vw,68px)/.95 var(--condensed);text-transform:uppercase;letter-spacing:-.02em;margin:0}
.hub-section-head>p{color:#5e6b73;font-size:13px;line-height:1.75;margin:0}
.hub-package-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.hub-package-card{display:flex;flex-direction:column;position:relative;padding:26px;background:#fff;border:1px solid #cbd3d7}
.hub-package-card .eyebrow{color:#6d8594;font-size:9px;min-height:25px}
.hub-package-card h3{font-size:32px;line-height:1.02;margin:0 0 15px;text-transform:uppercase}
.hub-package-card>p:not(.eyebrow){color:#5e6d76;font-size:13px;line-height:1.75;flex:1}
.hub-package-price{font:600 23px/1.1 var(--condensed);padding:16px 0;margin:7px 0 13px;border-top:1px solid #d7dfe2;color:#314b5d}
.hub-package-card .button{min-height:46px;font-size:10px;gap:12px;padding:8px 12px}
.hub-package-card>a{font-size:11px;color:#546f80;margin-top:12px;text-align:center;text-decoration:underline}
.hub-fitment-note{font-size:11px;color:#65727b;margin:21px 0 0;line-height:1.7;max-width:960px}
.hub-service-section{background:#e1e5e2}
.hub-service-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}
.hub-service{padding:22px;background:#f6f6f1;border:1px solid #c3cdd2;display:flex;flex-direction:column}
.hub-service>span{font:700 29px/1 var(--condensed);color:#8094a1;margin-bottom:24px}
.hub-service h3{font-size:26px;line-height:1;margin:0 0 12px}
.hub-service p{font-size:12px;color:#5a6871;line-height:1.7;flex:1}
.hub-service a{font-size:11px;font-weight:700;color:#3d5d72}
.hub-care{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;background:#172127;color:#fff}
.hub-care .eyebrow{color:#b3cddd}
.hub-care h2{font-size:clamp(44px,5vw,65px);margin-bottom:23px}
.hub-care p{color:#c2d0da;font-size:14px;line-height:1.8;max-width:620px}
.hub-care ul{list-style:none;padding:0;margin:0 0 24px}
.hub-care li{padding:13px 0;border-bottom:1px solid #42545f;font-size:13px;color:#e0e8ec}
.hub-care li::before{content:'✓';margin-right:11px;color:#a5c4d9}
.hub-care .care-price{padding:18px 20px;background:#283b48;border:1px solid #566b79;font-size:13px}
.hub-care .care-price strong{display:block;font:700 23px var(--condensed);color:#fff}
.hub-care .care-price small{display:block;color:#c3d1db;margin-top:5px;font-size:11px}
.hub-care .button{margin-top:18px}
.hub-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:34px}
.hub-info-card{padding:24px 25px;border-top:3px solid #87a2b3;background:#e7ebe7}
.hub-info-card h3{font-size:27px;line-height:1.1;margin-bottom:13px}
.hub-info-card p{font-size:13px;color:#5e6b73;line-height:1.8;margin:0}
.hub-faq{max-width:970px;margin-top:35px}
.hub-faq details{padding:18px 0;border-top:1px solid #c8d0d3}
.hub-faq summary{cursor:pointer;font-weight:600;font-size:14px;line-height:1.6}
.hub-faq details p{font-size:13px;line-height:1.8;color:#5b6b75;max-width:800px;margin:14px 0 0}
.hub-source{font-size:11px;color:#6c7b83;margin-top:24px}
.hub-source a{text-decoration:underline}
.hub-bottom-cta{padding:36px max(5%,calc((100vw - var(--wrap))/2));background:#d8e2e7;display:flex;justify-content:space-between;align-items:center;gap:25px}
.hub-bottom-cta h2{font:700 36px/1.05 var(--condensed);text-transform:uppercase;margin:0 0 10px}
.hub-bottom-cta p{font-size:13px;max-width:650px;margin:0;color:#506574}
.package-dialog{width:min(650px,92vw);max-height:90vh;padding:0;border:1px solid #6b7f8c;background:#f2f3ee;color:#20313d;box-shadow:0 20px 70px #0007}
.package-dialog::backdrop{background:#0c161bc9;backdrop-filter:blur(3px)}
.package-dialog-inner{padding:clamp(23px,4vw,38px);position:relative}
.package-dialog .dialog-close{position:absolute;right:17px;top:14px;min-width:38px;min-height:38px;border:1px solid #c5cfd5;background:transparent;font-size:21px;cursor:pointer}
.package-dialog h2{font:700 39px/.98 var(--condensed);text-transform:uppercase;max-width:470px;margin:0 28px 16px 0}
.package-dialog .package-vehicle{font-size:12px;color:#4b6a7f;padding:11px 14px;background:#e1e9ec;margin-bottom:22px}
.package-dialog fieldset{margin:0;padding:0;border:0}
.package-dialog legend{font-size:12px;font-weight:700;margin-bottom:13px}
.package-options label{display:flex;gap:12px;align-items:flex-start;padding:13px 0;border-top:1px solid #ccd7dd;font-size:13px;line-height:1.6;cursor:pointer}
.package-options input{width:19px;height:19px;margin:2px 0 0;flex:none;accent-color:#506f84}
.package-dialog .package-note{font-size:11px;line-height:1.7;color:#607583;margin:18px 0}
.package-dialog #package-count{font-size:11px;color:#607583;margin-bottom:13px}
.package-dialog .button{width:100%;font-size:11px}
.chooser{padding:58px max(5%,calc((100vw - var(--wrap))/2)) 80px;background:#e9ece8}
.chooser h1{font-size:clamp(46px,5vw,70px);margin:0 0 20px}
.chooser-intro{max-width:760px;font-size:15px;color:#5f707b;line-height:1.8}
.chooser-layout{display:grid;grid-template-columns:minmax(270px,345px) 1fr;align-items:start;gap:35px;margin-top:32px}
.chooser .vehicle-finder{padding:24px;position:sticky;top:96px}
.chooser .vehicle-finder h2{font:700 33px/1 var(--condensed);text-transform:uppercase;margin-bottom:17px;color:#fff}
.chooser .vehicle-finder-grid{grid-template-columns:1fr}
.generation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.generation-card{background:#fff;border:1px solid #c8d1d5}
.generation-card>a{display:block;padding:24px;height:100%;transition:background .2s}
.generation-card>a:hover{background:#dce8ef}
.generation-card .eyebrow{font-size:9px;margin-bottom:11px}
.generation-card h2{font:700 31px/1.02 var(--condensed);text-transform:uppercase;margin-bottom:13px}
.generation-card p{font-size:12px;color:#657782;line-height:1.65;margin-bottom:20px}
.generation-card a>span{display:flex;justify-content:space-between;font-size:11px;color:#3b5f75;font-weight:700}
.chooser-notice{padding:16px 19px;border-left:3px solid #9f473a;background:#f5e8e2;font-size:13px;margin:20px 0}
.generation-filter{font-size:11px;color:#6a7e8a;display:block;margin-bottom:18px}
.vehicle-return{padding:13px 5%;background:#dce7ed;font-size:12px;color:#37546a}
.vehicle-return a{font-weight:600;text-decoration:underline}
@media(max-width:1100px){.home-hero-grid{grid-template-columns:minmax(0,1.35fr) minmax(335px,1fr)}.home-art-caption{flex-direction:column;gap:3px}.vehicle-finder h1{font-size:43px}.hub-package-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hub-service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hub-hero{gap:32px}.hub-hero h1{font-size:64px}.hub-care{gap:30px}.legend-grid{gap:14px}.vehicle-card-link .legend-card-copy{padding:17px}}
@media(max-width:900px){.site-header{height:70px;padding:0 5%}.menu{display:flex;align-items:center;gap:9px;border:0;background:transparent;padding:12px 0;font-size:12px;font-weight:700;text-transform:uppercase}.site-header nav{display:none;height:auto;position:absolute;top:70px;left:0;right:0;align-items:stretch;gap:0;padding:12px 5% 18px;background:var(--paper);border-bottom:1px solid var(--line);box-shadow:0 10px 15px #1112;font-size:14px}.site-header nav.open{display:flex;flex-direction:column}.site-header nav>a:not(.header-cta){padding:13px 0;border-bottom:1px solid var(--line)}.site-header nav .header-cta{margin-top:12px;text-align:center}.home-hero-grid{grid-template-columns:1.15fr 1fr;align-items:start}.vehicle-finder{padding:25px}.vehicle-finder h1{font-size:39px}.vehicle-finder-grid{grid-template-columns:1fr}.home-brand-visual{position:sticky;top:70px}.legend-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hub-section-nav{top:70px;justify-content:flex-start;gap:25px}.hub-info-grid{grid-template-columns:1fr}.hub-hero{grid-template-columns:1fr 1fr;gap:25px}.hub-hero h1{font-size:56px}.hub-hero-copy>p:not(.eyebrow){font-size:13px}.hub-section-head{grid-template-columns:1fr}.chooser-layout{grid-template-columns:minmax(245px,.8fr) 1.6fr}.generation-grid{grid-template-columns:1fr}.hub-bottom-cta{align-items:flex-start;flex-direction:column}}
@media(max-width:680px){.home-hero-grid{display:flex;flex-direction:column}.home-brand-visual{position:static;width:100%}.home-art-caption{display:none}.vehicle-finder{width:100%;padding:26px 6% 28px}.vehicle-finder h1{font-size:43px;margin-bottom:12px}.vehicle-finder>p:not(.eyebrow){margin-bottom:18px;font-size:13px}.vehicle-finder-grid{grid-template-columns:1fr 1fr;gap:12px}.vehicle-finder-form select{font-size:12px}.journey-steps{grid-template-columns:1fr;padding:20px 6%;gap:11px}.journey-steps>div{font-size:12px}.journey-steps span small{display:none}.journey-steps b{font-size:23px;width:21px}.vehicles{padding-top:45px;padding-bottom:45px}.vehicles .section-intro{gap:22px}.vehicles .section-intro h2{font-size:49px}.legend-grid{grid-template-columns:1fr;gap:22px}.vehicle-card-name{font-size:30px}.vehicle-card-link .legend-card-copy{padding:19px 24px 23px}.vehicle-emblem{min-height:68px}.vehicle-emblem .badge-photo-frame{height:65px}.vehicle-emblem .engine-emblem{max-height:65px}.vehicle-card-next{padding:13px 17px;font-size:12px}.vehicles .browser-heading{align-items:start;gap:20px}.vehicles .search-wrap{width:100%}.hub-breadcrumb{padding:17px 5%;font-size:10px}.hub-hero{display:flex;flex-direction:column;padding:29px 5% 35px;gap:28px;align-items:stretch}.hub-hero h1{font-size:55px;margin-bottom:19px}.hub-hero-copy>p:not(.eyebrow){font-size:14px}.hub-visual{max-width:550px}.hub-section-nav{font-size:11px;padding:11px 5%;gap:24px}.hub-section{padding:48px 5%;scroll-margin-top:131px}.hub-section h2{font-size:47px}.hub-section-head{gap:22px;margin-bottom:25px}.hub-package-grid,.hub-service-grid{grid-template-columns:1fr}.hub-package-card{padding:25px}.hub-package-card h3{font-size:34px}.hub-service{padding:21px 23px}.hub-service>span{margin-bottom:15px}.hub-service h3{font-size:30px}.hub-service p{font-size:13px}.hub-care{display:block}.hub-care>div+div{margin-top:26px}.hub-care li{line-height:1.7}.hub-bottom-cta h2{font-size:33px}.chooser{padding:35px 5% 50px}.chooser-layout{display:flex;flex-direction:column;gap:28px}.chooser .vehicle-finder{position:static;width:100%}.chooser .vehicle-finder-grid{grid-template-columns:1fr 1fr}.chooser-layout>div{width:100%}.generation-grid{grid-template-columns:1fr}.hub-refine .vehicle-finder-grid{grid-template-columns:1fr 1fr}.footer-explore{font-size:11px;gap:13px 19px}}
@media(prefers-reduced-motion:reduce){.platform.legend-card,.vehicle-card-link .vehicle-picture{transition:none}.platform.legend-card:hover,.vehicle-card-link:hover .vehicle-picture{transform:none}}

@media(max-width:680px){.home-hero-grid>.vehicle-finder{order:-1}}

.hub-visual>.hub-vehicle-photo{height:auto}



/* Compact vehicle browsing: search beside the title, cards directly below categories. */
.vehicles{padding-top:38px;scroll-margin-top:12px}
.vehicles .section-intro{grid-template-columns:minmax(0,1fr) minmax(280px,360px);gap:28px;align-items:end;margin-bottom:20px}
.vehicles .section-intro .eyebrow{font-size:9px;margin-bottom:10px}
.vehicles .section-intro h2{font-size:clamp(38px,3.5vw,50px);line-height:.94}
.vehicles .intro-aside{display:flex;flex-direction:column;align-items:stretch;gap:8px}
.vehicles .intro-aside p{max-width:none;margin:0;color:#596166;font-size:12px;line-height:1.5}
.vehicles .search-wrap{width:100%}
.vehicles .search-wrap input{height:42px}
.vehicles .search-wrap input:focus-visible{outline:2px solid #648296;outline-offset:3px}
.vehicles .vehicle-tabs{margin-top:0;scroll-margin-top:12px}
.vehicles .vehicle-tabs button{padding:15px 20px}
.vehicles .vehicle-tabs button>strong{font-size:30px;margin:8px 0}
.vehicles .vehicle-tabs button>small{font-size:10px}
.vehicles .vehicle-tabs button:not([aria-selected=true]):hover{background:#e2e8e9;box-shadow:inset 0 -3px 0 #9ebbd1}
.vehicles .platform-browser{margin-top:16px}
.vehicles .platform-group{margin-top:0;padding:18px}
.vehicles .platform-group .platform-label{padding:0 0 10px;margin-bottom:14px}
.vehicles .platform-group .legend-heading{display:none}
.vehicles .legend-grid{gap:16px}
.vehicles .vehicle-card-link .legend-card-copy{padding:12px 16px 14px}
.vehicles .vehicle-card-name{font-size:clamp(22px,1.8vw,28px);margin-bottom:6px;line-height:1.05}
.vehicles .vehicle-emblem{min-height:58px;margin-bottom:4px}
.vehicles .vehicle-emblem .badge-photo-frame{height:54px}
.vehicles .vehicle-emblem .engine-emblem{max-height:54px;max-width:210px}
.vehicles .vehicle-card-subtitle{min-height:17px;margin:2px 0 10px;font-size:11px}
.vehicles .vehicle-card-next{padding:10px 12px;min-height:36px;color:#202e37}
.vehicles .vehicle-art{cursor:pointer}
.vehicles .search-status:not(.sr-only){min-height:0;margin:0 0 12px}
@media(max-width:900px){
  .vehicles .section-intro{grid-template-columns:1fr minmax(250px,.85fr);gap:22px}
  .vehicles .section-intro h2{font-size:38px}
  .vehicles .vehicle-tabs button{padding:14px 13px}
  .vehicles .vehicle-tabs button>strong{font-size:27px}
}
@media(max-width:680px){
  .vehicles{padding-top:28px}
  .vehicles .section-intro{grid-template-columns:1fr;gap:16px;margin-bottom:18px}
  .vehicles .section-intro h2{font-size:36px}
  .vehicles .intro-aside p{font-size:11px}
  .vehicles .vehicle-tabs button{padding:13px 8px;min-height:68px}
  .vehicles .vehicle-tabs button>strong{font-size:23px;margin:6px 0 0}
  .vehicles .vehicle-tabs button>span{font-size:7px;line-height:1.4}
  .vehicles .platform-browser{margin-top:12px}
  .vehicles .platform-group{padding:12px}
  .vehicles .legend-grid{gap:14px}
  .vehicles .vehicle-card-name{font-size:27px}
  .vehicles .vehicle-card-link .legend-card-copy{padding:13px 18px 15px}
}


/* Engine-family discovery replaces the truck / legends split. */
.vehicles .family-navigation-label{display:flex;justify-content:space-between;gap:16px;margin:0 0 9px;font-size:10px;letter-spacing:.12em;font-weight:700;color:#617b8b}
.vehicles .family-navigation-label span{font-size:11px;letter-spacing:0;font-weight:400;color:#61717b}
.vehicles .engine-family-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) 1.05fr 1.2fr;margin:0}
.vehicles .engine-family-tabs button{padding:15px 13px;min-height:83px;display:flex;flex-direction:column;justify-content:center}
.vehicles .engine-family-tabs button>strong{font-size:28px;line-height:1.03;margin:0 0 7px}
.vehicles .engine-family-tabs button>small{font-size:9px;line-height:1.4}
.vehicles .engine-family-panel{padding:15px 18px 18px}
.vehicles .family-filter-bar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:0 0 12px}
.engine-class-filters{display:flex;flex-wrap:wrap;gap:6px}
.engine-class-filters button{appearance:none;border:1px solid #52636e;border-radius:2px;background:#202e38;color:#d6e1e8;font-family:inherit;font-size:11px;line-height:1.2;min-height:33px;padding:7px 12px;cursor:pointer}
.engine-class-filters button[aria-pressed=true]{background:#d5e4ec;color:#1e303d;border-color:#d5e4ec;font-weight:700}
.engine-class-filters button:hover{border-color:#d5e4ec}
.engine-class-filters button:focus-visible,.family-year-filter select:focus-visible{outline:2px solid #d6e7f4;outline-offset:3px}
.family-year-filter{display:flex;gap:8px;align-items:center;flex:none;font-size:10px;color:#c3d3dd}
.family-year-filter select{font:inherit;font-size:11px;min-height:33px;max-width:160px;background:#f2f2ed;color:#233440;border:1px solid #acbfc9;padding:5px 7px}
.vehicles .engine-family-panel .platform-label{margin-bottom:12px;padding-bottom:9px;font-size:9px}
.vehicles .engine-family-panel .platform-label span:last-child{font-size:8px}
.vehicles .engine-generation-card .legend-card-copy{padding:12px 15px 14px}
.vehicle-generation-years{font:600 12px/1.4 var(--body,Barlow,sans-serif);color:#b6cfdf;margin:0 0 7px;min-height:17px}
.vehicles .engine-generation-card .vehicle-card-name{font-size:25px;min-height:27px;margin:0 0 7px}
.vehicles .engine-generation-card .vehicle-emblem{height:50px;min-height:50px;margin:0 0 4px;justify-content:center;align-items:center}
.vehicles .engine-generation-card .engine-emblem{max-height:48px;max-width:202px;width:100%;height:auto;object-fit:contain}
.vehicles .engine-generation-card .vehicle-card-subtitle{display:block;text-align:center;font-size:10px;line-height:1.4;min-height:14px;margin:0 0 10px}
.vehicles .engine-generation-card:not(.profile-summary) .vehicle-card-subtitle{display:none}
.engine-wordmark{font:700 23px/1 var(--condensed);letter-spacing:.02em;color:#d8e2e8;text-align:center}
.vehicles .engine-generation-card.engine-reference .vehicle-art{background:#e8ece9}
.vehicles .engine-generation-card.engine-reference .vehicle-picture{object-fit:contain;padding:15px}
.vehicles .engine-generation-card.engine-reference .vehicle-watermark{color:#5c687177;text-shadow:none}
.family-fitment-note{color:#b2c5d0;font-size:10px;line-height:1.6;margin:15px 0 0;max-width:1000px}
.family-empty{font-size:14px;color:#ecf0f3;background:#293b46;border-left:3px solid #b8d1e0;padding:20px;margin:0 0 15px}
.custom-project-intro{font-size:13px;line-height:1.65;color:#dce6ec;max-width:1020px;margin:0 0 16px}
.custom-project-intro a{color:#bed6e6;text-decoration:underline;white-space:nowrap}
.custom-project-section{background:#dfe6e6}
.custom-project-section .hub-info-card{background:#f3f4ee}
.custom-project-section .button{font-size:11px;min-height:46px}
.hub-visual.engine-reference>.hub-vehicle-photo{object-fit:contain;padding:20px;background:#e8ece9}
.hub-section-nav a[href="#custom-projects"]{color:#8c392e}
@media(max-width:1100px){
 .vehicles .engine-family-tabs button>strong{font-size:24px}
 .vehicles .engine-family-tabs button{padding:13px 9px}
 .family-year-filter{flex-direction:column;align-items:start;gap:3px}
 .engine-class-filters button{padding:7px 10px}
}
@media(max-width:900px){
 .vehicles .engine-family-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}
 .vehicles .engine-family-tabs button{min-height:72px;border-bottom:1px solid #bdc6c8}
 .vehicles .engine-family-tabs button:nth-child(3){border-right:0}
 .vehicles .engine-family-tabs button:nth-child(n+4){border-bottom:0}
 .vehicles .family-navigation-label span{display:none}
 .vehicles .engine-generation-card .vehicle-card-name{font-size:25px}
}
@media(max-width:680px){
 .vehicles .engine-family-tabs button{min-height:54px;padding:8px 6px}
 .vehicles .engine-family-tabs button>strong{font-size:20px;line-height:1.02;margin:0}
 .vehicles .engine-family-tabs button:last-child>strong{font-size:18px}
 .vehicles .engine-family-tabs button>small{display:none}
 .vehicles .engine-family-panel{padding:12px}
 .vehicles .family-filter-bar{align-items:start;gap:10px;flex-direction:column;margin-bottom:11px}
 .engine-class-filters{gap:5px}
 .engine-class-filters button{font-size:10px;min-height:31px;padding:7px 9px}
 .family-year-filter{flex-direction:row;align-items:center;gap:8px;width:100%}
 .family-year-filter select{max-width:190px;flex:1}
 .vehicles .engine-family-panel .platform-label{font-size:8px}
 .vehicles .engine-generation-card .legend-card-copy{padding:12px 16px 14px}
 .vehicle-generation-years{font-size:11px}
 .vehicles .engine-generation-card .vehicle-card-name{font-size:27px}
 .custom-project-intro{font-size:12px;margin-bottom:12px}
 .family-fitment-note{font-size:10px}
}